綜合實(shí)訓(xùn)

任務(wù)一藝術(shù)寫真

一、提出任務(wù)

1.任務(wù)目標(biāo)

人物照片是我們?cè)谶M(jìn)行平面設(shè)計(jì)時(shí)經(jīng)常會(huì)使用到的素材，很多原

始照片效果往往不盡人意，需要進(jìn)一步加工處理。隨著生活質(zhì)量

的提高，照片處理也逐漸成為尋常百姓的生活需要，例如在影樓

工作中，就會(huì)經(jīng)常需要為客戶制作婚紗照片，或個(gè)人寫真。

2.解決的問題

本任務(wù)應(yīng)客戶要求制作一幅藝術(shù)寫真照片，將一張人物素顏處理

成具有明星效果的照片。

?3.知識(shí)要點(diǎn)

?Photoshop的濾鏡功能

?色彩調(diào)節(jié)、調(diào)整圖層

?圖層混合模式

?創(chuàng)建圖層剪貼蒙版

二、教學(xué)目標(biāo)

L知識(shí)目標(biāo)

Photoshop的濾鏡功能

2.能力目標(biāo)

色彩調(diào)節(jié)、調(diào)整圖層

3.情感目標(biāo)

應(yīng)客戶要求制作一幅藝術(shù)寫真照片

三、教學(xué)分析及準(zhǔn)備

1.教學(xué)重點(diǎn)

色彩調(diào)節(jié)、調(diào)整圖層

2.教學(xué)難點(diǎn)

圖層混合模式

3.教學(xué)方法

任務(wù)驅(qū)動(dòng)學(xué)習(xí)和協(xié)作學(xué)習(xí)、探究學(xué)習(xí)相結(jié)合

4.課時(shí)安排

2課時(shí)

5.教學(xué)環(huán)境

多媒體網(wǎng)絡(luò)教室

四、學(xué)習(xí)過程

教學(xué)環(huán)節(jié)及教學(xué)內(nèi)容備注

手段

組織課堂穩(wěn)定學(xué)生情緒，準(zhǔn)備上課。

導(dǎo)入新課人物照片是我們?cè)谶M(jìn)行平面設(shè)計(jì)時(shí)

經(jīng)常會(huì)使用到的素材，很多原始照片效

果往往不盡人意，需要進(jìn)一步加工處

理。隨著生活質(zhì)量的提高，照片處理也

逐漸成為尋常百姓的生活需要，例如在

明確目標(biāo)影樓工作中，就會(huì)經(jīng)常需要為客戶制作

婚紗照片，或個(gè)人寫真。

下面我們就以一名影樓設(shè)計(jì)師的身

份，應(yīng)客戶要求制作一幅藝術(shù)寫真照

片，將一張人物素顏處理成具有明星效

果的照片。教師及學(xué)生

學(xué)習(xí)新課

分別操作

教師可以結(jié)

這步操作中

合PPT演示

【特殊模糊】

文稿講解。

命令可以很

好的改善人

的膚質(zhì)，但

可能使毛發(fā)

結(jié)塊，可以

配合【歷史記

打開照片原圖，將背景層復(fù)制生成背

錄畫筆】進(jìn)行

景副本，對(duì)背景副本使用【濾鏡】）【模

通過PPT課修復(fù)。

糊】〉【特殊模糊】菜單命令，調(diào)出【特

件給出窗口

殊模糊】對(duì)話框，使用默認(rèn)設(shè)置，單擊

每個(gè)部分的

【好】按鈕。

說明

an

用層，

[ES3不透明度:叵囪可

?$：□>+a埴充:Mo%|>|【模糊】

濾鏡柔化選

區(qū)或整個(gè)圖

像，這對(duì)于

修飾非常有

將背景副本層再復(fù)制生成背景副本2,

用。它們通過

使用【濾鏡】>【模糊】>【高斯模

部分操作，平衡圖像中

糊】菜單命令，半徑4像素，單擊

根據(jù)教學(xué)情已定義的線

【好】按鈕，再把背景副本2的圖

況可讓學(xué)生條和遮蔽區(qū)

層混合模式設(shè)置為【濾色】模式。

進(jìn)行協(xié)同學(xué)域的清晰邊

習(xí)或?qū)W生練緣旁邊的像

習(xí)素，使變化

顯得柔和。

單擊圖層調(diào)板下部的【創(chuàng)建調(diào)整圖層】

按鈕，選擇【色相/飽和度】命令，在

對(duì)話框中調(diào)整數(shù)值，根據(jù)需要觀察圖

