《Photoshop平面設(shè)計與創(chuàng)意案例教程》第8章 文字的創(chuàng)建與效果設(shè)計課件

1、Photoshop本章中將介紹Photoshop CS5中關(guān)于文字設(shè)計與處理方法，主要內(nèi)容包括文字工具的使用方法，設(shè)定文字的屬性，制作點(diǎn)文字和段落文字，文字圖層的柵格化，將文字轉(zhuǎn)換路徑或選區(qū)，文字變形的方法和沿路徑排列文字的方法。Start Here平面設(shè)計與創(chuàng)意案例教程第8章文字的創(chuàng)建與效果設(shè)計 教學(xué)要求：知 識 要 點(diǎn)能 力 要 求相 關(guān) 知 識文字工具掌握文字工具的使用文字選區(qū)掌握學(xué)會如何制作文字選區(qū)文字的變形了解文字的變形的方法沿路徑排列文字掌握沿路徑排列文字的方法設(shè)計案例（1）火焰字 （2）玻璃字（3）打眼字 （4）冰凌字（5） 彩帶字 “火焰字”案例的效果如圖81所示。 以下圖為例

2、 8.1 【案例81】火焰字圖81 “火焰字”最終效果1案例設(shè)計創(chuàng)意所在： 該案例是2通過本案例的學(xué)習(xí)，3該案例的制作方法如下：（1）選擇 “文件”菜單“新建（Ctrl+N）”命令，設(shè)置文件的“寬度”為16厘米，“高度”為12厘米，“分辨率”為100像素/英寸 ，顏色模式為灰度，“背景內(nèi)容”為白色，名稱為“火焰字”，如圖82所示。 圖82 “新建”對話框 （4）選擇“慮鏡”菜單“風(fēng)格化”“風(fēng)”命令，給 “燃燒”文字添加風(fēng)的效果，具體參數(shù)設(shè)置為默認(rèn)的值，如圖87所示，單擊“確定”按鈕，效果如圖88所示，可以根據(jù)自己的需要多次添加“風(fēng)”的效果，本實(shí)例添加次數(shù)為次（可以用快捷鍵Ctrl+F，重復(fù)使用

3、剛剛使用過的濾鏡），如圖89所示。圖85在“圖層”調(diào)板填充“燃燒”為白色圖86圖像旋轉(zhuǎn)“90度（逆）”圖87“風(fēng)”對話框圖88“風(fēng)”后的圖像（次）圖89“風(fēng)”后的圖像（次） （5）選擇“圖像”菜單“圖像旋轉(zhuǎn)”“90度(順時針)”命令，將畫布的位置恢復(fù)原來模樣，如圖8所示，選擇“濾鏡”菜單“扭曲”“波紋”命令，在對話框里設(shè)置“數(shù)量”為45%，“大小”為中，如圖811所示，單擊“確定”按鈕，效果如圖812所示。圖810圖像旋轉(zhuǎn)“90度”(順) 圖811“扭曲”對話框圖812“扭曲”后圖像（6）選擇“圖像”菜單“模式”“索引模式”命令，會彈出一個對話框，如圖813所示，單擊“確定”按鈕，會彈出另外一

4、個對話框，參數(shù)為默認(rèn)值，如圖814所示，單擊“確定”按鈕，此時“圖層”調(diào)板如圖815所示。 圖816“顏色表”對話框圖817“顏色表”后的圖像（8）選擇“通道”調(diào)板，按住Ctrl鍵的同時，單擊“Alpha1”通道前面的縮略圖標(biāo) ，調(diào)出選區(qū)，如圖818所示，回到“索引”通道，如圖819所示，將選區(qū)填充為黑色，按Ctrl+D取消選區(qū)，如圖820所示。圖818“顏色表”后的圖像圖819回到“索引”通道圖820將選區(qū)填充為黑色 至此，完成“燃燒”文字的全部效果的制作。最終效果如圖81。8.2 【案例82】玻璃字 圖821“玻璃字”最終效果“玻璃字”案例的效果如圖820所示。1 案例設(shè)計創(chuàng)意所在： 該案

