|
Adobe Photoshop CS4 for the Web Tutorials Online |
![]() |
|
Description
Adobe Photoshop CS4 for the Web
Photoshop, the de facto graphics application in the world of print design, turns its sights on web design! In this course, Geoff Blake will demonstrate many practical and useful techniques for working with Photoshop in a web design capacity. You'll learn the fundamentals of web design, including HTML and CSS basics, the challenges of web browsers, and how monitor resolution affects design. Geoff will also demonstrate how to coordinate Photoshop and Dreamweaver so that you can edit layout images in Photoshop. You'll master Photoshop selections, how to use layers to organize your layouts, and how color works in an online environment. Finally, you'll construct an entire layout from scratch in Photoshop and discover techniques for exporting it for online use. To begin learning today, simply click on the movie links. |
01 Introduction & Setting Up
0101 Welcome & About this Course
0102 The Role of Photoshop in Web Design
0103 Working with Photoshop & Dreamweaver
02 Internet & Web Design Fundamentals
0201 How Web Delivery Works
0202 Web Browsers
0203 Understanding HTML & CSS
0204 Web Page Structure
0205 Monitor Resolution
03 Photoshop Basics
0301 Setting Photoshop Preferences pt. 1
0302 Setting Photoshop Preferences pt. 2
0303 Setting Photoshop Preferences pt. 3
0304 Exploring the Photoshop Toolbox
0305 Tool Settings on the Options Bar
0306 Photoshop Application Bar
0307 Exploring the Panels
0308 Touring the Document Window
0309 Working More Efficiently pt. 1
0310 Working More Efficiently pt. 2
04 Getting Around
0401 Navigating Through Images
0402 Creating New Images
0403 Using Grid/Guides/Rulers
0404 Saving Your Work
05 Understanding Web File Formats
0501 Raster vs. Vector
0502 Web Graphic File Formats
0503 Basic Image Optimization for GIF
0504 Saving a Transparent GIF
0505 Basic Image Optimization for JPEG
0506 Basic Image Optimization for PNG
06 Resizing Images for Web Output
0601 Understanding Resolution
0602 Touring the Image Size Dialog
0603 Resizing Fundamentals
07 Working with Selections
0701 Shape-Based Selections pt. 1
0702 Shape-Based Selections pt. 2
0703 Transforming Selections
0704 Color-Based Selections pt. 1
0705 Color-Based Selections pt. 2
0706 Using Quick Mask Mode pt. 1
0707 Using Quick Mask Mode pt. 2
0708 Using Quick Mask Mode pt. 3
0709 Saving & Reusing Selections
0710 Editing Alpha Channels
08 Organizing Web Projects with Layers
0801 Understanding How Layers Work
0802 Removing Objects from Backgrounds
0803 Combining Images Together
0804 Using Free Transform
0805 Organizing with Layers
0806 Opacity & Blending Modes
0807 Special Effects with Layer Styles
0808 Creating Web 2.0 Buttons pt. 1
0809 Creating Web 2.0 Buttons pt. 2
0810 Typesetting Fundamentals
0811 Type on the Web
0812 Understanding Styles
0813 Creating a Website Header pt. 1
0814 Creating a Website Header pt. 2
0815 Creating a Website Header pt. 3
09 Color on the Web
0901 Understanding Color Modes
0902 Mixing & Specifying Colors
0903 Using Web Safe Colors
0904 Using Color Between Applications
10 Optimizing Images
1001 Optimizing Images as GIFs
1002 Creating GIF Animation
1003 Optimizing Images as JPEGs
1004 PNGs with Alpha Transparency pt. 1
1005 PNGs with Alpha Transparency pt. 2
11 Creating Backgrounds & Textures
1101 Background Techniques
1102 Tiling Background Examples
1103 Creating Gradient Backgrounds
12 Building a Full Layout
1201 What We Will Build
1202 Laying Out the Guides
1203 Creating the Main Layout Blocks pt. 1
1204 Creating the Main Layout Blocks pt. 2
1205 Creating the Main Layout Blocks pt. 3
1206 Laying Out the Banner Ad Blocks
1207 Getting Organized in the Layers Panel
1208 Finishing Up the Layout
13 Adding Content to the Layout
1301 Formatting the Overall Layout
1302 Building the Lead Story Box
1303 Building the Story 1 Box
1304 Building the Story 2 Box
1305 Building the Story 3 & 4 Boxes
1306 Building the Feature Box
1307 Creating Title Text
1308 Inserting Placeholder Text
1309 Formatting the Footer
1310 Inserting the Header
14 Slicing a Photoshop Layout
1401 Creating Slices by Hand
1402 Guide-Based Slices
1403 Layer-Based Slices
1404 Dividing Slices
1405 Slicing Apart the Layout pt. 1
1406 Slicing Apart the Layout pt. 2
1407 Slicing Apart the Layout pt. 3
1408 Setting Slice Properties pt. 1
1409 Setting Slice Properties pt. 2
15 Exporting a Photoshop Layout
1501 Slice Export Settings
1502 Exporting a Table-Based Layout
1503 Viewing the Table Results
1504 Exporting a CSS-Based Layout
1505 Viewing The CSS Results
1506 Final Exporting & Results
1507 Replacing Text
1508 Formatting the Layout
16 Conclusion
1601 Wrap Up
1602 About the Author
sku |
|