通過任務(wù)學(xué)

像色彩變化。【特殊模

習(xí)法加深學(xué)

糊】：可以產(chǎn)

生對(duì)知識(shí)的

生一種清晰

理解，組織

邊界的模糊。

學(xué)生分組討

論該濾鏡能夠

找出醫(yī)像邊

緣并只模糊

圖像邊界線

以內(nèi)的區(qū)域。

這時(shí)調(diào)整圖層對(duì)下面所有圖層都起

教師啟發(fā)演

作用，只需要作用于背景副本2,

示

使用【圖層】》【創(chuàng)建剪貼蒙版】

菜單命令，從圖層調(diào)板中可以看

到變化，同時(shí)圖像效果也產(chǎn)生變

化。

學(xué)生分組練

習(xí)

圖層,通洛工路徑\，

I正有T不透明度:|ico%||

鎖定：口J+Q.境充:11(0%|>|

$厘］出|一|色相/飽和度1,

I□

t告甘亂本

*□2

背景副本

*□

攵「鄉(xiāng)石廠?！笿A

拓展練習(xí):

1,使用圖層混合模式和漸變工具制作如圖效果。

2,使用模糊濾鏡命令和圖層混合模式制作如圖像效果。

3.使用調(diào)整圖層、圖層混合模式和【色相/飽和度】命令制作如圖效

果。

任務(wù)二制作圣誕賀卡

一、提出任務(wù)

1.任務(wù)目標(biāo)

設(shè)計(jì)制作一張圣誕節(jié)賀卡。

2.解決的問題

Photoshop的濾鏡功能、文字工具、畫筆工具、路徑命令和圖層

效果

?3.知識(shí)要點(diǎn)

?Photoshop的濾鏡功能

?文字工具、畫筆工具

?路徑命令和圖層效果

二、教學(xué)目標(biāo)

1.知識(shí)目標(biāo)

Photoshop的濾鏡功能、文字工具、畫筆工具、路徑命令和圖層效

果

2.能力目標(biāo)

Photoshop的濾鏡功能、文字工具、畫筆工具、路徑命令和圖層

效果

3.情感目標(biāo)

設(shè)計(jì)制作一張圣誕節(jié)賀卡

三、教學(xué)分析及準(zhǔn)備

1.教學(xué)重點(diǎn)

文字工具、畫筆工具

2.教學(xué)難點(diǎn)

路徑命令和圖層效果

3.教學(xué)方法

任務(wù)驅(qū)動(dòng)學(xué)習(xí)和協(xié)作學(xué)習(xí)、探究學(xué)習(xí)相結(jié)合

4.課時(shí)安排

2課時(shí)

5.教學(xué)環(huán)境

多媒體網(wǎng)絡(luò)教室

四、學(xué)習(xí)過程

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容備注

及手段

組織課堂穩(wěn)定學(xué)生情緒，準(zhǔn)備上課。

導(dǎo)入新課在任務(wù)二中，我們以一名平面廣告設(shè)計(jì)

師的身份，設(shè)計(jì)制作一張圣誕節(jié)賀卡。

明確目標(biāo)

按Ctrl+N鍵新建一個(gè)圖像文件，設(shè)置其寬

學(xué)習(xí)新課度為800像素，高度為600像素，背景色為

白色，分辨率72像素/英寸。選擇【漸變工教師及學(xué)

具】，將漸變色設(shè)置為【黑-深藍(lán)】，使用【線生分別操

性漸變】方式在背景圖層中由上至下進(jìn)行填作

教師可以充。然后使用【濾鏡】＞【雜色】＞【添加雜

結(jié)合PPT演色】菜單命令，調(diào)出【添加雜色】選項(xiàng)板，選

示文稿講擇【高斯分布】，【單色】，數(shù)量為3.5隊(duì)【點(diǎn)文

解。2S1本】：選擇

I—【文字工

具】在圖像

J100^d

教量色)：圃%上單擊，

分布

荷儂分布9)即可直接

P單色⑼

輸入文本。

選擇【套索工具】，將【羽化】值設(shè)置

在工具選

通過PPT課為15像素。新建圖層1,重命名圖層為積雪,

項(xiàng)欄中可

件給出窗在畫布下方繪制一個(gè)選區(qū)并填充白色，呈現(xiàn)

以調(diào)出【字

口每個(gè)部出厚厚的積雪效果。

符】調(diào)板，

分的說明

調(diào)整文本

的字體、字

新建圖層2,重命名圖層為圣誕樹，選擇號(hào)、字距、

