Adobe Photoshop CS/ImageReady CS for the Web Hands-On Training (Paperback)
暫譯: Adobe Photoshop CS/ImageReady CS 網頁實作訓練 (平裝本)

Tanya Staples

Adobe Photoshop CS/ImageReady CS for the Web Hands-On Training (Paperback)
  • 出版商: Peachpit Press
  • 出版日期: 2004-01-02
  • 售價: $2,050
  • 貴賓價: 9.5 折 $1,948
  • 語言: 英文
  • 頁數: 840
  • 裝訂: Paperback
  • ISBN: 0321228553
  • ISBN-13: 9780321228550
  • 相關分類: Photoshop

    • 已過版

買這商品的人也買了...

相關主題

商品描述

Description:

Although you can use one tool-Photoshop CS!-for both, the worlds of Web and print design are very different. Which means that if you use Photoshop CS exclusively for Web design, you probably don't want to waste a lot of time reading about its print capabilities. Not to worry: This is one Photoshop guide that covers the Web and nothing but! In this volume you'll find all the information you need to start creating Web pages with Photoshop CS, delivered in the form of classroom-proven lessons tested in Lynda Weinman's acclaimed Lynda.com training center. Using a combination of project-based lessons, guided exercises (the files for which are included on the companion CD-ROM), and QuickTime tutorials, this full-color volume walks you through all of Photoshop CS' Web features, including those new to cs: enhanced HTML output, Macromedia Flash (SWF) export, conditional actions, an enhanced rollover palette, and more. You'll also learn how to create rollovers, animations, image maps, transparency, and layer styles (among other things).

 

Table of Contents

Introduction.


1. Getting Started.

Creating Web Graphics in Photoshop CS and ImageReady CS. When to Use Photoshop CS Versus When to Use ImageReady CS. What's New in Photoshop CS and ImageReady CS?



2. Interface.

The Welcome Screen. Interface Overview. The Toolbox. Toolbox Fly-Out Menus. Jump To Buttons. Palettes. Exercise 1. Docking Palettes in Groups and Individually. Exercise 2. Docking Palettes Vertically. Exercise 3. Using the Options Bar. Exercise 4. Docking Palettes in the Palette Well. Exercise 5. Creating a Tool Preset. Resetting Tools. Exercise 6. Saving a Custom Workspace. Keyboard Shortcuts. Exercise 7. Customizing Keyboard Shortcuts in Photoshop CS. The File Browser. Exercise 8. Viewing and Organizing Images in the File Browser. Exercise 9. Assigning Keywords and Searching in the File Browser.



3. Color.

Color Profiles and the Web. sRGB for Windows. sRGB and Gamma for Macs. The Decline of Web-Safe Color. What Happens on an 8-bit System If You Don't Use Web-Safe Colors? Exercise 1. Choosing Web-Safe Colors from the Color Picker. Exercise 2. Loading Color Swatches. Exercise 3. Creating Custom Swatches. Exercise 4. Recoloring Layered Images. Exercise 5. Using the Color Replacement Tool. Exercise 6. Copying Color as HTML.



4. Optimization.

What Affects Speed on the Web? GIF, JPEG, or Macromedia Flash? Transparency and Animation. Lossy or Lossless? How Can You Make Small JPEGs? How Can You Make Small GIFs? What Is Bit Depth? Photoshop CS JPEG and GIF Options. Macromedia Flash Export Options. Exercise 1. Saving for the Web Using JPEG. Exercise 2. Selective JPEG Optimization with Alpha Channels. Exercise 3. Saving for Web Using GIF. Exercise 4. Choosing the Right Color Reduction Palette. Exercise 5. Reducing Colors. Exercise 6. Locking Colors. Exercise 7. Changing the Dimensions of a Graphic. Exercise 8. Selective GIF Optimization with Alpha Channels. Exercise 9. Previewing Images in a Web Browser. ImageReady CS Palettes and Preference Settings. Exercise 10. Optimizing a JPEG in ImageReady CS. Exercise 11. Using a Matte Color on a JPEG in ImageReady CS. Exercise 12. Previewing and Writing HTML in ImageReady CS. Exercise 13. Exporting Images as Macromedia Flash.



5. Layers.

