Start learning with our library of video tutorials taught by experts. Get started

Photoshop CS3 for the Web Essential Training

Photoshop CS3 for the Web Essential Training

with Jan Kabili

Video: Welcome

Hi Everyone! This is Jan Kabili. I'm happy to welcome you to this title, Photoshop CS3 for the Web Essential Training. It's really exciting to be back here at lynda.com to do this title. I have been writing and teaching about Photoshop for the web since back in the days of Photoshop 6, I think it was. I still think it's really important for anybody who is involved in web design, be it on the design side or the developer side or the production side, to have a firm grasp of how graphics are made for the web.
Expand all | Collapse all
  1. 2m 2s
    1. Welcome
      1m 1s
    2. Using the exercise files
      1m 1s
  2. 22m 35s
    1. Overview of the interface
      4m 54s
    2. Arranging panels
      5m 17s
    3. Customizing keyboard shortcuts
      7m 26s
    4. Saving custom workspaces
      4m 58s
  3. 28m 56s
    1. Overview of Bridge
      2m 57s
    2. The Bridge interface
      3m 4s
    3. Customizing Bridge
      4m 59s
    4. Organizing assets
      8m 38s
    5. Comparing assets with the Loupe
      3m 15s
    6. Stacking assets
      2m 25s
    7. Rotating, rearranging, and renaming
      3m 38s
  4. 21m 38s
    1. Understanding layers
      4m 17s
    2. Creating layers
      5m 12s
    3. Layer stacking order
      1m 12s
    4. Deleting layers
      1m 47s
    5. Working with multiple layers
      9m 10s
  5. 28m 40s
    1. The decline of web-safe color
      2m 9s
    2. Using the Color Picker
      6m 5s
    3. Using swatches
      3m 5s
    4. Creating custom swatches
      4m 55s
    5. Recoloring images
      3m 55s
    6. Copying color as HTML
      1m 46s
    7. Color management
      6m 45s
  6. 16m 25s
    1. Vector-based type
      4m 46s
    2. Creating character type
      6m 42s
    3. Creating paragraph type
      4m 57s
  7. 57m 48s
    1. Storyboarding
      4m 47s
    2. Setting resolution, color mode, and bit depth
      5m 9s
    3. Combining images of different sizes
      6m 25s
    4. Combining images using Layer Masks
      6m 3s
    5. Combining images using Blend Modes and Opacity
      6m 43s
    6. Adding and editing Smart Objects
      7m 42s
    7. Creating focus with Layer Styles
      5m 44s
    8. Saving source files
      3m 20s
    9. Resizing images for the web
      2m 50s
    10. Sharpening images for the web
      9m 5s
  8. 34m 1s
    1. Understanding optimization and web formats
      2m 8s
    2. The Save for Web window
      3m 14s
    3. Optimizing JPEGs
      7m 1s
    4. Selective JPEG optimization
      3m 53s
    5. Optimizing GIFs
      6m 1s
    6. Locking colors
      2m 59s
    7. Selective GIF optimization
      5m 12s
    8. Optimizing PNGs
      3m 33s
  9. 24m 7s
    1. Designing web backgrounds
      2m 20s
    2. Defining and previewing
      2m 42s
    3. Optimizing and saving
      3m 19s
    4. Symmetrical backgrounds
      7m 5s
    5. Full-screen backgrounds
      6m 7s
    6. Using directional tiles
      2m 34s
  10. 53m 1s
    1. Horizontal navigation bars
      9m 16s
    2. Elliptical buttons
      4m 34s
    3. Smart Object buttons
      6m 17s
    4. Pill-shaped buttons
      5m 18s
    5. Tabbed navigation bars
      12m 45s
    6. Creating gel buttons
      6m 7s
    7. Navigation bars with icons
      8m 44s
  11. 34m 0s
    1. Understanding web graphic transparency
      3m 2s
    2. Optimizing transparent graphics
      5m 55s
    3. Optimizing transparent graphics on a patterned background
      6m 54s
    4. Optimizing transparent graphics with shadows and glows
      5m 55s
    5. Saving transparent graphics
      2m 55s
    6. Starting with a non-transparent image
      3m 39s
    7. Simulating transparency with JPEGs
      5m 40s
  12. 43m 21s
    1. Creating animations from layer visibility
      8m 15s
    2. Tweening with opacity
      6m 59s
    3. Tweening with position and Layer Styles
      5m 50s
    4. Optimizing animated GIFs
      6m 46s
    5. Optimizing transparent animated GIFs
      6m 47s
    6. Animated slideshows
      8m 44s
  13. 31m 15s
    1. Understanding slicing
      4m 1s
    2. Creating user slices
      7m 4s
    3. Creating layer-based slices
      7m 6s
    4. Adding slice options
      5m 30s
    5. Optimizing and saving slices
      7m 34s
  14. 34m 44s
    1. Creating rollover graphics with layer comps
      7m 53s
    2. Optimizing layer comp rollovers
      6m 54s
    3. Installing the lynda.com rollover script
      2m 49s
    4. Exporting layer comp rollovers
      3m 13s
    5. Creating rollover graphics from layer visibility
      9m 0s
    6. Creating graphics for remote rollovers
      4m 55s
  15. 43m 55s
    1. Creating a web photo gallery
      8m 7s
    2. Creating a collaborative gallery
      4m 29s
    3. Creating a Flash-based web photo gallery
      4m 56s
    4. Using the Image Processor
      6m 33s
    5. Automating actions with the Image Processor
      7m 29s
    6. Creating PDF presentations
      8m 31s
    7. Zoomify
      3m 50s
  16. 28m 20s
    1. Photoshop files in Fireworks
      6m 25s
    2. Round-trip editing with Dreamweaver
      8m 31s
    3. Illustrator to Photoshop
      3m 7s
    4. Illustrator to Photoshop using Smart Objects
      4m 2s
    5. Layered Photoshop files in Flash
      6m 15s
  17. 25s
    1. Goodbye
      25s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