5、例是2通過本案例的學(xué)習(xí)，3該案例的制作方法如下：（1）選擇 “文件”菜單“新建（Ctrl+N）”命令，設(shè)置文件的“寬度”為16厘米，“高度”為12厘米，“分辨率”為100像素/英寸 ，顏色模式為RGB，“背景內(nèi)容”為白色，名稱為“玻璃字”，如圖822所示。圖822“新建”對話框圖827“查找邊緣”后的圖像圖828“反相”后的圖像圖825“動感模糊”對話框 圖826“動感模糊”后的圖像（4）選擇“慮鏡”菜單“風(fēng)格化”“查找邊緣”命令，如圖827所示，選擇“圖像”菜單“調(diào)整”“反相（Ctrl+I）”命令，如圖828所示。 （5）選擇“通道”面板右下角的 按鈕，將通道作為選區(qū)載入，如圖829所示，選

6、中“通道”調(diào)板的“RGB” 通道，如圖830所示，返回“圖層”調(diào)板。 圖829將通道作為選區(qū)載入圖830選中“”通道（6）選擇“圖層”面板右下角 按鈕，新建一個圖層，選擇工具箱上的“ 漸變工具，單擊選項(xiàng)欄 下拉菜單，打開“漸變拾色器”，選擇“色譜”漸變色塊，如圖831所示，并在選項(xiàng)欄中單擊“線性漸變 ”，然后從文字的左邊向右邊拖動以給選區(qū)作漸變填充（至少拉三次），Ctrl+D取消選區(qū)，如圖832所示。1 案例設(shè)計創(chuàng)意所在：2通過本案例的學(xué)習(xí)， 3該案例的制作方法如下：（1）選擇 “文件”菜單“新建（Ctrl+N）”命令，設(shè)置文件的“寬度”為16厘米，“高度”為12厘米，“分辨率”為100像素/

7、英寸 ，顏色模式為RGB，“背景內(nèi)容”為白色，名稱為“打眼字”，如圖834所示。圖834“新建”對話框圖835在畫布上輸入文字“夢想” 圖836新建圖層（3）選中文字“夢想”圖層，按“Ctrl+E”將此圖層與圖層1合并，選中合并后的圖層（合并圖層名為“圖層1”），選擇“慮鏡”菜單“模糊”“高斯模糊”命令,在對“高斯模糊”話框內(nèi)，設(shè)置 “半徑”為4.3，如圖837所示，單擊“確定”按鈕，效果如圖838所示。（2）設(shè)前景色為純紅色（R=255，G=0，B=0），選擇工具箱上的“文字工具 ”按鈕，在畫布單擊一下，輸入文字“夢想”，字體為黑體，大小為，加粗，選擇工具箱上的“移動工具 ”，調(diào)整好文字在畫

8、布上的位置，按Ctrl+D鍵取消選區(qū)，如圖835所示，背景層和文字層之間創(chuàng)建一個產(chǎn)新的圖層，并填充顏色為白色，如圖836所示。圖837“高斯模糊”對話框圖838“高斯模糊”后的圖像（4）按Ctrl+L鍵，彈出“色階“對話框，在對話框中向左拖動“輸入色階”的右側(cè)白色三角滑塊，如圖839所示，使文字的線條更清晰一些，效果如圖840所示。圖839“色階”對話框 圖840“色階”后的圖像（6）選擇魔棒 工具，并在選項(xiàng)欄中去掉“連續(xù)”選項(xiàng)，如圖843所示，然后在文字圖層的白色部分單擊，選擇除了文字以外的白色區(qū)域，如圖844所示。（5）選擇“慮鏡”菜單“像素化”“彩色半調(diào)”命令,在對“彩色半調(diào)”話框內(nèi)，設(shè)