What Are Layers? Previewing and Writing HTML in ImageReady CS. Exercise 1. Using Layers. Exercise 2. Moving Layers. Exercise 3. Moving Linked Layers. Exercise 4. Aligning Linked Layers. What Are Layer Sets? Exercise 5. Using Layer Sets. Exercise 6. Working with Multiple Layers in ImageReady CS. Comparing Linked Layers, Layer Sets and Multiple Layers. What Are Layer Comps? Exercise 7. Using Layer Comps. Exercise 8. Exporting Layers as Files. What Are Fill Layers? Exercise 9. Creating Solid Color Layers. Exercise 10. Creating Gradient Layers. Exercise 11. Creating Pattern Layers. What Are Adjustment Layers? Exercise 12. Using Adjustment Layers. Exercise 13. Using Clipping Groups.



6. Type.

Comparing Type in Photoshop CS and ImageReady CS. The Type Options Bar. Exercise 1. Using the Type Options Bar. The Character Palette. Exercise 2. Using the Character Palette. The Paragraph Palette. Exercise 3. Creating Paragraph Type. Exercise 4. Checking Spelling. Exercise 5. Finding and Replacing Type. Exercise 6. Creating Warped Type. Exercise 7. Creating Type on a Path. Exercise 8. Rasterizing Type. Exercise 9. Transforming Type.



7. Shapes and Layer Styles.

Comparing Bitmap Images and Vector Graphics. About Shape Tools. About Shapes. About Shape Layers. Exercise 1. Using Shape Tools and Shape Layers. About Layer Styles. Exercise 2. Creating Layer Styles. Exercise 3. Saving Custom Layer Styles. Exercise 4. Applying Custom Layer Styles from the Styles Palette.



8. Background Images.

What Is a Background Image? About Background Image Sizes. Exercise 1. Defining, Previewing, and Resizing Background Images. Exercise 2. Saving Background Images. Exercise 3. Creating Symmetrical Background Images. Exercise 4. Creating Non-Symmetrical Background Images. Exercise 5. Creating Seamless Backgrounds from Photographs. Exercise 6. Creating Full-Screen Graphic Background Images. Exercise 7. Creating Full-Screen Photographic Background Images. Exercise 8. Using Directional Tiles to Create Background Images.



9. Transparent GIFs.

Understanding the Limitations of GIF Transparency. What Is Anti-Aliasing? Recognizing Transparent Layers. Understanding GIFs, Masks, and Transparency. Understanding Offset Problems in Browsers. Exercise 1. Creating and Previewing GIF Transparency. Exercise 2. Fixing the Edges of Transparent GIFs. Exercise 3. Adding a Drop Shadow to Transparent GIFs. Exercise 4. Working with Transparent GIFs on Broad Backgrounds. Exercise 5. Diffusion Transparency Dither. Exercise 6. Saving Transparent Images in ImageReady CS. Exercise 7. Creating and Saving Transparent GIFs in Photoshop CS. Exercise 8. Creating Transparent GIFs from Non-Transparent Images.



10. Slicing.

About Slices. About Slice Types. About Slice Lines, Slice Numbers, Slice Symbols, and Slice Colors. About the Web Content and Slice Palettes. Exercise 1. Creating User Slices. Exercise 2. Creating Layer-Based Slices. Exercise 3. Editing Slices. Exercise 4. Renaming Slices. Exercise 5. Optimizing Slices. Exercise 6. Saving Sliced Images. Exercise 7. Applying Alt Text and Status Bar Messages to Slices. Exercise 8. Assigning URLs to Slices. About Slice Sets. Exercise 9. Using Slice Sets. Exercise 10. Using Slices and Layer Comps.



11. Rollovers.

About Rollovers. About Rollover States. About the Web Content Palette. Exercise 1. Creating Rollovers with Styles. Exercise 2. Creating Rollovers from Layer-Based Slices and Creating Custom Rollover Styles. Exercise 3. Using Rollover Styles for Multiple Buttons. Exercise 4. Renaming and Saving Rollovers. Exercise 5. Creating Rollovers Using Layer Visibility. Exercise 6. Creating Rollovers from Layer Comps. Exercise 7. Creating Remote Rollovers. Exercise 8. Creating Remote Rollovers with Selected States.



12. Image Maps.

