Adobe Photoshop CS4 for the Web Tutorials
Online Contents For This Course
We have made some of the video tutorials for
Adobe Photoshop CS4 for the Web
freely available to help you evaluate our training. Click on any of the linked lesson listings below to preview FREE!
Course Description
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.
Choose your media type:
|
Introduction & Setting Up
|
|||
| Welcome & About this Course | (01:58) | T | |
| The Role of Photoshop in Web Design | (01:30) | T | |
| Working with Photoshop & Dreamweaver | (03:38) | T | |
|
Internet & Web Design Fundamentals
|
|||
| How Web Delivery Works | (02:59) | T | |
| Web Browsers | (04:20) | T | |
| Understanding HTML & CSS | (03:11) | T | |
| Web Page Structure | (04:30) | T | |
| Monitor Resolution | (02:54) | T | |
|
Photoshop Basics
|
|||
| Setting Photoshop Preferences pt. 1 | (03:25) | T | |
| Setting Photoshop Preferences pt. 2 | (04:10) | T | |
| Setting Photoshop Preferences pt. 3 | (02:48) | T | |
| Exploring the Photoshop Toolbox | (04:07) | T | |
| Tool Settings on the Options Bar | (02:22) | T | |
| Photoshop Application Bar | (02:26) | T | |
| Exploring the Panels | (04:28) | T | |
| Touring the Document Window | (04:11) | T | |
| Working More Efficiently pt. 1 | (04:23) | T | |
| Working More Efficiently pt. 2 | (03:02) | T | |
|
Getting Around
|
|||
| Navigating Through Images | (05:26) | T | |
| Creating New Images | (03:03) | T | |
| Using Grid/Guides/Rulers | (06:06) | T | |
| Saving Your Work | (04:41) | T | |
|
Understanding Web File Formats
|
|||
| Raster vs. Vector | (02:29) | T | |
| Web Graphic File Formats | (03:25) | T | |
| Basic Image Optimization for GIF | (05:01) | T | |
| Saving a Transparent GIF | (02:51) | T | |
| Basic Image Optimization for JPEG | (04:30) | T | |
| Basic Image Optimization for PNG | (03:18) | T | |
|
Resizing Images for Web Output
|
|||
| Understanding Resolution | (04:44) | T | |
| Touring the Image Size Dialog | (02:34) | T | |
| Resizing Fundamentals | (05:14) | T | |
|
Working with Selections
|
|||
| Shape-Based Selections pt. 1 | (05:40) | T | |
| Shape-Based Selections pt. 2 | (02:32) | T | |
| Transforming Selections | (04:36) | T | |
| Color-Based Selections pt. 1 | (04:43) | T | |
| Color-Based Selections pt. 2 | (03:49) | T | |
| Using Quick Mask Mode pt. 1 | (02:47) | T | |
| Using Quick Mask Mode pt. 2 | (02:34) | T | |
| Using Quick Mask Mode pt. 3 | (03:43) | T | |
| Saving & Reusing Selections | (02:35) | T | |
| Editing Alpha Channels | (04:40) | T | |
|
Organizing Web Projects with Layers
|
|||
| Understanding How Layers Work | (05:35) | T | |
| Removing Objects from Backgrounds | (04:13) | T | |
| Combining Images Together | (03:03) | T | |
| Using Free Transform | (02:31) | T | |
| Organizing with Layers | (03:22) | T | |
| Opacity & Blending Modes | (03:32) | T | |
| Special Effects with Layer Styles | (04:48) | T | |
| Creating Web 2.0 Buttons pt. 1 | (04:19) | T | |
| Creating Web 2.0 Buttons pt. 2 | (02:41) | T | |
| Typesetting Fundamentals | (04:52) | T | |
| Type on the Web | (04:47) | T | |
| Understanding Styles | (04:48) | T | |
| Creating a Website Header pt. 1 | (04:41) | T | |
| Creating a Website Header pt. 2 | (06:59) | T | |
| Creating a Website Header pt. 3 | (06:24) | T | |
|
Color on the Web
|
|||
| Understanding Color Modes | (05:27) | T | |
| Mixing & Specifying Colors | (05:11) | T | |
| Using Web Safe Colors | (05:35) | T | |
| Using Color Between Applications | (05:38) | T | |
|
Optimizing Images
|
|||
| Optimizing Images as GIFs | (06:29) | T | |
| Creating GIF Animation | (04:35) | T | |
| Optimizing Images as JPEGs | (03:13) | T | |
| PNGs with Alpha Transparency pt. 1 | (04:55) | T | |
| PNGs with Alpha Transparency pt. 2 | (03:33) | T | |
|
Creating Backgrounds & Textures
|
|||
| Background Techniques | (04:25) | T | |
| Tiling Background Examples | (05:36) | T | |
| Creating Gradient Backgrounds | (04:24) | T | |
|
Building a Full Layout
|
|||
| What We Will Build | (02:22) | T | |
| Laying Out the Guides | (04:39) | T | |
| Creating the Main Layout Blocks pt. 1 | (03:35) | T | |
| Creating the Main Layout Blocks pt. 2 | (03:30) | T | |
| Creating the Main Layout Blocks pt. 3 | (03:00) | T | |
| Laying Out the Banner Ad Blocks | (04:48) | T | |
| Getting Organized in the Layers Panel | (05:20) | T | |
| Finishing Up the Layout | (07:40) | T | |
|
Adding Content to the Layout
|
|||
| Formatting the Overall Layout | (05:52) | T | |
| Building the Lead Story Box | (06:43) | T | |
| Building the Story 1 Box | (04:40) | T | |
| Building the Story 2 Box | (02:10) | T | |
| Building the Story 3 & 4 Boxes | (04:25) | T | |
| Building the Feature Box | (02:11) | T | |
| Creating Title Text | (06:56) | T | |
| Inserting Placeholder Text | (04:23) | T | |
| Formatting the Footer | (04:04) | T | |
| Inserting the Header | (02:04) | T | |
|
Slicing a Photoshop Layout
|
|||
| Creating Slices by Hand | (07:02) | T | |
| Guide-Based Slices | (04:12) | T | |
| Layer-Based Slices | (03:44) | T | |
| Dividing Slices | (04:50) | T | |
| Slicing Apart the Layout pt. 1 | (02:25) | T | |
| Slicing Apart the Layout pt. 2 | (03:20) | T | |
| Slicing Apart the Layout pt. 3 | (02:00) | T | |
| Setting Slice Properties pt. 1 | (02:52) | T | |
| Setting Slice Properties pt. 2 | (02:54) | T | |
|
Exporting a Photoshop Layout
|
|||
| Slice Export Settings | (04:47) | T | |
| Exporting a Table-Based Layout | (02:05) | T | |
| Viewing the Table Results | (03:59) | T | |
| Exporting a CSS-Based Layout | (01:44) | T | |
| Viewing The CSS Results | (05:04) | T | |
| Final Exporting & Results | (02:42) | T | |
| Replacing Text | (03:12) | T | |
| Formatting the Layout | (03:52) | T | |
|
Conclusion
|
|||
| Wrap Up | (01:16) | T | |
| About the Author | (00:36) | T | |
Course Information
| Course: | Adobe Photoshop CS4 for the Web |
| Author: | Geoff Blake |
| SKU: | 34089 |
| ISBN: | 1-936334-01-1 |
| Release Date: | 2010-02-25 |
| Duration: | 7 hrs / 105 tutorials |
| Work Files: |
Yes |
| Captions: | Available on CD and Online University |
Search within Captions
Subscription / Purchase Information
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Sign up for a Free Trial
Full Access Members have full access to VTC.com’s entire library of video tutorials.
If you are already a member, please login here.
United States
Email this Page
Send us Feedback