Photoshop 7網(wǎng)頁特效高級實例教程

1 Photoshop 7/ImageReady 7新功能
Lesson 0 Photoshop 7版本的最大變化
網(wǎng)頁制作功能的強化
全新繪圖引擎和顯示引擎的啟用
圖片修整功能的極大加強
圖像文件管理
Lesson 1 Photoshop 7的效率強化界面
Tool Palette（工具面板）的超強升級：Option Bar（選項欄）
圖層面板功能的強化
Lesson 2 豐富多樣的圖層效果混合功能
圖層樣式功能的強化
Layer Style的運用過程
Lesson 3 導入Slice尋求圖像最優(yōu)化
Slice tools，Save for Web
Lesson 4 為獨立制作添加樣式
Preset Manager（模板預(yù)設(shè)管理器）
Save Set
Lesson 5 多種文字的變形、修整功能
Text操作方式的變化
使用Work Path制作圖案文本
Lesson 6 其他改進功能
Photoshop的有趣功能：Liquify
PSD文件的注釋：Notes Tool
Lesson 7 ImageReady 7的改進功能
Image Map Tool
Tween功能
Match功能
2 活用實例輕松掌握Photoshop 7
Lesson 8 輕松制作相片庫主頁Web Photo Gallery
把圖像文件整理到超酷圖片庫主頁中
Lesson 9 Web Photo Gallery的HTML源碼編輯
Web Photo Gallery的HTML源碼編輯
HTML源碼修正和結(jié)果確認
Lesson 10 在完成的圖片上粘貼附加頁：Notes Tool（注釋工具）
注釋工具的功能和使用
Lesson 11 按鈕圖像制作過程的簡單化Drawing Shape Tool，Layer Stele
Lesson 12 添加樣式預(yù)設(shè)模塊集合（Presets Library）
設(shè)定Preset Manager
制作個性風格的預(yù)設(shè)模塊
Photoshop 7中提供的類型（筆刷）
Photoshop 7中提供的類型（漸變）
Photoshop 7中提供的類型（樣式圖案）
Photoshop 7中提供的類型（樣式）
Photoshop 7中提供的類型（自定義圖形）
Lesson 13 在Photoshop中進行網(wǎng)頁圖像優(yōu)化Save for Web
Layer Based Slice
Save for Web
Lesson 14 網(wǎng)頁圖像樣式圖案的制作及運用
制作樣式圖案
使用Layer Style（圖層樣式）
運用Offset（位移）
制作小星圖案
保存為樣式圖案并運用于主體圖像中
3 Web Graphic的Photoshop
Lesson 15 凹凸文字的立體效果
使用樣式
運用Warped Text
Photoshop 7的Warped Text Style
樣式面板的文本效果
Lesson 16 透明像膠字體的凹凸效果
準備背景
輸入文字
制作凹陷效果
對文字運用透明像膠效果
Lesson 17 紫水晶效果
使用陽刻（凸出）
追加柔和邊線
追加內(nèi)部光澤效果
追加陰影效果
Lesson 18 紫水晶效果的變形
使用陽刻（凸出）
追加柔和邊線
使用透明效果
調(diào)整整體色感
Lesson 19 黃金和搪瓷效果
柔和凸出效果
追加光滑效果
在文字中加入黃金質(zhì)感
Lesson 20 金屬質(zhì)感效果
給圖像追加金屬質(zhì)感
完成背景圖像
輸入文字及運用Skew
Layer Style的使用：使用Stroke和Bevel and Emboss制作金屬帶效果
Pattern Overlay的使用
Gradient Overlay、Color Overlay、Inner Glow的使用
Drop Shadow的運用
保存樣式
制作文字背景
Lesson 21 Plastic按鈕
制作Highlight
追加顏色
Inner Bevel的運用
追加透明陰影
追加陰影效果
保存新的樣式模塊
在Sumbol（符號）中追加陰影效果
修整整體色感
Lesson 22 利用路徑工具制作插圖
準備操作環(huán)境
制作碗的外觀圖形
制作碗底部分
制作陰影部分
制作碗口部分
繪制線狀形態(tài)
Lesson 23 利用Satin創(chuàng)建不規(guī)則光源體
突出顯示效果
使用圖層樣式編輯主圖像
使用High Light處理圖像
Lesson 24 搭配圖像排列文字
制作圖案圖像
蒙版的使用和浮雕效果
背景圖像映照在文字上的效果
使用圖層樣式
Lesson 25 搭配圖像排列文字
生成柵格
根據(jù)柵格設(shè)置文字
對文字使用建筑物外觀的凹凸效果
填充文字顏色
Lesson 26 Group Layer的豐富效果
制作圖案圖像
在圖像中使用圖案
Lesson 27 通過圖層樣式表現(xiàn)柔和的浮雕效果
4 ImageReady的網(wǎng)頁圖像制作技巧
Lesson 28 ImageReady的工作流程
第1階段 編輯圖片，制作按鈕圖片，網(wǎng)頁版面設(shè)計等圖像相關(guān)工作
第2階段 區(qū)分圖像區(qū)域和文字區(qū)域（Slice Tool）
第3階段 設(shè)置各個圖像區(qū)域的GIF、JPG、PNG格式（Optimize）
第4階段 Rollover圖像操作（Rollover），GIF動畫文件（Animation），使用圖像映射圖（Image Map），設(shè)置文件名、鏈接以及區(qū)分文本區(qū)域（Slice）
第5階段 HTML預(yù)覽（Preview in ）保存HTML和圖像文件（Save Optimized）
Lesson 29 圖像切片（Slice）技巧
利用Guides進行區(qū)域分割
生成切片區(qū)域
圖像的優(yōu)化
保存HTML文件和圖片
Lesson 30 制作GIF動畫
動畫畫面設(shè)置
設(shè)置播放次數(shù)
圖像優(yōu)化
Lesson 31 靈活使用GIF動畫
使用移動Clipping Path位置的動畫
使用移動Layer Mask位置的動畫
使用Spin Action的動畫
圖像的優(yōu)化
Lesson 32 制作Rollover按鈕
區(qū)域分割
為分割的區(qū)域設(shè)置文件名
使用翻轉(zhuǎn)狀態(tài)
給按鈕添加開關(guān)顯示屏照明燈的效果
Save Optimized
制作顯示屏的GIF動畫
GIF動畫與按鈕功能的鏈接
背景圖像插入和HTML頁面的完成
Lesson 33 靈活使用Image Map
使用“New Layer Based Image  Map Area”
使用圓形、多邊形圖像映射圖工具
設(shè)定Image Map Palette
HTML預(yù)覽
5 網(wǎng)站設(shè)計
Lesson 34 網(wǎng)頁設(shè)計注意事項
HTML的重要性
圖像文件夾的管理
Web色彩
鏈接速度
站點結(jié)構(gòu)
Lesson 35 設(shè)計導航菜單
繪制外觀
修改圖形
繪制菜單圖像
輸入切片信息并制Rollover圖像
保存優(yōu)化圖像文件
Lesson 36 利用Microangelo 5制作圖標
了解圖標圖像
了解Microangelo 5
繪制輪廓
設(shè)置顏色
捕獲放大的圖像
Lesson 37 使用Dreamweaver完成主頁制作
分隔切片區(qū)域
創(chuàng)建框架區(qū)域
插入翻轉(zhuǎn)圖像
插入主圖像和文本
設(shè)置背景顏色
查看結(jié)果
R.S相關(guān)網(wǎng)站