
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.
Course content
Introduction & Setting Up3 lessons
Internet & Web Design Fundamentals5 lessons
Photoshop Basics10 lessons
- Setting Photoshop Preferences pt. 13:251 credit or ad
- Setting Photoshop Preferences pt. 24:101 credit or ad
- Setting Photoshop Preferences pt. 32:481 credit or ad
- Exploring the Photoshop Toolbox4:071 credit or ad
- Tool Settings on the Options Bar2:221 credit or ad
- Photoshop Application Bar2:261 credit or ad
- Exploring the Panels4:281 credit or ad
- Touring the Document Window4:111 credit or ad
- Working More Efficiently pt. 14:231 credit or ad
- Working More Efficiently pt. 23:021 credit or ad
Getting Around4 lessons
Understanding Web File Formats6 lessons
Resizing Images for Web Output3 lessons
Working with Selections10 lessons
- Shape-Based Selections pt. 15:401 credit or ad
- Shape-Based Selections pt. 22:321 credit or ad
- Transforming Selections4:361 credit or ad
- Color-Based Selections pt. 14:431 credit or ad
- Color-Based Selections pt. 23:491 credit or ad
- Using Quick Mask Mode pt. 12:471 credit or ad
- Using Quick Mask Mode pt. 22:341 credit or ad
- Using Quick Mask Mode pt. 33:431 credit or ad
- Saving & Reusing Selections2:351 credit or ad
- Editing Alpha Channels4:401 credit or ad
Organizing Web Projects with Layers15 lessons
- Understanding How Layers Work5:351 credit or ad
- Removing Objects from Backgrounds4:131 credit or ad
- Combining Images Together3:031 credit or ad
- Using Free Transform2:311 credit or ad
- Organizing with Layers3:221 credit or ad
- Opacity & Blending Modes3:321 credit or ad
- Special Effects with Layer Styles4:481 credit or ad
- Creating Web 2.0 Buttons pt. 14:191 credit or ad
- Creating Web 2.0 Buttons pt. 22:411 credit or ad
- Typesetting Fundamentals4:521 credit or ad
- Type on the Web4:471 credit or ad
- Understanding Styles4:481 credit or ad
- Creating a Website Header pt. 14:411 credit or ad
- Creating a Website Header pt. 26:591 credit or ad
- Creating a Website Header pt. 36:241 credit or ad
Color on the Web4 lessons
Optimizing Images5 lessons
Creating Backgrounds & Textures3 lessons
Building a Full Layout8 lessons
- What We Will Build2:221 credit or ad
- Laying Out the Guides4:391 credit or ad
- Creating the Main Layout Blocks pt. 13:351 credit or ad
- Creating the Main Layout Blocks pt. 23:301 credit or ad
- Creating the Main Layout Blocks pt. 33:001 credit or ad
- Laying Out the Banner Ad Blocks4:481 credit or ad
- Getting Organized in the Layers Panel5:201 credit or ad
- Finishing Up the Layout7:401 credit or ad
Adding Content to the Layout10 lessons
- Formatting the Overall Layout5:521 credit or ad
- Building the Lead Story Box6:431 credit or ad
- Building the Story 1 Box4:401 credit or ad
- Building the Story 2 Box2:101 credit or ad
- Building the Story 3 & 4 Boxes4:251 credit or ad
- Building the Feature Box2:111 credit or ad
- Creating Title Text6:561 credit or ad
- Inserting Placeholder Text4:231 credit or ad
- Formatting the Footer4:041 credit or ad
- Inserting the Header2:041 credit or ad
Slicing a Photoshop Layout9 lessons
- Creating Slices by Hand7:021 credit or ad
- Guide-Based Slices4:121 credit or ad
- Layer-Based Slices3:441 credit or ad
- Dividing Slices4:501 credit or ad
- Slicing Apart the Layout pt. 12:251 credit or ad
- Slicing Apart the Layout pt. 23:201 credit or ad
- Slicing Apart the Layout pt. 32:001 credit or ad
- Setting Slice Properties pt. 12:521 credit or ad
- Setting Slice Properties pt. 22:541 credit or ad
Exporting a Photoshop Layout8 lessons
- Slice Export Settings4:471 credit or ad
- Exporting a Table-Based Layout2:051 credit or ad
- Viewing the Table Results3:591 credit or ad
- Exporting a CSS-Based Layout1:441 credit or ad
- Viewing The CSS Results5:041 credit or ad
- Final Exporting & Results2:421 credit or ad
- Replacing Text3:121 credit or ad
- Formatting the Layout3:521 credit or ad