Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

例 17: 用 Photoshop Cs5 製作帶字的一閃一閃的動畫燈籠

1、啟動 Photoshop CS5 。打開「金老師-第10次課素材」文件夾裡的圖片「素材-燈籠.jpg”

Photshop CS5原創教案的聽課筆記(10)

2、雙擊「背景」圖層

打開「新建圖層」對話框:

Photshop CS5原創教案的聽課筆記(10)

按「確定」。則「背景」圖層變成「圖層0」:

Photshop CS5原創教案的聽課筆記(10)

3、在圖層面板中,單擊下面倒數第二個圖標—-「創建新圖層」,新建一個空白圖層—-「圖層1」:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

4、在工具箱中,選擇「油漆桶工具」,前景顏色選為黑色,把圖層1 塗成黑色:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

5、讓黑色圖層1作為底層。也就是說,交換「圖層1」和「圖層0」的位置:

Photshop CS5原創教案的聽課筆記(10)

則圖像變成如下這樣:

Photshop CS5原創教案的聽課筆記(10)

6、選擇圖層0,就是說,單擊圖層0,使它變成藍色的橫條。

Photshop CS5原創教案的聽課筆記(10)

圖像還是那個樣子:

Photshop CS5原創教案的聽課筆記(10)

7、在工具箱中,選擇「魔棒工具」:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

在燈籠的空白處,點擊以下。得到選區,也就是出現了螞蟻線:

Photshop CS5原創教案的聽課筆記(10)

8、按 Delete 鍵,刪除選區:

Photshop CS5原創教案的聽課筆記(10)

按 Ctrl + D,去掉螞蟻線:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

9、在圖層面板中,復制「圖層0」,得到「圖層0副本」:

方法1:右擊「圖層0」,彈出下拉菜單:

Photshop CS5原創教案的聽課筆記(10)

在下拉菜單中,選擇「復制圖層」:則得到「圖層0副本」:

Photshop CS5原創教案的聽課筆記(10)

按「確定」,圖層面板中就多了一個「圖層0副本」:

Photshop CS5原創教案的聽課筆記(10)

方法2:點擊「圖層0」,按住滑鼠左鍵一直不放,把「圖層0」影子拖向面板底部倒數第二個圖標--「創建新圖層」:

Photshop CS5原創教案的聽課筆記(10)

這時,鬆開滑鼠左鍵,也能生成「圖層0副本」:

Photshop CS5原創教案的聽課筆記(10)

10、「圖像」菜單 → 調整→ 亮度/對比度→調到最暗

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

11、隱藏「圖層0副本」。也就是說,將「圖層0副本」的眼睛去掉:

Photshop CS5原創教案的聽課筆記(10)

這時候燈籠圖像變成如下這樣:

Photshop CS5原創教案的聽課筆記(10)

12、選擇「圖層0」。就是說,點擊它,使它變成藍色的橫條:

Photshop CS5原創教案的聽課筆記(10)

這時候,燈籠圖像還是原來那樣:

Photshop CS5原創教案的聽課筆記(10)

13、在工具箱中,點擊前景顏色圖標,就是下圖中的那個灰黑色的方塊:

Photshop CS5原創教案的聽課筆記(10)

打開「拾色器(前景色)」。如下圖所示:

Photshop CS5原創教案的聽課筆記(10)

選擇黃色為前景色:

Photshop CS5原創教案的聽課筆記(10)

按「確定」,則前景顏色變成黃色:就是那個黃色的方塊:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

14、在工具箱中,選擇「橫排文字工具」:

Photshop CS5原創教案的聽課筆記(10)

在它的工具選項欄中,選擇字體和文字大小等等:

Photshop CS5原創教案的聽課筆記(10)

在燈籠上輸入「恭賀新禧」四個大字:可以用移動工具調整文字的位置和間距:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

在橫排文字工具的選項欄中,點擊「設置文本顏色」的圖標,在而後彈出的「拾色器」中選擇黃色:

Photshop CS5原創教案的聽課筆記(10)

於是,「恭賀新禧」四個大字變成黃色:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

15、點擊工具選項欄中的那個「王」字:創建文字變形→膨脹 →確定 → → → → → → → → → → → →

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

你看,「恭賀新禧」四個大字發生了彎曲。彎曲的程度你可以控制。

Photshop CS5原創教案的聽課筆記(10)

16、雙擊恭賀新禧那個圖層,打開圖層樣式對話框→ 外發光→ 調整→ 確定

得到如下幾種燈籠的圖像:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

17、窗口→動畫 → → → → → → → → → → →

Photshop CS5原創教案的聽課筆記(10)

打開「動畫」面板如下:

Photshop CS5原創教案的聽課筆記(10)

看上圖,當前是由「10f"--第10幀開始。

移動滑塊,使得由「01f"--第一幀開始,如下圖所示:

Photshop CS5原創教案的聽課筆記(10)

在上圖最底下一行的圖標,自左至右是如下的功能:

選擇第一幀、選擇上一幀、播放、選擇下一幀、啟用音頻播放、縮小、滑塊、放大、切換洋蔥頭、刪除關鍵幀、滑塊。

Photoshop CS5 有兩個「動畫」面板:

(1)動畫(時間軸):它是用來創建和編輯影片圖像的;

(2)動畫(幀):它是用來製作網頁動畫的。

用螢幕右下角的圖標——「轉換為幀動畫」和「轉換為時間軸動畫」來切換。

注意:我下面使用的動畫面板是第二種,即:動畫(幀)。

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