Photoshop CS3 for the Web Essential Training
8h 25m Intermediate Sep 07, 2007

Viewers: in countries Watching now:

Covering everything from setting up the interface to optimizing photos to using tools like the Web Photo Gallery, Photoshop CS3 for the Web Essential Training is a beginner course for anyone using Photoshop CS3 to create or edit images for the web. Instructor Jan Kabili explains the difference between web and print graphics, demonstrates how to create color swatches, discusses layers and slices, teaches how to create integral web page elements, and much more. Exercise files accompany the tutorials.

Download the free exercise files from the Exercise Files tab.

Subjects:
Web Web Graphics Prototyping Web Design
Software:
Photoshop
Author:
Jan Kabili

Welcome

Hi Everyone! This is Jan Kabili. I'm happy to welcome you to this title, Photoshop CS3 for the Web Essential Training. It's really exciting to be back here at lynda.com to do this title. I have been writing and teaching about Photoshop for the web since back in the days of Photoshop 6, I think it was. I still think it's really important for anybody who is involved in web design, be it on the design side or the developer side or the production side, to have a firm grasp of how graphics are made for the web.

And so in this title, I haven't just focused on features of Photoshop that are related to web design. Instead, I have tried to hone in on tasks that you will be performing and techniques you'll need to know as you create graphics for your websites. I hope that you will get ideas for how to incorporate graphics in your own sites, and that you will learn efficient production techniques that will save you time and effort in your own work. So let's get started learning Photoshop CS3 for the web.

There are currently no FAQs about Photoshop CS3 for the Web Essential Training.

Share a link to this course
Please wait... Please wait...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop CS3 for the Web Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK

Course retiring soon

Photoshop CS3 for the Web Essential Training will be retired from the lynda.com library on April 24, 2014. Training videos and exercise files will no longer be available, but the course will still appear in your course history and certificates of completion.


Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked

Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.