9、置 “最大半徑”為10，“通道1”為108，其他通道的值為0，如圖841所示，單擊“確定”按鈕，效果如圖842所示。圖841“彩色半調(diào)”對話框 圖842“彩色半調(diào)”后的圖像 圖843魔棒工具“選項(xiàng)欄” 圖844用魔棒選中白色區(qū)域（7）保持選區(qū)為選中狀態(tài)，單擊“圖層”調(diào)板中的“創(chuàng)建新圖層 ”按鈕，如圖845所示，創(chuàng)建“圖層2”，設(shè)前景色為黃色，并填充此時的選區(qū)，按Ctrl+D取消選區(qū)，如圖846所示。 圖845新建圖層 圖846將選區(qū)填充為黃色（8）雙擊“圖層2”圖層，彈出“圖層樣式”對話框，選中“斜面和浮雕”選項(xiàng)，設(shè)置“深度”為83%，大小為2，如圖847所示，單擊“確定”按鈕，效果如圖848

10、所示。圖847“圖層樣式”對話框 圖848“斜面和浮雕”的效果至此，完成“打眼字”文字的全部效果的制作，最終效果如圖8-33 。1 案例設(shè)計創(chuàng)意所在：該案例是2通過本案例的學(xué)習(xí)， 3該案例的制作方法如下：（1）選擇 “文件”菜單“新建（Ctrl+N）”命令，設(shè)置文件的“寬度”為16厘米，“高度”為12厘米，“分辨率”為100像素/英寸 ，顏色模式為RGB，“背景內(nèi)容”為白色，名稱為“冰凌字”，如圖850所示。 圖850“新建”對話框（2）按字母鍵D，恢復(fù)默認(rèn)的前/背景色，選擇工具箱中的“橫排文字工具 ”，在畫布窗口中單擊，輸入字母“SNOW”，字體為：Arial Black，大小為140px，

11、選擇工具箱上“矩形選框工具 ”調(diào)整好文字在畫布上適當(dāng)位置，并填充為黑色，如圖851所示（注意：調(diào)整文字位置時，一定要保證當(dāng)前的工具是“矩形選框工具 ”），單擊“圖層”調(diào)板上的“新建圖層按鈕 ”，得到“圖層2”，并將此圖層背景填充為白色，“圖層”調(diào)板如圖852所示。 圖851輸入文字 圖852“圖層”調(diào)板圖857“添加雜色”對話框 圖858 “添加雜色”后的圖像 圖855“晶格化”對話框 圖856 “晶格化”后的圖像（5）重新載入文字（SNOW圖層）選區(qū)，回到“圖層1”圖層，選擇“慮鏡”菜單“雜色”“添加雜色”命令,在“添加雜色對話里”對話框，設(shè)置參數(shù)“數(shù)量”為173.26，“分布”選擇平均分布

12、，將“單色”復(fù)選框選中，如圖857所示，單擊“確定”按鈕，效果如圖858所示。（6）選擇“慮鏡”菜單“模糊”“高斯模糊”命令，設(shè)置參數(shù)“畫筆大小”值為4 ，如圖859所示，單擊“確定”按鈕，按Ctrl+D取消選區(qū)，效果如圖860所示。 圖859“高斯模糊”對話框 圖860 “高斯模糊”后的圖像（7）按Ctrl+M組合鍵，打開“曲線”對話框，設(shè)置如圖861所示，單擊“確定”按鈕，效果如圖862所示。 圖861“曲線”對話框 圖862“曲線”后的圖像（8）按Ctrl+I組合鍵，將圖像反相，如圖863所示，選擇“圖像”菜單“圖像旋轉(zhuǎn)”“90度（順時針）”命令，如圖864所示 。圖863圖像反相 圖8

