Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

例 16: 利用旋轉扭曲濾鏡得到絢麗圖形效果 (通過此例,大家體會一下濾鏡的神奇)

1、啟動 Photoshop CS5 。新建 800X800 的畫布。

Photoshop CS5原創教案的聽課筆記(9)

2、利用油漆桶工具把畫布變成黑色:

Photoshop CS5原創教案的聽課筆記(9)

3、在圖層面板中,單擊「創建新圖層」圖標,新建一個空白圖層:

Photoshop CS5原創教案的聽課筆記(9)

4、利用「畫筆工具」,在新建圖層上畫一個白色的小於號(〈 ),筆頭不要太粗。

Photoshop CS5原創教案的聽課筆記(9)

5、濾鏡菜單→模糊→動感模糊:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

6、「濾鏡」菜單→扭曲→旋轉扭曲

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

7、Ctrl +T (自由變換)。

Photoshop CS5原創教案的聽課筆記(9)

8、旋轉圖形,空山新雨的經驗是:旋轉角度大約 10 度左右為好。這樣的話,能在平面上產生大約 36 條徑向的線條。

Photoshop CS5原創教案的聽課筆記(9)

雙擊控制框內部,去掉控制框:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

9、按住 Ctrl + Alt1 + Shift + T鍵,復制變換圖形。一邊復制,一邊看效果,一直到自己滿意為止。怎樣才能同時按住這幾個鍵呢?

空山新雨是這樣做的:用左手無名指按住 Ctrl 鍵,用左手中指按住 Shift 鍵,用左手食指按住 Alt 鍵,用右手食指點擊 T 鍵。每次點擊之後,

停頓一下,觀察一下效果。然後,再次點擊。

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

上圖就是我們要保留並且想要進一步處理的圖形。

以上圖像保留,餘下刪掉:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

以上三個圖形是暫時保留在這裡的圖形,我們並不對它們進行處理。

我們要處理的圖形還是下面這一張圖形:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

10、暫時關閉最下方的圖層—-「背景」圖層的眼睛:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

你看,「背景」圖層的眼睛沒有了。如上圖所示。

這時候,黑色畫布不見了。變成透明的畫布。為什麼要讓「背景」圖層不可見呢?

這是為下一步合併可見圖層做準備工作。

11、合併可見圖層:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

你看,如上圖所示,我們把34個可見的透明的圖層,合併成一個圖層,因為最上面的一個圖層是「圖層1副本34「,所以合併後的那一個圖層就以「圖層1副本34」命名。現在只有2個圖層了。

Photoshop CS5原創教案的聽課筆記(9)

現在請把「背景」圖層的眼睛顯示出來:圖案也顯示出來了:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

12、在圖層面板中,單擊「創建新圖層」圖標,在各個圖層的最上方新建一個空白圖層—-圖層2:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

13、選擇「漸變工具」,在最上方的新建的圖層上拉出自己喜歡的漸變顏色:

下圖是「漸變工具」的工具選項欄:

Photoshop CS5原創教案的聽課筆記(9)

應該選第二個圖標——-「徑向漸變」。也就是說,沿著半徑的方向的漸變。這樣的話,就是像水波一樣從中心向四面八方一圈一圈的擴散開來的各種顏色的漸變。

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

這時候圖形變成如下這個樣子:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

14、在圖層面板中,將圖層模式選擇為「顏色」,如下圖所示:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

這時圖像的背景變成黑色,如下圖所示:

Photoshop CS5原創教案的聽課筆記(9)

以下八個圖形是用不同的漸變模式生成的圖形:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

15、利用「裁剪」工具裁剪,使得圖形位於畫布中心位置。目前它已經在中心位置。

16、存儲為JPG 文件,起名:圖形1

17、「圖像」菜單→調整→色相/飽和度

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

18、用滑鼠拖動色相滑塊調整顏色。

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

19、分別調出 5 種不同的顏色。

20、保存成不同的文件,分別起名: 圖形02,圖形03,圖形04,圖形05。

Photoshop CS5原創教案的聽課筆記(9)

下面我們講解Photoshop 動畫的製作方法。

動畫的基本原理

動畫是有很多很多幀組成的。把相關的一些圖像放在不同的圖層上。每一個圖層上的一個圖像就是一幀。當連續顯示這些幀時,就得到動畫了。這就是動畫的基本原理。

Photoshop CS5 在工具箱中並沒有「動畫」這個工具。

1、窗口(菜單)→動畫:打開「動畫」面板: →→→→→→→→→→→→→→→→→→→→→

Photoshop CS5原創教案的聽課筆記(9)

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

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

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

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

Photoshop CS5原創教案的聽課筆記(9)

下面是時間軸動畫面板:(我們不講這個)

Photoshop CS5原創教案的聽課筆記(9)

下面是幀動畫面板:(我們馬上講這個)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

單擊動畫面板右上角的圖標,打開下列菜單:

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)

Photoshop CS5原創教案的聽課筆記(9)