要移動(dòng)路【畫筆工具】，添加混合畫筆，從【畫筆】行距和顏

徑應(yīng)選擇調(diào)板的【畫筆筆尖形狀】選項(xiàng)中選擇【雪花】色等參數(shù)。

工具箱中形筆尖，把間距加大，【動(dòng)態(tài)形狀】選項(xiàng)中

的【路徑選設(shè)置大小抖動(dòng)，【散布】選項(xiàng)中設(shè)置散布、

擇工具】，數(shù)量和數(shù)量抖動(dòng)。在畫布上繪制時(shí)要調(diào)整畫

改變路徑筆的流量，呈現(xiàn)深淺不同的層次，在中央畫

形狀，選出一棵圣誕樹。

擇【直接選

擇工具】調(diào)

節(jié)路徑上

的錨點(diǎn)和

調(diào)節(jié)柄。

選擇【鋼筆工具】，注意在選項(xiàng)欄的3個(gè)類

型中選擇【路徑】類型，在畫布上畫出一條

【段落文

波浪形路徑，從路徑調(diào)板上可以看到效果。

本】：文字

通過任務(wù)

基于定界

學(xué)習(xí)法加

框的尺寸

深學(xué)生對(duì)

換行?？梢?/p>

知識(shí)的理選擇【文字工具工在路徑的起點(diǎn)處單擊，會(huì)

輸入多個(gè)

解，組織出現(xiàn)輸入光標(biāo)，同時(shí)圖層調(diào)板上出現(xiàn)一個(gè)文

段落并選

學(xué)生分組字圖層，從文字選項(xiàng)欄中調(diào)出【字符】調(diào)板,

擇段落調(diào)

討論輸入需耍的文字，文字會(huì)沿著路徑排列。

整選項(xiàng)?？?/p>

以調(diào)整定

界框的大

小，使文

選擇文字圖層，單擊圖層調(diào)板下部的【添

字在調(diào)整

【文字工加圖層樣式】按鈕，在【圖層樣式】對(duì)話框

后的矩形

具】共有4中選中【外發(fā)光】選項(xiàng)，將等高線設(shè)置為【錐

內(nèi)重新排

個(gè)：【橫排形-反轉(zhuǎn)】類型，單擊【好】按鈕完成文字效

列。

文字工果。

具】、【直排

文字工

具】、【橫排

文字蒙版

工具】和

【直排文

新建圖層3,重命名圖層為黃色裝飾物，選

字蒙版工

擇【橢圓選框工具】，在圣誕樹上隨意繪制

具】。文本可以在輸

幾個(gè)橢圓形，填充黃色打開【樣式】調(diào)板，單

輸入的方入文字時(shí)

擊右上黑色三角形按鈕，出現(xiàn)下拉菜單，選

法有兩種：或包建文

擇【W(wǎng)ob樣式】。

一種是點(diǎn)字醫(yī)層后

文本，一調(diào)整定界

種是段落框。還可以

文本。使用定界

框旋轉(zhuǎn)、縮

鏟：1

SI放和斜切

黛京尊式.文字。

*入祥武..

存?zhèn)髡凼?/p>

“"式.

教師啟發(fā)

再新建幾個(gè)圖層，在每個(gè)圖層中各繪制幾個(gè)

演示

橢圓形。分別應(yīng)用【樣式】調(diào)板上的樣式，然

后執(zhí)行【圖層】＞【圖層樣式】＞【縮放效果】

菜單命令，縮小圖層效果，觀察效果直到合

適，最終效果如圖所示。

學(xué)生分組

練習(xí)

拓展練習(xí)：

1.使用文本工具制作如圖所示的蜜蜂爬行的文字路徑軌跡。

2.使用文本工具制作如圖所示的圖像效果。

3.使用文本工具制作如圖所示的區(qū)域文本效果。

任務(wù)三光盤設(shè)計(jì)

一、提出任務(wù)

1.任務(wù)目標(biāo)

現(xiàn)代生活中，光盤應(yīng)用非常廣泛。光盤包裝，是通過光盤內(nèi)容確

定風(fēng)格、色彩、圖片和文字，通過盤面設(shè)計(jì)將主題內(nèi)容展現(xiàn)給消

費(fèi)者。

2.解決的問題

利用Photoshop設(shè)計(jì)光盤的封面，使光盤可以充分展現(xiàn)光盤的內(nèi)

容或作者的個(gè)性。

?3.知識(shí)要點(diǎn)

?Photoshop的基本工具和菜單命令

?圖層蒙版

?文字工具

?路徑工具