下面的這個動畫面板就是動畫(幀)面板:

Photshop CS5原創教案的聽課筆記(10)

它已經自動把當前的圖像放到第一幀的位置了。要想產生動畫效果,必須有第二幀,第三幀,……等等一系列的幀。

怎樣才能把其他的幀放到各自的位置去呢?請看第18步驟如下:

18、交替地使用下面的步驟(1)和(2):

(1)點擊動畫面板最底下的那一行中倒數第二個圖標,即「復制所選幀」的圖標,就把第一幀的圖像復制到第二幀的位置上。這時第二幀的圖像同第一幀的圖像相同。要想產生動畫效果,就必須改變第二幀的圖像。

Photshop CS5原創教案的聽課筆記(10)

(2)為了使得燈籠一閃一閃的變化,就應該讓第一幀發亮,第二幀發暗。這就用到本文第16步驟的方法使得燈籠不斷地發生明暗交替的變化。具體方法就是

雙擊恭賀新禧那個圖層,打開圖層樣式對話框→ 外發光→ 調整→ 確定。 詳細的方法請看第16步驟。

得到變化之後的燈籠的圖像,而這個新的圖像就自動被放到第二幀的位置上。然後,反復交替地執行(1)和(2)的步驟。就陸續地把各個幀的圖像放到各自的位置上。如下圖所示:

到這一步,我們就要大功告成了。

點擊動畫面板最底下一行的第三個圖標,即三角形圖標,它是播放圖標。播放動畫試一試:可能效果很好。

Photshop CS5原創教案的聽課筆記(10)

下面把使得燈籠發生明暗交替變化的做法,再具體講一講:怎樣使得燈籠由名變暗呢?

Photshop CS5原創教案的聽課筆記(10)

19、點開「圖層0副本」前面的眼睛。如下圖所示:Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

到這裡,請看第18步驟的講解。把明暗交替的各個幀放到各自的位置上去。

20、分別設置每幀延遲時間(根據自己的喜歡任意設定),如下圖所示:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

21、播放動畫看看效果。

22、以GIF的類型保存。文件→ 存儲為 Web 和設備所用格式(D):

請特別注意:存儲動畫不能用「存儲為(A)」,一定要用下面有藍色條的那一行的那個命令才行。即

存儲為Web和設備所用格式(D)。

附註:Web=網頁

Photshop CS5原創教案的聽課筆記(10)

打開下列對話框:

Photshop CS5原創教案的聽課筆記(10)

適當選擇其中的選項。然後單擊「存儲」。

Photshop CS5原創教案的聽課筆記(10)

我的講課分為兩個部分:(1)列印稿中的內容;(2)補充的內容。下面我講補充的內容:

例 18 : 利用 Phtoshop Cs5 的「動作」給一閃一閃的燈籠加上畫框。

什麼是動作? 在 PhotoshopCS5 中,「動作」就是記錄一組操作命令的集合。因為時間有限,我們不講創建動作,只講使用動作。使用Phtoshop CS5 自帶的默認的動作。

1、啟動 Phtoshop CS5 。打開金老師第10 次課的素材-燈籠.jpg :

Photshop CS5原創教案的聽課筆記(10)

2、窗口→動作:

Photshop CS5原創教案的聽課筆記(10)

打開「動作」面板:

Photshop CS5原創教案的聽課筆記(10)

將滑塊向下拉一拉,看看有一些什麼選項:

Photshop CS5原創教案的聽課筆記(10)

這些選項都屬於默認動作。

3、左鍵單擊「動作」面板右上角的圖標Photshop CS5原創教案的聽課筆記(10)

打開如下的菜單:

Photshop CS5原創教案的聽課筆記(10)

4、點擊上圖菜單中的「畫框」,打開如下對話框:

Photshop CS5原創教案的聽課筆記(10)

向下拉動滑塊:

Photshop CS5原創教案的聽課筆記(10)

5、左鍵單擊「天然材質畫框-50 像素」:

Photshop CS5原創教案的聽課筆記(10)

6、點擊「播放選定的動作」按鈕。打開如下對話框:

Photshop CS5原創教案的聽課筆記(10)

7、點擊「繼續」。則就給燈籠加上了畫框:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

下面我們給燈籠換上「木質畫框」,讓燈籠掛在暴風雪的天氣裡。這需要返回到以前的狀態。

8、在「歷史記錄」面板中,點擊「快照1」,恢復到以前的開始狀態:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

9、左鍵單擊「動作」面板右上角的圖標Photshop CS5原創教案的聽課筆記(10)

打開如下的菜單:

Photshop CS5原創教案的聽課筆記(10)

10、單擊「圖像效果」,打開如下對話框:

Photshop CS5原創教案的聽課筆記(10)

11、單擊「暴風雪」:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

你看,燈籠上已經有暴風雪的效果。

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

12、在上圖的「動作」面板中,向上拖動滑塊,選擇「木質畫框」

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

13、點擊「播放選定的動作」:

Photshop CS5原創教案的聽課筆記(10)

你看,我們給暴風雪中的燈籠加上了「木質畫框」。下面我們改變畫框的顏色。

Photshop CS5原創教案的聽課筆記(10)

14、在「圖層」面板中,選定「frame"圖層,即使它變成藍色的橫條。附註:英文frame=畫框。

15、圖像→調整 → 色相/飽和度

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

16、在上圖中,拖動三個滑塊,調整色相、飽和度、明度:

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)

Photshop CS5原創教案的聽課筆記(10)