Description
Photoshop CS4 offers designers a rich assortment of editing tools with which to create compelling imagery for the web. Photoshop CS4 for the Web covers a wide range of uses for Photoshop in the web graphics workflow. Instructor Jan Kabili explains how to optimize graphics and photographs so they download quickly in a web browser. She covers the why and how of image slicing, and demonstrates practical techniques for designing layouts, backgrounds, navigation bars, and buttons in Photoshop.
Download the free Layer Comps to Slices script from the Exercise Files tab.
Topics include:
* Working with color for the web
* Optimizing images in Photoshop’s Save for Web & Devices window
* Making web page backgrounds
* Creating transparent graphics for the web
* Making navigation graphics
* Preparing photographs for the web
* Laying out a web page comp
* Slicing
* Making graphics for rollovers
* Animating
* Creating a web gallery
* Displaying high-resolution graphics with Zoomify
* Making graphic variations with variables
* Integrating with Dreamweaver, Fireworks, Flash, and Illustrator
Table Of Contents
Introduction
Welcome
What you'll learn in this course
Using the exercise files
1. The Interface
Looking over the interface
Working with tabbed documents
Customizing panels
Customizing web shortcuts
Saving a custom web workspace
2. Preparation
Setting preferences for the web
Choosing color settings for the web
3. Working with Color
The decline of web-safe color
Choosing color with the Color Picker
Sampling color with the Eyedropper tool
Choosing color with the Swatches panel
Making a custom color swatch
Recoloring web graphics
Copying color as HTML
4. Optimizing Images for the Web
Touring the Save for Web interface
Optimizing photos as JPEGs
Adding metadata
Optimizing graphics as GIFs
Locking GIF colors
Optimizing graphics as PNGs
5. Making Web Backgrounds
Designing web backgrounds
Optimizing a tiling background
Building symmetrical background
Building a striped background
Using a full-screen background
6. Optimizing Transparent Graphics
Understanding transparency
Optimizing transparent graphics for solid backgrounds
Optimizing transparent graphics for patterned backgrounds
Optimizing transparent graphics with shadows and glows
Starting with a non-transparent graphic
Simulating transparency for JPEGs
7. Creating Navigation Graphics
Building a simple navigation bar
Building a simple button with layer styles
Creating a navigation bar with Smart Object buttons
Creating a navigation bar with custom shape icons
Building a gel button
8. Preparing Photographs for the Web
Following a web photo workflow
Resizing a copy for the web
Sharpening for the web
9. Laying Out Page Comps
Starting a new file from scratch
Storyboarding
Adding images
10. Slicing
Why slice?
Creating user slices
Creating layer-based slices
Adding slice options
Optimizing and saving slices
11. Making Graphics for Rollovers
Understanding Photoshop and rollovers
Creating rollover graphics with layer comps
Optimizing rollover graphics
Installing the lynda.com rollover script
Exporting rollover graphics
Making rollover graphics from layer visibility
12. Animating
Creating animations from layer visibility
Tweening with opacity
Tweening with position and layer effects
Optimizing transparent animated GIFs
Creating simple animated slideshows
13. Automating
Using the Image Processor
Creating a web gallery in Bridge
Displaying high-resolution web images with Zoomify
Creating graphic variations with variables
Importing values for graphic variations
14. Integrating with Other CS4 Applications
Dreamweaver Smart Object integration
Dreamweaver Copy/Paste integration
Fireworks integration
Exporting from Illustrator to Photoshop
Illustrator vector Smart Object integration
Flash integration
Conclusion
Goodbye
Download Links: (Use only one group of Links below)
Download from FileServe
Each file 111MB except the last one
http://www.fileserve.com/file/abkWFb6/Lynda.PShopCS4.Web.part1.rar
http://www.fileserve.com/file/SBQtcgw/Lynda.PShopCS4.Web.part2.rar
http://www.fileserve.com/file/AKAEckx/Lynda.PShopCS4.Web.part3.rar
http://www.fileserve.com/file/xCnSVST/Lynda.PShopCS4.Web.part4.rar
http://www.fileserve.com/file/MbaM7ym/Lynda.PShopCS4.Web.part5.rar
http://www.fileserve.com/file/yReBnQd/Lynda.PShopCS4.Web.part6.rar
http://www.fileserve.com/file/fPrdcR6/Lynda.PShopCS4.Web.part7.rar
Download from FileSonic
Each file 100MB except the last one
http://www.filesonic.com/file/r000216945/689936894/LcPCS4FTW.5020511.part1.rar
http://www.filesonic.com/file/r000216945/689928254/LcPCS4FTW.5020511.part2.rar
http://www.filesonic.com/file/r000216945/689925324/LcPCS4FTW.5020511.part3.rar
http://www.filesonic.com/file/r000216945/689916594/LcPCS4FTW.5020511.part4.rar
http://www.filesonic.com/file/r000216945/689916804/LcPCS4FTW.5020511.part5.rar
http://www.filesonic.com/file/r000216945/689918914/LcPCS4FTW.5020511.part6.rar
Download from RapidShare
Each file 95MB except the last one
http://rapidshare.com/files/207277112/Lynda.com.Photoshop.CS4.For.The.Web.part1.rar
http://rapidshare.com/files/207279840/Lynda.com.Photoshop.CS4.For.The.Web.part2.rar
http://rapidshare.com/files/207279878/Lynda.com.Photoshop.CS4.For.The.Web.part3.rar
http://rapidshare.com/files/207277704/Lynda.com.Photoshop.CS4.For.The.Web.part4.rar
http://rapidshare.com/files/207280271/Lynda.com.Photoshop.CS4.For.The.Web.part5.rar
http://rapidshare.com/files/207277464/Lynda.com.Photoshop.CS4.For.The.Web.part6.rar
http://rapidshare.com/files/207280238/Lynda.com.Photoshop.CS4.For.The.Web.part7.rar
http://rapidshare.com/files/207278197/Lynda.com.Photoshop.CS4.For.The.Web.part8.rar
Download from RapidShare (New Links)
Each file 102MB except the last one
http://rapidshare.com/files/204819471/Lynda.com.Photoshop.CS4.For.The.Web-iNKiSO.part1.rar
http://rapidshare.com/files/204835166/Lynda.com.Photoshop.CS4.For.The.Web-iNKiSO.part2.rar
http://rapidshare.com/files/204931846/Lynda.com.Photoshop.CS4.For.The.Web-iNKiSO.part3.rar
http://rapidshare.com/files/204965673/Lynda.com.Photoshop.CS4.For.The.Web-iNKiSO.part4.rar
http://rapidshare.com/files/205273902/Lynda.com.Photoshop.CS4.For.The.Web-iNKiSO.part5.rar
http://rapidshare.com/files/205285981/Lynda.com.Photoshop.CS4.For.The.Web-iNKiSO.part6.rar
http://rapidshare.com/files/205290491/Lynda.com.Photoshop.CS4.For.The.Web-iNKiSO.part7.rar
Download from RapidShare (More Links)
Each file 92MB except the last one
http://rapidshare.com/files/303341083/Lynda.com_-_Photoshop_CS4_For_The_Web.part1.rar
http://rapidshare.com/files/303347553/Lynda.com_-_Photoshop_CS4_For_The_Web.part2.rar
http://rapidshare.com/files/303350772/Lynda.com_-_Photoshop_CS4_For_The_Web.part3.rar
http://rapidshare.com/files/303348760/Lynda.com_-_Photoshop_CS4_For_The_Web.part4.rar
http://rapidshare.com/files/303384459/Lynda.com_-_Photoshop_CS4_For_The_Web.part5.rar
http://rapidshare.com/files/303356974/Lynda.com_-_Photoshop_CS4_For_The_Web.part6.rar
http://rapidshare.com/files/303357229/Lynda.com_-_Photoshop_CS4_For_The_Web.part7.rar
Download from RapidShare (Also New)
Each file 100MB except the last one
http://rapidshare.com/files/328236229/LcPCS4FTW.5020511.part1.rar
http://rapidshare.com/files/328236296/LcPCS4FTW.5020511.part2.rar
http://rapidshare.com/files/328236303/LcPCS4FTW.5020511.part3.rar
http://rapidshare.com/files/328236350/LcPCS4FTW.5020511.part4.rar
http://rapidshare.com/files/328236424/LcPCS4FTW.5020511.part5.rar
http://rapidshare.com/files/328236294/LcPCS4FTW.5020511.part6.rar
0 comments:
Post a Comment
Leave your Comment