Photoshop制作咖啡杯變形LOGO設(shè)計

咖啡變形文字是將英文單詞coffee（咖啡）經(jīng)過變形后組織成一個咖啡杯的圖形，形成既是文字又是圖案的圖像效果。
來源：騰龍設(shè)計

完成效果。

圖2-44 完成效果

技術(shù)提示

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

圖2-45 制作概覽

制作步驟

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

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

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

圖2-47 填充顏色

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

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

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

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

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

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

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

圖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)閉對話框。

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

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

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

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

圖2-54 繪制底紋背景

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

圖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所示。

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

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

圖2-58 填充顏色

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

圖2-59 繪制路徑

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

圖2-60 填充顏色

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

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

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

圖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)行查看。

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