《多媒體技術與網頁設計》課件第10章

第10章Photoshop綜合實例10.1制作圓形圖章10.2制作寶貝生日紀念郵票10.3制作GIF動畫“移動腳印”

10.1制作圓形圖章

(1)新建Photoshop文件，大小為500像素×500像素，背景為白色。

(2)選擇“視圖”菜單下的“標尺”命令，顯示水平和垂直標尺，按鼠標左鍵沿水平標尺向下拖動，沿垂直標尺向右拖動，在窗口中央生成如圖10.1所示的“十”字形參考線。圖10.1從標尺拖出的“十”字形參考線

(3)選擇“橢圓工具”，在屬性欄中單擊“路徑”按鈕，按下Shift和Alt鍵，用鼠標拖動從“十”字中心向外畫一個小的正圓形路徑，如圖10.2所示。圖10.2從“十”字中心向外畫正圓

(4)選擇“文字工具”，單擊屬性欄中的“顯示/隱藏文字和段落調板”按鈕，在彈出的“字符”格式對話框中進行如

圖10.3所示的設置，?然后在圓形路徑上單擊，?輸入“Photoshop圖像處理”。

(5)單擊“路徑選擇工具”，調整文字在路徑上的起始和結束的位置，使文字沿路徑顯示，如圖10.4所示。圖10.3“字符”格式對話框設置圖10.4沿路徑輸入文字

(6)新建圖層，選擇“橢圓工具”，按下Shift和Alt鍵，用鼠標拖動從“十”字中心向外畫一個大的正圓形路徑，剛好將文字包住，然后用“紅色”、“直徑”為5的畫筆給路徑描邊，如圖10.5所示。

(7)在路徑面板空白處單擊鼠標左鍵，隱藏所有路

徑，選擇“文字工具”，屬性設置為“紅色”、“仿宋”、

“24”，輸入“練習專用章”，如圖10.6所示。圖10.5在文字外圍的大圓形路徑圖10.6輸入下方文字后的效果

(8)選擇“多邊形工具”，在屬性欄中進行以下設置：單擊“形狀圖層”按鈕，再單擊“幾何形狀”按鈕，選擇“星形、邊為5”。用鼠標在“十”字中心處拖出一個紅色的五角星，用Ctrl+T鍵調整其大小和位置。

(9)選擇“視圖”菜單下的“顯示額外內容”命令，將參考線取消，最后完成的圖章如圖10.7所示。圖10.7最后完成的圖章效果10.2制作寶貝生日紀念郵票

(1)新建Photoshop文件，大小為1200像素×900像素，輸入文件名“紀念郵票”。

(2)選擇“漸變工具”，單擊屬性欄漸變填充顏色，在彈出的“漸變編輯器”對話框中編輯漸變?yōu)椤皬纳罹G到淺

綠”，如圖10.8所示。圖10.8“漸變編輯器”對話框

(3)在“漸變工具”屬性欄中勾選“反向”復選框，按鼠標左鍵從中心拖向邊緣，填充徑向漸變，如圖10.9所示。圖10.9填充深綠到淺綠徑向漸變

(4)新建圖層，命名為“云彩”，選擇“濾鏡”菜單下“渲染”下的“云彩”命令，云彩圖層效果如圖10.10所示。

(5)在圖層面板設置圖層混合模式為“柔光”，生成如圖10.11所示的效果，作為郵票的背景。圖10.10“云彩”濾鏡效果圖10.11“柔光”混合模式效果

(6)打開如圖10.12所示的“花邊”素材圖像，選擇“移動工具”，將花邊拖入“紀念郵票”文件，成為新的圖層，改名為“花邊”。

(7)按Ctrl+T鍵整花邊圖層大小與郵票背景一致，用“魔棒工具”選擇花邊白色背景，按Delete鍵將白色背景刪

除，效果如圖10.13所示。圖10.12“花邊”素材圖像圖10.13添加花邊后的郵票背景

(8)打開“寶貝”素材圖像，選擇“橢圓選框工具”，羽化值為10，創(chuàng)建橢圓選區(qū)，用“移動工具”將橢圓選區(qū)拖入

“紀念郵票”文件成為新圖層，命名為“寶貝”，如圖10.14

所示。

(9)選擇“文字工具”，在屬性欄中進行以下設置：更改文字方向為“縱向”，字體為“華文彩云”，大小為“30”，顏色為“純紅橙”，文字變形為“扭轉”。在窗口右側輸入“生日快樂”。