Server-Side and Client-Side Image Maps. What Does an Image Map Look Like? Creating Image Maps in ImageReady CS. About the Web Content and Image Map Palettes. Exercise 1. Creating an Image Map with the Image Map Tools. Exercise 2. Creating an Image Map from Layers. Exercise 3. Creating Image Maps for Type. Exercise 4. Jumping to Photoshop CS with an Image Map. Exercise 5. Creating Image Map-Based Rollovers.



13. Animated GIFs and Flash.

The Animation Palette. Controlling the Timing of Animations. Animation Aesthetics. The Animated GIF Format. GIF Compression Challenges. The Macromedia Flash File Format. Animated GIFs Versus Macromedia Flash. Exercise 1. Creating Animations from Layer Visibility. Exercise 2. Setting the Looping and Speed. Exercise 3. Tweening with Opacity. Exercise 4. Selecting, Duplicating, and Reversing Frames. The Paste Frames Dialog Box. Exercise 5. Tweening a Tweened Sequence. Exercise 6. Tweening with Position. Exercise 7. Tweening with Layer Styles. Exercise 8. Creating an Animated Slideshow. Exercise 9. Optimizing and Saving Animated GIFs. Exercise 10. Creating Transparent Animated GIFs. Exercise 11. Creating Animated GIF Rollovers. Exercise 12. Exporting Animations as Macromedia Flash Files. Exercise 13. Exporting Frames as Files. Exercise 14. Designing Entire Web Interfaces.



14. Automation.

What Is the Web Photo Gallery? Exercise 1. Creating a Web Photo Gallery. Exercise 2. Customizing a Web Photo Gallery. What Do All the Web Photo Gallery Settings Do? Exercise 3. Collaborating with a Web Photo Gallery. Exercise 4. Creating a PDF Presentation. What Are Actions? Using Predefined Actions. Exercise 5. Creating Actions in ImageReady CS. Editing Actions. About Droplets. Exercise 6. Creating Droplets in ImageReady CS. Exercise 7. Creating Conditional Actions in ImageReady CS.



15. Data Sets.

Buzzwords and Definitions. Exercise 1. Understanding Data Sets and Variables. Exercise 2. Creating Data Sets and Variables. Exercise 3. Creating Pixel Replacement Variables. Exercise 4. Importing Data Sets from Text Files.



16. Integration with Other Programs.

Exercise 1. Updating HTML in ImageReady CS. Exercise 2. Importing ImageReady CS Rollovers into GoLive CS. Exercise 3. Using Smart Objects in GoLive CS. Exercise 4. Using the Edit Original Feature in GoLive CS. Exercise 5. Working with ImageReady CS Data Sets in GoLive CS. Exercise 6. Importing ImageReady CS Rollovers into Dreamweaver MX 2004. Exercise 7. Exporting Vector Images as Macromedia Flash Files. Exercise 8. Preserving the Appearance of ImageReady CS Files with SWF Export. Exercise 9. Exporting Illustrator CS Files. Exercise 10. Exporting ImageReady CS Files to QuickTime. Exercise 11. Opening QuickTime Movies in ImageReady CS. Exercise 12. Converting PSD files to PDF.



Appendix A: Troubleshooting FAQ and Technical Support.


Appendix B: Online Resources.


Index.

商品描述(中文翻譯)

**描述：**
雖然您可以使用一個工具——Photoshop CS！來處理網頁和印刷設計，但這兩個領域的世界是非常不同的。這意味著如果您專門使用Photoshop CS進行網頁設計，您可能不想浪費太多時間閱讀有關其印刷功能的內容。別擔心：這是一本專注於網頁的Photoshop指南！在這本書中，您將找到所有開始使用Photoshop CS創建網頁所需的信息，這些內容以在**Lynda Weinman**的著名Lynda.com培訓中心經過驗證的課堂教學形式呈現。通過項目為基礎的課程、指導練習（相關文件包含在隨附的CD-ROM中）和QuickTime教程，這本全彩書籍將引導您了解Photoshop CS的所有網頁功能，包括新功能：增強的HTML輸出、Macromedia Flash (SWF)導出、條件動作、增強的懸停調色板等。您還將學習如何創建懸停效果、動畫、圖像地圖、透明度和圖層樣式（以及其他內容）。