13、64 旋轉(zhuǎn)90度（順時針）圖865“風(fēng)”對話框 圖866 “風(fēng)”后圖像 圖867 逆時針旋轉(zhuǎn)90度（9）選擇“慮鏡”菜單“風(fēng)格化”“風(fēng)”命令，設(shè)置參數(shù)“方法”選風(fēng)，“方向”選擇從右，如圖865所示，單擊“確定”按鈕，再按Ctrl+F，再執(zhí)行一次“風(fēng)”濾鏡，效果如圖866所示，選擇“圖像”菜單“圖像旋轉(zhuǎn)”“90度（逆時針）”命令，如圖867所示。（10）按Ctrl+A全選，Ctrl+C復(fù)制，選擇“通道”調(diào)板，單擊“通道“調(diào)板右下角的“新建 按鈕”，新建一個Alpha通道，按Ctrl+V粘貼。（11）按Ctrl+L組合鍵，彈出“色階”對話框，設(shè)置參數(shù)“輸入色階”為（17，1.00,170）如圖所8

14、68所示，單擊“確定”按鈕，效果如圖869所示。 圖868“色階”對話框 圖869“色階”后的圖像（12）單擊“通道”調(diào)板下的“將通道作為選區(qū)載入 ”，如圖870所示，回到“圖層”調(diào)板選擇“圖層1”，單擊下面的“添加矢量蒙版按鈕 ”，如圖871所示，按Ctrl+J,復(fù)制出“圖層1副本”，并將該圖層混合模式設(shè)為顏色減淡，效果872如圖。圖870“通道”調(diào)板 圖871 “圖層”調(diào)板 圖872 “顏色減淡”后的圖像（13）按Ctrl+U組合鍵，彈出“色相/飽和度”對話框，設(shè)置參數(shù)，選擇“著色”復(fù)選框，“色相”為220，“飽和度”為24，“明度”為35，如圖873所示，單擊“確定”按鈕，按Ctrl+D

15、取消選區(qū)，效果如圖874所示。 圖873“色相/飽和度”對話框 圖874“色相/飽和度”圖像（14）將前景設(shè)藍(lán)灰色（R=169,G=188,B=213）,背景色設(shè)為黑色，選擇工具箱上的“漸變工具 ”，在選項(xiàng)欄上選擇“線性漸變 ”，填充“背景”圖層（填充時從畫布左下角向右上角呈對角線拉）。（15）將前景色設(shè)白色，按Ctrl+Shift+N組合鍵新建一個“圖層2”，選擇工具箱上的“畫筆工具 ”，按F5鍵，彈出“畫筆”面板，如圖875所示，在畫布上畫一些星星，如圖876所示，雙擊“圖層1”，彈出“圖層樣式”對話框，選擇左邊“投影”，右邊設(shè)置參數(shù)“距離”為10，“擴(kuò)展”為0，“大小”為8，單擊“確定”

16、按鈕，如圖877所示。 圖875“畫筆”面板 圖876 添加星星后的圖像 圖877添加投影后的圖像8.5 【案例85】彩帶字至此，完成“冰凌”文字的全部效果的制作。最終效果如圖849?！安蕩ё帧卑咐男Ч鐖D878所示。圖878“彩帶字”最終效果1 案例設(shè)計創(chuàng)意所在：該案例利用自定義畫筆，并利用畫筆中的動態(tài)顏色以及漸隱選項(xiàng)，制作出彩帶字的效果，能很好的起到吸引注意力的作用，這在平面設(shè)計中經(jīng)?？梢杂玫?。2通過本案例的學(xué)習(xí)， 可以學(xué)習(xí)并鞏固之前學(xué)的自定義畫筆、畫筆中的動態(tài)顏色以及漸隱選項(xiàng)的具體應(yīng)用。3該案例的制作方法如下：（1）選擇 “文件”菜單“新建（Ctrl+N）”命令，設(shè)置文件的“寬度”為1

17、6厘米，“高度”為12厘米，“分辨率”為100像素/英寸 ，顏色模式為RGB，“背景內(nèi)容”為白色，名稱為“冰凌字”，如圖879所示。圖879“新建”對話框（2）單擊“圖層”調(diào)板上的“新建圖層按鈕 ”，得到“圖層1”，圖層調(diào)板如圖880所示。選擇工具箱中的“橫排文字工具”按鈕 ，在圖層1中輸入文字“彩帶字”，字體為：宋體，大小為60px，字體顏色為黑色，并用移動工具調(diào)整好文字在畫布上的適當(dāng)位置，如圖881所示。 圖880 “圖層”調(diào)板 圖881輸入文字 圖882“畫筆名稱”對話框 圖883用鋼筆工具畫一條曲線 （4）選擇“編輯”菜單“定義畫筆預(yù)設(shè)”命令，在“圖案名稱”對話框，名稱欄輸入“彩帶字”