二、教學(xué)目標(biāo)

1.知識(shí)目標(biāo)

Photoshop的基本工具和菜單命令，綜合圖層蒙版、文字工具、路

徑工具

2.能力目標(biāo)

Photoshop的基本工具和菜單命令，綜合圖層蒙版、文字工具、路

徑工具

3.情感目標(biāo)

利用Photoshop設(shè)計(jì)光盤的封面

三、教學(xué)分析及準(zhǔn)備

1.教學(xué)重點(diǎn)

圖層蒙版

2.教學(xué)難點(diǎn)

文字工具、路徑工具

3.教學(xué)方法

任務(wù)驅(qū)動(dòng)學(xué)習(xí)和協(xié)作學(xué)習(xí)、探究學(xué)習(xí)相結(jié)合

4.課時(shí)安排

2課時(shí)

5.教學(xué)環(huán)境

多媒體網(wǎng)絡(luò)教室

四、學(xué)習(xí)過程

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容備注

及手段

組織課堂穩(wěn)定學(xué)生情緒，準(zhǔn)備上課。

導(dǎo)入新課現(xiàn)代生活中，光盤應(yīng)用非常廣泛。光盤包

裝，是通過光盤內(nèi)容確定風(fēng)格、色彩、圖片

和文字，通過盤面設(shè)計(jì)將主題內(nèi)容展現(xiàn)給

消費(fèi)者。而且由于刻錄機(jī)及光盤價(jià)格的下

降，越來越多的人都可以自己燒制光盤。因

而也就有很多人希望光盤能夠體現(xiàn)自己的

明確目標(biāo)個(gè)性，并且能夠根據(jù)內(nèi)容的不同具有不同

特色的封面。任務(wù)三就是講述如何利用

Photoshop設(shè)計(jì)光盤的封面，使光盤可以充

分展現(xiàn)光盤的內(nèi)容或作者的個(gè)性。

學(xué)習(xí)新課

教師可以

教師及學(xué)生

結(jié)合PPT演

分別操作

示文稿講

解。按Ctrl+N鍵新建一個(gè)圖

像文件，設(shè)置其寬度為12厘米，高度為

12厘米，背景為透明，分辨率300像素/

英寸。選擇【橢圓選框工具】，在屬性欄

中設(shè)置樣式為【固定大小】，寬度和高度

都為12厘米。在畫布上單擊，圖層1出

現(xiàn)正圓形選區(qū)，將選區(qū)移動(dòng)到畫布中央,

比較不同并填充白色。

操作方法

的特點(diǎn)及

作用。

移動(dòng)選區(qū)不

能使用【移

新建圖層2,使用步驟1同樣方法，在圖動(dòng)工具】，

中畫出一個(gè)寬度和高度都為1.5厘米的圓形應(yīng)使用【選

選區(qū)，將這個(gè)選區(qū)作為光盤的內(nèi)圓，填充框工具】，

通過PPT課

白色。選擇【移動(dòng)工具】，將圖層1和圖層并在屬性欄

件給出窗

2都選中，單擊屬性欄的【水平居中對(duì)齊】中設(shè)置類型

口每個(gè)部

和【垂直居中對(duì)齊】按鈕，將兩個(gè)圓形對(duì)齊，為【新選

分的說明

效果如圖。區(qū)】。

卜*卜|「白蜒舞圖層P動(dòng).：「顯示支執(zhí)控件下中山|iij三匕士葉打打

按住Ctrl鍵，單擊圖層調(diào)板中圖層2

的縮略圖，出現(xiàn)光盤的內(nèi)圓選區(qū)，選擇圖

層1,單擊Delete鍵，刪除中央圓形，使圖

通過任務(wù)層1出現(xiàn)白色圓環(huán)，作為光盤的雛形。將圖

學(xué)習(xí)法加層2拖曳到圖層調(diào)板下的垃圾桶圖標(biāo)上，刪

深學(xué)生對(duì)除圖層2o

知識(shí)的理

解，組織

學(xué)生分組

討論

新建圖層2,使用步驟1至步驟3的方法,

制作一個(gè)外圓直徑12厘米，內(nèi)圓直徑3厘

米的黑色圓環(huán)。

,1□1x|湖t⑤華寬D模副力Z口(M超版U)

金徽A)QrUA

取消透陽D)QrUD

重新漁棒(E)9rft+<trf+D

發(fā)向g

MWEffCY)北yrHA

取消煤抵用原(5)

柚H酗

色彩公映G…

砌嘰,

￥iKS)...

m…□

學(xué)生分組練