**目錄**
引言。
1. 開始使用。
創建Photoshop CS和ImageReady CS中的網頁圖形。何時使用Photoshop CS與何時使用ImageReady CS。Photoshop CS和ImageReady CS中的新功能？

2. 介面。
歡迎畫面。介面概述。工具箱。工具箱下拉菜單。跳轉按鈕。調色板。練習1. 將調色板分組和單獨停靠。練習2. 垂直停靠調色板。練習3. 使用選項欄。練習4. 在調色板區域停靠調色板。練習5. 創建工具預設。重置工具。練習6. 保存自定義工作區。鍵盤快捷鍵。練習7. 自定義Photoshop CS中的鍵盤快捷鍵。文件瀏覽器。練習8. 在文件瀏覽器中查看和組織圖像。練習9. 在文件瀏覽器中分配關鍵字和搜索。

3. 顏色。
顏色配置文件和網頁。Windows的sRGB。Mac的sRGB和Gamma。網頁安全顏色的衰退。如果您不使用網頁安全顏色，8位系統會發生什麼？練習1. 從顏色選擇器中選擇網頁安全顏色。練習2. 加載顏色樣本。練習3. 創建自定義樣本。練習4. 重新上色分層圖像。練習5. 使用顏色替換工具。練習6. 將顏色複製為HTML。

4. 優化。
什麼影響網頁速度？GIF、JPEG還是Macromedia Flash？透明度和動畫。有損還是無損？如何製作小的JPEG？如何製作小的GIF？什麼是位深度？Photoshop CS的JPEG和GIF選項。Macromedia Flash導出選項。練習1. 使用JPEG為網頁保存。練習2. 使用Alpha通道的選擇性JPEG優化。練習3. 使用GIF為網頁保存。練習4. 選擇正確的顏色減少調色板。練習5. 減少顏色。練習6. 鎖定顏色。練習7. 更改圖形的尺寸。練習8. 使用Alpha通道的選擇性GIF優化。練習9. 在網頁瀏覽器中預覽圖像。ImageReady CS的調色板和偏好設置。練習10. 在ImageReady CS中優化JPEG。練習11. 在ImageReady CS中對JPEG使用底色。練習12. 在ImageReady CS中預覽和編寫HTML。練習13. 將圖像導出為Macromedia Flash。

5. 圖層。
什麼是圖層？在ImageReady CS中預覽和編寫HTML。練習1. 使用圖層。練習2. 移動圖層。練習3. 移動鏈接圖層。練習4. 對齊鏈接圖層。什麼是圖層集？練習5. 使用圖層集。練習6. 在ImageReady CS中處理多個圖層。比較鏈接圖層、圖層集和多個圖層。什麼是圖層組合？練習7. 使用圖層組合。練習8. 將圖層導出為文件。什麼是填充圖層？練習9. 創建實色圖層。練習10. 創建漸變圖層。練習11. 創建圖案圖層。什麼是調整圖層？練習12. 使用調整圖層。練習13. 使用剪裁組。

6. 字型。
比較Photoshop CS和ImageReady CS中的字型。字型選項欄。練習1. 使用字型選項欄。字元調色板。練習2. 使用字元調色板。段落調色板。練習3. 創建段落字型。練習4. 檢查拼寫。練習5. 查找和替換字型。練習6. 創建變形字型。練習7. 在路徑上創建字型。練習8. 光柵化字型。練習9. 變換字型。

7. 形狀和圖層樣式。
比較位圖圖像和矢量圖形。關於形狀工具。關於形狀。關於形狀圖層。練習1. 使用形狀工具和形狀圖層。關於圖層樣式。練習2. 創建圖層樣式。練習3. 保存自定義圖層樣式。練習4. 從樣式調色板應用自定義圖層樣式。

8. 背景圖像。
什麼是背景圖像？關於背景圖像大小。練習1. 定義、預覽和調整背景圖像大小。練習2. 保存背景圖像。練習3. 創建對稱背景圖像。練習4. 創建非對稱背景圖像。練習5. 從照片創建無縫背景。練習6. 創建全螢幕圖形背景圖像。練習7. 創建全螢幕照片背景圖像。練習8. 使用方向性瓷磚創建背景圖像。