18、，如圖882所示，按“確認(rèn)”按鈕，在“圖層“調(diào)板上，將“圖層1”隱藏，單擊“圖層”調(diào)板上的“新建圖層按鈕 ”，得到“圖層2”，選擇工具箱上的“鋼筆工具 ”，并在選項(xiàng)欄上選擇“路徑按鈕 ”，在畫布畫如圖883所示的一條曲線 ，可以用工具箱的“直接選擇工具 ”對當(dāng)前路徑進(jìn)行調(diào)整。（5）選擇工具箱上的“畫筆工具 ”，在選項(xiàng)欄點(diǎn)擊 三角形彈出下拉菜單，找到第（4）步定義的“彩帶字”畫筆預(yù)設(shè)，如圖884所示，選擇“路徑”調(diào)板，單擊“工作路徑”，如圖885所示。圖884“畫筆”的選項(xiàng)欄 圖885“路徑”調(diào)板 圖886“畫筆”調(diào)板（6）選擇“窗口”菜單“畫筆”命令（或者按F5），彈出“畫筆”面板，設(shè)置“畫筆

19、”間距1%，大小243px，如圖886所示，在“畫筆”面板左邊選擇“顏色動態(tài)”，在右邊“控制”欄選擇漸隱，值設(shè)為400，其他數(shù)值為默認(rèn)值，如圖887所示。（7）將前景色設(shè)為紅色，背景色設(shè)為綠色，選擇“路徑”調(diào)板上的“工作路徑”，曲線如圖888所示，選擇工具箱上的“畫筆工具 ”，單擊調(diào)板下的“用畫筆描邊路徑 ”按鈕 ，畫布圖像如圖889所示（注意事項(xiàng)：單擊“用畫筆描邊路徑 ”按鈕前，一定要保證當(dāng)前工具是“畫筆工具 ”）圖887“畫筆”調(diào)板 圖888“工作路徑”上的曲線 圖889“畫筆描邊路徑”后的圖像（8）將前景色設(shè)為綠色，背景色設(shè)為黃色，選擇“路徑”調(diào)板上的“工作路徑”，用工具箱的“刪除錨點(diǎn)工

20、具 ”或“直接選擇工具 ，將曲線變成如圖890所示，選擇工具箱上的“畫筆工具 ”，單擊調(diào)板下的“用畫筆描邊路徑 ”按鈕 ，畫布圖像如圖891所示。 圖890“工作路徑”上的曲線 圖891“用畫筆描邊路徑”后的圖像（9）將前景色設(shè)為黃色，背景色設(shè)為藍(lán)色，選擇“路徑”調(diào)板上的“工作路徑”，用工具箱的“刪除錨點(diǎn)工具 ”或“直接選擇工具 ，將曲線變成如圖892所示，選擇工具箱上的“畫筆工具 ”，單擊調(diào)板下的“用畫筆描邊路徑 ”按鈕 ，畫布圖像如圖893所示。 圖892“工作路徑”上的曲線 圖893“用畫筆描邊路徑”后的圖像（10）將前景色設(shè)為藍(lán)色，背景色設(shè)為紅色，選擇“路徑”調(diào)板上的“工作路徑”，用工具箱的“刪除錨點(diǎn)工具 ”或“直接選擇工具 ，將曲線變成如圖894所示，選擇工具箱上的“畫筆工具 ”，單擊調(diào)板下的“用畫筆描邊路徑 ”按鈕 ，畫布圖像如圖895所示。 圖896“圖層2”圖形變小 圖897調(diào)出文字選區(qū)圖894“工作路徑”上的曲線 圖895“用畫筆描邊路徑”后的圖像（11）將“路徑”調(diào)板上的“工作