(10)再次選擇“文字工具”，在屬性欄中進行以下設

置：字體為“華文彩云”，大小為“18”，顏色為“純藍”，文字變形為“拱形”。輸入“Happybirthday”。

(11)在圖層面板將“Happybirthday”圖層拖動到“建立新圖層”按鈕上，復制一層，調整其屬性：字體為“broadway”，顏色為“純藍”，文字變形為“旗幟”。然后將該圖層調整至合適的位置，如圖10.15所示。圖10.14添加寶貝后的郵票圖像圖10.15郵票圖像添加文字后的效果

(12)將所有圖層合并為“背景”。

(13)設背景色為“白色”，選擇“裁剪工具”，將全部窗口圖像框選，并向外擴展一定區(qū)域(如圖10.16所示)，然后雙擊鼠標左鍵，裁剪完成后的效果如圖10.17所示，即給圖像添加了白色邊框。圖10.16裁剪時向外擴展區(qū)域圖10.17裁剪后產生白色邊框

(14)按Ctrl+A鍵選擇全部圖像作為選區(qū)，單擊路徑面板下方的?“從選區(qū)生成工作路徑”按鈕。

(15)設背景色為“黑色”，選擇“橡皮工具”，在屬性欄中進行以下設置：畫筆大小為“39”，硬度為“100%”，不透明度和流量為“100%”。

(16)按F5鍵打開“畫筆”面板，如圖10.18所示，勾選“間距”復選框，設置間距為“170%”。

(17)在路徑面板的矩形路徑上單擊鼠標右鍵，在彈

出的快捷菜單中選擇“描邊路徑”，選擇“橡皮擦”給路徑

描邊，形成鋸齒形郵票邊緣，最終效果如圖10.19所示。圖10.18“畫筆面板”設置圖10.19郵票最終效果圖10.3制作GIF動畫“移動腳印”

(1)打開“地板”素材圖像，如圖10.20所示。圖10.20“地板”素材圖像

(2)選擇“自定形狀工具”繪制腳印圖層，更名為“右腳印”，添加圖層樣式“斜面和浮雕”，對話框具體設置如圖10.21所示，設置圖層混合效果為“柔光”，效果如圖10.22

所示。圖10.21“斜面和浮雕”對話框設置

(3)將“右腳印”圖層拖動至圖層面板的“建立新圖層”按鈕，復制一個“右腳印副本”圖層。

(4)單擊“右腳印副本”圖層，選擇“編輯”菜單下“變換”下的“水平翻轉”命令，然后用“移動工具”將其移動到合適的位置，如圖10.23所示，將圖層更名為“左腳印”。圖10.22第一個腳印效果圖10.23兩個腳印效果

(5)在圖層面板按Shift鍵單擊選中“左腳印”和“右腳印”兩個圖層，單擊圖層面板下方的“鏈接”按鈕，在左右腳印圖層間建立鏈接。

(6)按Shift鍵單擊選中“左腳印”和“右腳印”兩個圖層，按鼠標左鍵拖動至“創(chuàng)建新圖層”按鈕，復制左右腳印副本圖層。選擇“移動工具”，將左右腳印副本移動到合適的位置，如圖10.24所示。圖10.24兩組腳印效果

(7)選擇“窗口”菜單下的“動畫”命令，打開動畫窗口，如圖10.25所示，單擊右下角的按鈕，切換到“幀動畫”。圖10.25動畫窗口

(8)在動畫窗口選中第一幀，單擊動畫窗口下方的“復制所選幀”按鈕5次，一共建立6幀動畫。

(9)選中第1幀，在圖層面板中選擇顯示“背景”圖層，隱藏其它所有腳印圖層，幀延遲時間設置為1秒。

(10)第2～6幀圖層分別設置為：第2幀顯示“背景”和“右腳印”圖層；第3幀顯示“背景”、“右腳印”和“左腳印”圖層；第4幀顯示“背景”、“左腳印”和“右腳印副本”圖層；第5幀顯示“背景”、“右腳印副本”和“左腳印副本”圖層；第6幀顯示“背景”和“左腳印副本”圖層。幀“延遲時間”全部設置為1秒。

(11)在動畫窗口左下角設置“循環(huán)選項”為永遠，最終動畫窗口如圖10.26所示，單擊“播放按鈕”，通過圖像窗口可以看到動畫效果。圖10.26設置完成后的動畫窗口

(12)選擇“文件”菜單下的“存儲為Web和設備所用格式”命令，在彈出的“存儲為Web和設備所用格式”