按住Ctrl鍵，單擊圖層1的縮略圖，將圖習(xí)

層1的白色圓環(huán)作為選區(qū)載入，使用【選

擇】＞【修改】＞【收縮】菜單命令?！臼湛s】

命令對(duì)話框中設(shè)置收縮10像素，將選區(qū)向

內(nèi)收縮。然后使用【編輯】＞【描邊】菜單

命令，設(shè)置描邊寬度為2像素，顏色為黑

教師啟發(fā)色，位置居中，單擊【確定】按鈕。

演示

按住Ctrl鍵，單擊圖層2的縮略圖，得到

黑色圓環(huán)的選區(qū)。打開素材文件，使用【選

擇】＞【全部】菜單命令，將圖片全部選擇,

使用【編輯】＞【拷貝】菜單命令。再選擇

光盤圖像的圖層2,使用【編輯】＞【粘貼入】

菜單命令，生成圖層蒙版，使用【編輯】＞

【變換】＞【縮放】菜單命令，將圖片等比

例縮放280%,效果如圖。

選擇【文字工具】，在畫布上單擊，出現(xiàn)文

字圖層，設(shè)置字體為宋體，字號(hào)18點(diǎn)，顏

色為白色，輸入“走遍中國”四個(gè)字。再使

用【文字工具】，選擇較小的字號(hào)，輸入“創(chuàng)

世卓越系列叢書”幾個(gè)字。

使用【自定形狀工具】，選擇【橢圓工具】

的【路徑】類型，繪制正圓形路徑。使用【文

字工具】在路徑上單擊，輸入文字"THE

GUIDINGTOURAROUNDWHOLECHINA”，效

果如圖。

回0口西口|◎5□o3o\齊

拓展練習(xí)：

L使用任務(wù)三學(xué)習(xí)的方法,制作如圖光盤盤面效果。

2.使用任務(wù)三學(xué)習(xí)的方法,制作如圖光盤盤面效果。

3.使用任務(wù)三學(xué)習(xí)的方法,制作如圖光盤盤面效果。

任務(wù)四網(wǎng)頁設(shè)計(jì)

一、提出任務(wù)

1.任務(wù)目標(biāo)

網(wǎng)頁設(shè)計(jì)是當(dāng)前平面設(shè)計(jì)的一個(gè)重要商業(yè)內(nèi)容。在任務(wù)四中，我

們?cè)O(shè)計(jì)制作一個(gè)旅游網(wǎng)頁，展現(xiàn)旅游勝地的優(yōu)美風(fēng)景，通過合理

的網(wǎng)頁構(gòu)圖、協(xié)調(diào)的網(wǎng)頁配色，用動(dòng)畫效果突出主題，使網(wǎng)頁具

有沖擊力和吸引力，從而吸引消費(fèi)者的旅游欲望。

2.解決的問題

在學(xué)習(xí)過程中使用Photoshop設(shè)計(jì)制作網(wǎng)站主頁，使用Photoshop

和ImageReady制作網(wǎng)頁動(dòng)畫。整個(gè)實(shí)例的制作過程分成三個(gè)步

驟來完成。

3.知識(shí)要點(diǎn)

步驟一是網(wǎng)站的主頁，是網(wǎng)站的開場(chǎng)，是整個(gè)網(wǎng)站最具吸引力

的部分。

步驟二是網(wǎng)頁文字動(dòng)畫，將網(wǎng)站的主題以畫龍點(diǎn)睛的方式表現(xiàn)出

來。

步驟三是網(wǎng)頁照片動(dòng)畫，以圖片的方式將旅游勝地的優(yōu)美風(fēng)光展

現(xiàn)出來。

二、教學(xué)目標(biāo)

L知識(shí)目標(biāo)

使用Photoshop設(shè)計(jì)制作網(wǎng)站主頁

2.能力目標(biāo)

使用Photoshop和ImageReady制作網(wǎng)頁動(dòng)畫

3.情感目標(biāo)

設(shè)計(jì)制作一個(gè)旅游網(wǎng)頁

三、教學(xué)分析及準(zhǔn)備

1.教學(xué)重點(diǎn)

使用Photoshop設(shè)計(jì)制作網(wǎng)站主頁

2.教學(xué)難點(diǎn)

使用Photoshop和ImageReady制作網(wǎng)頁動(dòng)畫

3.教學(xué)方法

任務(wù)驅(qū)動(dòng)學(xué)習(xí)和協(xié)作學(xué)習(xí)、探究學(xué)習(xí)相結(jié)合

4.課時(shí)安排

