中文名: Photoshop.CS4网络应用

英文名: Lynda.com Photoshop CS4 For The Web

资源格式: 光盘镜像

学校: Lynda.com Online Training Library

主讲人: Jan Kabili

发行日期: 2009年2月20日

地区: 美国

对白语言: 英语

文字语言: 英文

简介:

Lynda出品的关于Photoshop在Web中的应用的视频教程。

Photoshop CS4为设计师提供了一组创建web图像的丰富编辑工具。本教程包含了Photoshop在web应用方面所需要各种知识。

讲师Jan Kabili讲解了怎样优化图像以致在Web浏览器可以下载得更快，还讲解了为什么及怎样进行图像切割，以及设计布局、背景、导航条、按钮等方面的实践技巧。

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 p_w_picpath 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

目录:

Viewed Duration

05:04

Introduction

Welcome01:18

What you'll learn in this course02:58

Using the exercise files00:48

1. The Interface

Looking over the interface07:31

Working with tabbed documents07:50

Customizing panels06:29

Customizing web shortcuts07:45

Saving a custom web workspace06:08

2. Preparation

Setting preferences for the web03:38

Choosing color settings for the web09:31

3. Working with Color

The decline of web-safe color01:48

Choosing color with the Color Picker04:44

Sampling color with the Eyedropper tool05:24

Choosing color with the Swatches panel06:49

Making a custom color swatch05:51

Recoloring web graphics04:08

Copying color as HTML01:36

4. Optimizing Images for the Web

Touring the Save for Web interface06:45

Optimizing photos as JPEGs09:22

Adding metadata04:46

Optimizing graphics as GIFs06:08

Locking GIF colors04:15

Optimizing graphics as PNGs03:55

5. Making Web Backgrounds

Designing web backgrounds02:37

Optimizing a tiling background05:21

Building symmetrical background07:57

Building a striped background05:08

Using a full-screen background06:48

6. Optimizing Transparent Graphics

Understanding transparency05:01

Optimizing transparent graphics for solid backgrounds05:46

Optimizing transparent graphics for patterned backgrounds04:41

Optimizing transparent graphics with shadows and glows05:11

Starting with a non-transparent graphic03:04

Simulating transparency for JPEGs05:18

7. Creating Navigation Graphics

Building a simple navigation bar08:31

Building a simple button with layer styles04:40

Creating a navigation bar with Smart Object buttons06:54

Creating a navigation bar with custom shape icons09:29

Building a gel button07:07

8. Preparing Photographs for the Web

Following a web photo workflow06:31

Resizing a copy for the web05:35

Sharpening for the web06:26

9. Laying Out Page Comps

Starting a new file from scratch06:01

Storyboarding04:52

Adding p_w_picpath07:00

10. Slicing

Why slice?03:12

Creating user slices05:53

Creating layer-based slices06:12

Adding slice options04:21

Optimizing and saving slices08:49

11. Making Graphics for Rollovers

Understanding Photoshop and rollovers01:56

Creating rollover graphics with layer comps05:53

Optimizing rollover graphics07:13

Installing the lynda.com rollover script02:43

Exporting rollover graphics04:29

Making rollover graphics from layer visibility06:42

12. Animating

Creating animations from layer visibility11:27

Tweening with opacity05:35

Tweening with position and layer effects04:54

Optimizing transparent animated GIFs05:31

Creating simple animated slideshows07:51

13. Automating

Using the Image Processor07:12

Creating a web gallery in Bridge09:00

Displaying high-resolution web p_w_picpath with Zoomify04:59

Creating graphic variations with variables10:22

Importing values for graphic variations04:48

14. Integrating with Other CS4 Applications

Dreamweaver Smart Object integration09:52

Dreamweaver Copy/Paste integration05:03

Fireworks integration07:05

Exporting from Illustrator to Photoshop02:50

Illustrator vector Smart Object integration04:37

Flash integration05:12

Conclusion

Goodbye00:20