9. 透明GIF。
理解GIF透明度的限制。什麼是抗鋸齒？識別透明圖層。理解GIF、遮罩和透明度。理解瀏覽器中的偏移問題。練習1. 創建和預覽GIF透明度。練習2. 修正透明GIF的邊緣。練習3. 為透明GIF添加陰影。練習4. 在廣泛背景上處理透明GIF。練習5. 擴散透明度抖動。練習6. 在ImageReady CS中保存透明圖像。練習7. 在Photoshop CS中創建和保存透明GIF。練習8. 從非透明圖像創建透明GIF。

10. 切片。
關於切片。關於切片類型。關於切片線、切片編號、切片符號和切片顏色。關於網頁內容和切片調色板。練習1. 創建用戶切片。練習2. 創建基於圖層的切片。練習3. 編輯切片。練習4. 重命名切片。練習5. 優化切片。練習6. 保存切片圖像。練習7. 為切片應用替代文字和狀態欄消息。練習8. 為切片分配URL。關於切片集。練習9. 使用切片集。練習10. 使用切片和圖層組合。

11. 懸停效果。
關於懸停效果。關於懸停狀態。關於網頁內容調色板。練習1. 使用樣式創建懸停效果。練習2. 從基於圖層的切片創建懸停效果並創建自定義懸停樣式。練習3. 為多個按鈕使用懸停樣式。練習4. 重命名和保存懸停效果。練習5. 使用圖層可見性創建懸停效果。練習6. 從圖層組合創建懸停效果。練習7. 創建遠程懸停效果。練習8. 創建具有選定狀態的遠程懸停效果。

12. 圖像地圖。
伺服器端和客戶端圖像地圖。圖像地圖的外觀是什麼？在ImageReady CS中創建圖像地圖。關於網頁內容和圖像地圖調色板。練習1. 使用圖像地圖工具創建圖像地圖。練習2. 從圖層創建圖像地圖。練習3. 為字型創建圖像地圖。練習4. 使用圖像地圖跳轉到Photoshop CS。練習5. 創建基於圖像地圖的懸停效果。

13. 動畫GIF和Flash。
動畫調色板。控制動畫的時間。動畫美學。動畫GIF格式。GIF壓縮挑戰。Macromedia Flash文件格式。動畫GIF與Macromedia Flash的比較。練習1. 從圖層可見性創建動畫。練習2. 設置循環和速度。練習3. 使用不透明度進行過渡。練習4. 選擇、複製和反轉幀。粘貼幀對話框。練習5. 過渡一個過渡序列。練習6. 使用位置進行過渡。練習7. 使用圖層樣式進行過渡。練習8. 創建動畫幻燈片。練習9. 優化和保存動畫GIF。練習10. 創建透明動畫GIF。練習11. 創建動畫GIF懸停效果。練習12. 將動畫導出為Macromedia Flash文件。練習13. 將幀導出為文件。練習14. 設計整個網頁介面。

14. 自動化。
什麼是網頁照片庫？練習1. 創建網頁照片庫。練習2. 自定義網頁照片庫。網頁照片庫的所有設置有什麼作用？練習3. 與網頁照片庫協作。練習4. 創建PDF演示文稿。什麼是動作？使用預定義動作。練習5. 在ImageReady CS中創建動作。編輯動作。關於Droplets。練習6. 在ImageReady CS中創建Droplets。練習7. 在ImageReady CS中創建條件動作。

15. 數據集。
流行詞和定義。練習1. 理解數據集和變數。練習2. 創建數據集和變數。練習3. 創建像素替換變數。練習4. 從文本文件導入數據集。

16. 與其他程序的整合。
練習1. 在ImageReady CS中更新HTML。練習2. 將ImageReady CS的懸停效果導入GoLive CS。練習3. 在GoLive CS中使用智能對象。練習4. 在GoLive CS中使用編輯原始功能。練習5. 在GoLive CS中處理ImageReady CS數據集。練習6. 將ImageReady CS的懸停效果導入Dreamweaver MX 2004。練習7. 將矢量圖像導出為Macromedia Flash文件。練習8. 使用SWF導出保留ImageReady CS文件的外觀。練習9. 將Illustrator CS文件導出。練習10. 將ImageReady CS文件導出到QuickTime。練習11. 在ImageReady CS中打開QuickTime電影。練習12. 將PSD文件轉換為PDF。

附錄A：故障排除常見問題和技術支持。
附錄B：在線資源。
索引。

類似商品