2課時(shí)

5.教學(xué)環(huán)境

多媒體網(wǎng)絡(luò)教室

四、學(xué)習(xí)過程

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容備注

及手段

組織課堂穩(wěn)定學(xué)生情緒，準(zhǔn)備上課。

導(dǎo)入新課

網(wǎng)頁設(shè)計(jì)是當(dāng)前平面設(shè)計(jì)的一個(gè)重要

商業(yè)內(nèi)容。在任務(wù)四中，我們?cè)O(shè)計(jì)制作一

個(gè)旅游網(wǎng)頁，展現(xiàn)旅游勝地的優(yōu)美風(fēng)景，

通過合理的網(wǎng)頁構(gòu)圖、協(xié)調(diào)的網(wǎng)頁配色，

用動(dòng)畫效果突出主題，使網(wǎng)頁具有沖擊力

和吸引力，從而吸引消費(fèi)者的旅游欲望。

在學(xué)習(xí)過程中使用Photoshop設(shè)計(jì)制

作網(wǎng)站主頁，使用Photoshop和Image

明確目標(biāo)Ready制作網(wǎng)頁動(dòng)畫。整個(gè)實(shí)例的制作過程

分成三個(gè)步驟來完成。

步驟一是網(wǎng)站的主頁，是網(wǎng)站的開場(chǎng),

是整個(gè)網(wǎng)站最具吸引力的部分。

步驟二是網(wǎng)頁文字動(dòng)畫，將網(wǎng)站的主題以

畫龍點(diǎn)睛的方式表現(xiàn)出來。

學(xué)習(xí)新課

步驟三是網(wǎng)頁照片動(dòng)畫，以圖片的方式將

旅游勝地的優(yōu)美風(fēng)光展現(xiàn)出來。

教師及學(xué)生

分別操作

教師可以（-）網(wǎng)站主頁的制作過程如下:

結(jié)合PPT演啟動(dòng)Photoshop,按Ctrl+N鍵新建一個(gè)

示文稿講圖像文件，設(shè)置其寬度為800,高度為600

解。像素，背景為白色，分辨率72像素/英寸。

打開兩張風(fēng)景素材圖，使用【移動(dòng)工具】

拖曳到當(dāng)前文件中，生成圖層1和圖層2,

使用【編輯】＞【變換】＞【縮放】菜單命

令調(diào)整兩張圖像，設(shè)置為上下結(jié)構(gòu)，將圖

層1和圖層2的不透明度設(shè)置為40%,效果

選擇圖層2,單擊圖層調(diào)板下部的【添加圖

比較不同層蒙版】按鈕，生成圖層蒙版，使用【漸

操作方法變工具】，在蒙版中從左至右水平填充“白

的特點(diǎn)及-黑”漸變色。

HE3

作用。圖層.通道,

rs看2不透明度:阮直下1

打開相應(yīng)的素材圖，拖曳到圖像中，生成

圖層3,使用【編輯】＞【變換】＞【縮放】

菜單命令，將圖層3圖片調(diào)整及圖層2圖

片大小相同。單擊圖層3調(diào)板下部的【添

加圖層蒙版】按鈕，生成圖層蒙版，使用

【漸變工具】，在蒙版中從左至右水平填

通過PPT課充“白-黑”漸變色，將不透明度設(shè)置為

件給出窗20%o

口每個(gè)部

分的說明

新建圖層4,使用【自定形狀工具】，選

擇【圓角矩形工具】的【填充像素】類型,

繪制一個(gè)白色圓角矩形，載入選區(qū)，使用

【編輯】＞【描邊】菜單命令，將該圓角矩

形設(shè)置成邊線色為藍(lán)色，使用【漸變工

具】，曰上至下填充“藍(lán)-白”漸變色，使

用圖層樣式，設(shè)置淡藍(lán)色的投影。

通過任務(wù)

學(xué)習(xí)法加

深學(xué)生對(duì)新建圖層5,使用同樣的方法，再繪制

知識(shí)的理一個(gè)圓角矩形，填充白色，將圖層混合模

解，組織式設(shè)置為【柔光】模式，不透明度為45%

學(xué)生分組將兩個(gè)圓角矩形上邊緣對(duì)齊，制作好一個(gè)

討論水晶按鈕，合并圖層4和圖層5為圖層4。

按住Alt鍵，再復(fù)制六個(gè)按鈕，并繪制一

個(gè)較大的圓角矩形，使用【漸變工具L由

上至卜填充“藍(lán)-白”漸變色，放置在其他

