當(dāng)前位置:首頁>ps實(shí)例教程>ps制作實(shí)例>制作實(shí)例>教程內(nèi)容

Photoshop設(shè)計教程:咖啡變形文字(4)

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):5939人次

 咖啡變形文字是將英文單詞“coffee”(咖啡)經(jīng)過變形后組織成一個咖啡杯的圖形,形成既是文字又是圖案的圖像效果。

完成效果。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-44 完成效果

技術(shù)提示

咖啡變形文字的制作過程是使用“鋼筆”等路徑繪制工具繪制出文字的變形效果,同時也是咖啡杯的圖形效果,然后將路徑轉(zhuǎn)換為選區(qū),再為選區(qū)填充上顏色,制作步驟如圖2-45所示。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-45 制作概覽

制作步驟

(1)啟動Photoshop,選擇菜單欄中的“文件”\“新建”命令,打開“新建”對話框,參照圖2-46所示設(shè)置對話框。設(shè)置完畢后,單擊“好”按鈕,創(chuàng)建一個新文檔。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-46 設(shè)置“新建”對話框

(2)單擊“圖層”調(diào)板底部的“創(chuàng)建新的圖層”按鈕,新建“圖層1”。設(shè)置前景色為褐色(R:177、G:128、B:69)。按下鍵,使用前景色填充“圖層1”,如圖2-47所示。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-47 填充顏色

(3)選擇菜單欄中的“濾鏡”\“雜色”\“添加雜色”命令,打開“添加雜色”對話框。參照圖2-48所示設(shè)置對話框,設(shè)置完畢后,單擊“好”按鈕關(guān)閉對話框。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-48 設(shè)置“添加雜色”對話框

(4)執(zhí)行“濾鏡”\“模糊”\“動感模糊”命令,打開“動感模糊”對話框。如圖2-49所示設(shè)置對話框,為圖像添加模糊效果。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-49 設(shè)置“動感模糊”對話框

(5)按下鍵,打開“色相/飽和度”對話框。參照圖2-50所示設(shè)置對話框,增強(qiáng)圖像的明度。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-50 設(shè)置“色相/飽和度”對話框

(6)新建“圖層2”,使用工具箱中的“鋼筆”工具,在視圖中繪制一個咖啡豆路徑圖形,如圖2-51所示。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-51 繪制路徑

(7)按下鍵,將路徑轉(zhuǎn)換為選區(qū)。然后使用黑色填充選區(qū)。在選區(qū)浮動狀態(tài)下,選擇菜單欄中的“編輯”\“定義畫筆預(yù)設(shè)”命令,打開“畫筆名稱”對話框。保持默認(rèn)設(shè)置,單擊“好”按鈕,關(guān)閉對話框。最后取消選區(qū)。

(8)在“圖層”調(diào)板中,將“圖層2”刪除。單擊調(diào)板底部的“創(chuàng)建新的填充或調(diào)整圖層”按鈕,在彈出的菜單中選擇“色相/飽和度”命令,打開“色相/飽和度”對話框。參照圖2-52所示設(shè)置對話框,設(shè)置完畢后,關(guān)閉對話框。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-52 設(shè)置“色相/飽和度”對話框

(9)接著使用黑色對該圖層的圖層蒙版進(jìn)行填充,使圖像的顏色回到原來狀態(tài)。然后設(shè)置前景色為白色,選擇工具箱中的“畫筆”工具,再選擇前面自定義的筆刷,在“畫筆”調(diào)板中設(shè)置筆刷的動態(tài)形狀,如圖2-53所示。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-53 設(shè)置“畫筆”調(diào)板

(10)在視圖中進(jìn)行繪制,在繪制的時候盡量隨意一些。讀者也可參照圖2-54所示進(jìn)行繪制。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-54 繪制底紋背景

(11)選擇工具箱中的“多邊形套索”工具,在視圖的底部繪制出如圖2-55所示選區(qū)。然后單擊“圖層”調(diào)板底部的“創(chuàng)建新的填充或調(diào)整圖層”按鈕,在彈出的菜單中選擇“色相/飽和度”命令,打開“色相/飽和度”對話框。參照圖2-56所示設(shè)置對話框。降低選區(qū)內(nèi)圖像的色調(diào)。

Photoshop設(shè)計教程:咖啡變形文字.com

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-55 繪制選區(qū) 圖2-56 設(shè)置“色相/飽和度”對話框

(12)新建“圖層2”,使用工具箱中的“橢圓選區(qū)”工具,在視圖中繪制橢圓選區(qū)。然后在視圖的任意位置右擊鼠標(biāo),在彈出的快捷菜單中選擇“變換選區(qū)”命令。這時選區(qū)的周圍出現(xiàn)變換框,將鼠標(biāo)移動到變換框的外側(cè),對選區(qū)進(jìn)行旋轉(zhuǎn)操作。調(diào)整完畢后,按下鍵,完成變換選區(qū)操作,如圖2-57所示。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-57 調(diào)整選區(qū)

(13)設(shè)置前景色為黃色(R:223、G:165、B:68),然后按下鍵,使用前景色填充選區(qū),接著按下鍵,取消選區(qū),如圖2-58所示。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-58 填充顏色

(14)配合使用工具箱中的“鋼筆”工具、“直接選擇”工具和“轉(zhuǎn)換點(diǎn)”工具,繪制出如圖2-59所示的由字母組成的冒著熱氣的咖啡路徑圖形。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-59 繪制路徑

(15)新建“圖層3”。設(shè)置前景色為咖啡色(R:80、G:33、B:5),按下鍵,將路徑轉(zhuǎn)換為選區(qū)。然后使用前景色填充選區(qū),并取消選區(qū)。如圖2-60所示。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-60 填充顏色

(16)使用工具箱中的“矩形選框”工具,在視圖中繪制多個矩形選區(qū),如圖2-61所示。然后單擊“圖層”調(diào)板底部的“創(chuàng)建新的填充或調(diào)整圖層”按鈕,在彈出的菜單中選擇“色相/飽和度”命令,打開“色相/飽和度”對話框。如圖2-62所示設(shè)置對話框,完成后關(guān)閉對話框。

Photoshop設(shè)計教程:咖啡變形文字.com

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-61 繪制選區(qū) 圖2-62 設(shè)置“色相/飽和度”對話框

(17)單擊“圖層”調(diào)板底部的“添加圖層樣式”按鈕,在彈出的菜單中選擇“斜面和浮雕”命令,打開“圖層樣式”對話框。參照圖2-63出示對話框進(jìn)行設(shè)置,為圖像添加立體效果。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-63 設(shè)置圖層樣式

(18)使用前面操作方法,在視圖底部繪制矩形選區(qū)。并使用“色相/飽和度”命令對選區(qū)內(nèi)的圖像進(jìn)行調(diào)整,如圖2-64所示。

圖2-64 設(shè)置“色相/飽和度”對話框

(19)最后在視圖中添加相關(guān)的文字信息,完成整個實(shí)例的制作,如圖2-65所示。如果讀者在制作過程中遇到什么問題,可打開本書附帶光盤\Chapter-02\“咖啡字.psd”文件進(jìn)行查看。

Photoshop設(shè)計教程:咖啡變形文字.com

圖2-65 實(shí)例完成效果

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!