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

咖啡變形文字是將英文單詞coffee（咖啡）經(jīng)過(guò)變形后組織成一個(gè)咖啡杯的圖形，形成既是文字又是圖案的圖像效果。
來(lái)源：騰龍?jiān)O(shè)計(jì)

完成效果。

圖2-44 完成效果

技術(shù)提示

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

圖2-45 制作概覽

制作步驟

(1)啟動(dòng)Photoshop，選擇菜單欄中的文件\新建命令，打開(kāi)新建對(duì)話框，參照?qǐng)D2-46所示設(shè)置對(duì)話框。設(shè)置完畢后，單擊好按鈕，創(chuàng)建一個(gè)新文檔。

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

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

圖2-47 填充顏色

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

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

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

圖2-49 設(shè)置動(dòng)感模糊對(duì)話框

(5)按下鍵，打開(kāi)色相/飽和度對(duì)話框。參照?qǐng)D2-50所示設(shè)置對(duì)話框，增強(qiáng)圖像的明度。

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

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

圖2-51 繪制路徑

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

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

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

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

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

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

圖2-54 繪制底紋背景

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

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

(12)新建圖層2，使用工具箱中的橢圓選區(qū)工具，在視圖中繪制橢圓選區(qū)。然后在視圖的任意位置右擊鼠標(biāo)，在彈出的快捷菜單中選擇變換選區(qū)命令。這時(shí)選區(qū)的周?chē)�出現(xiàn)變換框，將鼠標(biāo)移動(dòng)到變換框的外側(cè)，對(duì)選區(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)使用工具箱中的矩形選框工具，在視圖中繪制多個(gè)矩形選區(qū)，如圖2-61所示。然后單擊圖層調(diào)板底部的創(chuàng)建新的填充或調(diào)整圖層按鈕，在彈出的菜單中選擇色相/飽和度命令，打開(kāi)色相/飽和度對(duì)話框。如圖2-62所示設(shè)置對(duì)話框，完成后關(guān)閉對(duì)話框。

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

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

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

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

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

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

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