按鈕下面，完成導(dǎo)航按鈕的制作，效果如

圖所示。GIF全稱

是圖形互換

格式，是

使用【文字工具】在圖所示位置輸入需

CompuServe

教師啟發(fā)要的文字，設(shè)置合適的字體、字號(hào)及顏色。

公司提出的

演示

一種圖形文

件格式。GIF

打開三張風(fēng)景圖片，拖曳到畫布中，將三動(dòng)畫是網(wǎng)頁

張圖像調(diào)整成相同大小，并進(jìn)行對(duì)齊。使動(dòng)畫中應(yīng)用

用圖層蒙版和【漸變工具】設(shè)置三張圖片,廣泛的一種

效果如圖。動(dòng)畫格式。

新建圖層，使用【自定形狀工具】，添加

【W(wǎng)eb】庫文件，使用其中的按鈕，制作紅

教師可以色鏈接按鈕，并使用圖層樣式制作投影。

結(jié)合PPT演使用文字工具輸入文字。

示文稿講

解。

打開人物素材文件，使用菜單【圖像】）

【調(diào)整】＞【暗調(diào)/高光】命令，使用默認(rèn)

設(shè)置。再使用菜單【圖像】》【調(diào)整】》【色

彩平衡】命令，將色階值設(shè)置為“+40、-

50、0”。

使用【鋼筆工具】將人物輪廓勾畫出來，生

比較不同成工作路徑，選擇【路徑】調(diào)板，單擊調(diào)

執(zhí)行分層

操作方法板下方【將路徑作為選區(qū)載入】按鈕，將

的

的特點(diǎn)及工作路徑轉(zhuǎn)換成選區(qū)。

Photoshop

作用。

圖像創(chuàng)建網(wǎng)

頁動(dòng)畫。動(dòng)畫

由一系列圖

像幀組成，

將選區(qū)反選，刪除人物以外的部分。單通過使每一

擊圖層調(diào)板下部的【添加圖層蒙版】按鈕,幀及下一幀

生成圖層蒙版，使用【漸變工具】，在蒙都有稍微的

版中從上至下垂直填充“白-黑”漸變色,不同，可以

最終網(wǎng)頁效果如圖所示。使人產(chǎn)生一

種運(yùn)動(dòng)的錯(cuò)

通過PPT課覺?？梢詧?zhí)行

件給出窗分層的

口每個(gè)部Photoshop

分的說明或Image

（二）網(wǎng)頁文字動(dòng)畫的制作過程如下：Ready圖像

啟動(dòng)Photoshop,按Ctrl+N鍵新建一個(gè)圖在Adobe

像文件，設(shè)置其寬度為800,高度為80像ImageReady

素，背景為白色，分辨率72像素/英寸。中創(chuàng)建簡單

將素材圖拖曳到當(dāng)前文件中，生成圖層1。的動(dòng)畫。

使用菜單命令【編輯】）【變換】）【縮放】，

變換圖層1的大小。

通過任務(wù)

學(xué)習(xí)法加

深學(xué)生對(duì)將素材圖大小變換成及當(dāng)前圖像相等大

知識(shí)的理小，雙擊或回車結(jié)束變換。選擇圖層調(diào)板,

解，組織將圖層1的不透明度設(shè)置為45%。

學(xué)生分組

討論

選擇工具箱中的【橫排文字工具】，輸入

相應(yīng)的文字，字符調(diào)板設(shè)置如圖。

在圖像中構(gòu)

選擇文字圖層，使用圖層調(diào)板菜單命令成動(dòng)畫的所

【向下合并】，將圖層1及文字圖層合并有元素都放

為一個(gè)圖層，并命名為圖層1。將圖層1復(fù)置在不同的

制兩個(gè)新圖層，分別命名為圖層2.圖層3,圖層中。通過

選擇圖層3為當(dāng)前操作圖層。對(duì)每一幀隱

藏或顯示不

教師啟發(fā)

同的圖層，

演示

可以改變每

點(diǎn)擊工具箱下部的【跳至ImageReady］按

一幀的內(nèi)容,

鈕，使用ImageReady軟件進(jìn)行圖像編輯，

而不必一遍

使用菜單命令【視圖】＞【標(biāo)尺】，出現(xiàn)圖

又一遍地復(fù)

像標(biāo)尺，使用菜單命令【窗口】》【動(dòng)畫】，

制和改變整

個(gè)圖像。只需

為每個(gè)靜態(tài)

元素創(chuàng)建一

設(shè)置七條水平的參考線，將圖像分成八個(gè)個(gè)圖層，而

運(yùn)動(dòng)元素則

可能需要若

干個(gè)圖層才

能制作出平

滑過渡的運(yùn)

動(dòng)效果。

均等部分中的L3.5.7部分為選區(qū)，刪除

奇數(shù)選區(qū)部分。

選擇圖層2為當(dāng)前操作圖層，使用工具箱

中的【選框工具】，選擇屬性欄中的【添

加到選區(qū)按鈕】，將圖像8個(gè)均等部分中

的2.4.6.8部分為選區(qū)，刪除偶數(shù)選區(qū)部

分。

教師可以使用菜單命令【視圖】＞【標(biāo)尺】，取

結(jié)合PPT演消標(biāo)尺的顯示，使用菜單命令【視圖】》【清

示文稿講除參考線］，清除圖像中的參考線。選擇

解。動(dòng)畫調(diào)板，隱藏圖層2和圖層3,選擇圖層學(xué)生分組練

1為當(dāng)前操作圖層。習(xí)

在動(dòng)畫調(diào)板中，單擊【復(fù)制當(dāng)前幀】

按鈕，將第一幀進(jìn)行復(fù)制，生成第二幀。

選擇圖層調(diào)板，將圖層1的不透明度設(shè)置

為25%。

可以自己制

比較不同作Photoshop

操作方法分層文件，

的特點(diǎn)及然后在

作用。在動(dòng)畫調(diào)板中，單擊【復(fù)制當(dāng)前幀】按鈕,TmageReady

將第二頃進(jìn)行復(fù)制，生成第三幀。顯示圖中生成動(dòng)畫。

層2,選擇圖層2為當(dāng)前操作圖層，使用方在

向鍵將圖層2水平向左移動(dòng)至完全隱藏。ImageReady

顯示圖層3,選擇圖層3為當(dāng)前操作圖層，中首先生成

使用方向鍵將圖層3水平向右移動(dòng)至完全的幾個(gè)幀，

隱藏。其實(shí)就是

通過PPT課

Flash中的關(guān)

件給出窗

鍵幀，然后

口每個(gè)部

分的說明在關(guān)鍵幀之

間產(chǎn)生過渡

效果。在執(zhí)行

ImageReady

在動(dòng)畫調(diào)板中，單擊【復(fù)制當(dāng)前幀】按鈕,

的過程中隨

將第三頃進(jìn)行復(fù)制，生成第四幀。顯示圖

通過任務(wù)時(shí)可以切換

層2,選擇圖層2為當(dāng)前操作圖層，使用方

學(xué)習(xí)法加到Photoshop

向鍵將圖層2水平向右移動(dòng)至完全顯示。

深學(xué)生對(duì)修改文件，

顯示圖層3,選擇圖層3為當(dāng)前操作圖層，

知識(shí)的理修改后的結(jié)

使用方向鍵將圖層3水平向左移動(dòng)至完全

解，組織果會(huì)自動(dòng)進(jìn)

隱藏。

學(xué)生分組入

討論ImageReady

中。

在動(dòng)畫調(diào)板中，選擇第二幀，單擊【動(dòng)畫

幀過渡】按鈕，彈出過渡選項(xiàng)板。

教師啟發(fā)

演示在動(dòng)畫調(diào)板中，選擇最后一幀，單擊【動(dòng)

畫幀過渡】按鈕，彈出過渡選項(xiàng)板。

在

ImageReady

中，可以將

文檔作為

選擇第一幀，單擊【選擇幀延遲】按SWF文件導(dǎo)

鈕，在彈出菜單中，設(shè)置第一幀時(shí)間為出，然后可

0.5秒。以將該文件

直接發(fā)布到

Web上或?qū)?/p>

入到

Macromedia

使用菜單命令【文件】＞【將優(yōu)化結(jié)果Flash應(yīng)用

存儲(chǔ)為】，在彈出的選項(xiàng)框中，將文件存程序中。在多

儲(chǔ)為GIF格式。圖層的PSD

（三）網(wǎng)頁照片瀏覽動(dòng)畫制作過程如下：文件中，可

啟動(dòng)Photoshop,按Ctrl+N鍵新建一個(gè)圖以將PSD文

像文件，設(shè)置其寬度為450,高度為338像件的每個(gè)圖

素像素，背景為白色，分辨率72像素/英層作為一個(gè)

寸。將四張素材圖都打開，拖曳到當(dāng)前文SWF對(duì)象導(dǎo)

件中，生成圖層1、圖層2、繳層3、圖層出，也可以

4,效果如圖。執(zhí)行【圖層作