close

先看一下最終效果:


Photoshop設計華麗的F變形文字特效


核心技能:

1、應用形狀工具繪製形狀。

2、通過設置圖層的屬性融合圖像。

3、通過添加“描邊”圖層樣式,製作圖像的描邊效果。

4、使用添加圖層蒙版的功能隱藏不需要的圖像。

5、應用再次變換並複製的操作製作規則的圖像。

6、通過添加“顏色疊加”圖層樣式,調整圖像的色彩。

7、應用顏色填充圖層的功能填充圖像的色彩。

8、應用畫筆工具繪製圖像。

9、使用鋼筆工具繪製路徑。

10、應用路徑,結合漸變填充圖層的功能製作圖像的漸變效果。

11、應用變換功能調整圖像的大小、角度及位置。


進入論壇參與學習和討論: http://www.missyuan.com/viewthread.php?tid=421737


 操作步驟:

1、按Ctrl+N鍵新建一個文件,設置彈出的對話框如圖3.1所示,單擊“確定”按鈕退出對話框,以創建一個新文件。


Photoshop設計華麗的F變形文字特效


圖3.1 “新建”對話框


2、下載素材文件包fhuakaiwenzi.rar(點擊下載),打開素材文件包中的“3.1-素材.TIF”,如圖3.2所示。使用移動工具將其拖至剛製作的文件中,將其與當前畫布吻合,同時得到圖層“底圖”。


Photoshop設計華麗的F變形文字特效


圖3.2 素材圖像 3、設置前景色為ea2b23,選擇鋼筆工具,在工具選項條上選擇形狀圖層按鈕,在畫面中繪製如圖3.3所示的文字形狀,得到“形狀1”。設置當前圖層的填充為0%。


Photoshop設計華麗的F變形文字特效


圖3.3 繪製形狀


4、單擊添加圖層樣式按鈕,在彈出的菜單中選擇“描邊”命令,設置如圖3.4所示,隱藏路徑后的效果如圖3.5所示。


Photoshop設計華麗的F變形文字特效


圖3.4 “描邊”設置


Photoshop設計華麗的F變形文字特效


圖3.5 添加圖層樣式后的效果





5、複製“形狀1”得到“形狀1副本”,刪除其圖層樣式,將填充更改為100%。配合方向鍵“→”、“↑”向右上方移動稍許,得到的效果如圖3.6所示。


Photoshop設計華麗的F變形文字特效


圖3.6 複製及移動位置


6、單擊添加圖層蒙版按鈕為“形狀1副本”添加蒙版,設置前景色為黑色,選擇畫筆工具,在其工具選項條中設置適當的畫筆大小及不透明度,在圖層蒙版中進行塗抹,以將兩端及右側部分圖像隱藏起來,直至得到如圖3.7所示的效果。此時蒙版中的狀態如圖3.8所示。


Photoshop設計華麗的F變形文字特效


圖3.7 添加圖層蒙版后的效果


Photoshop設計華麗的F變形文字特效


圖3.8 圖層蒙版中的狀態 7、在“形狀1”矢量蒙版激活的狀態下,切換至“路徑”面板,雙擊“形狀1矢量蒙版”,在彈出的對話框中將此路徑存儲為“路徑1”。切換回“圖層”面板。


8、按Ctrl+Alt+T鍵調出自由變換並複製控制框,配合方向鍵“→”(1次)、“↓”(2次)向右下方移動稍許,按Enter鍵確認操作。按Shift+Ctrl+Alt+T鍵多次執行再次變換並複製操作,得到如圖3.9所示的效果。


Photoshop設計華麗的F變形文字特效


圖3.9 執行再次變換並複製后的效果


9、選擇路徑選擇工具,將上一步得到的路徑,除最下方一條以外的路徑刪除,得到的效果如圖3.10所示。


Photoshop設計華麗的F變形文字特效


圖3.10 刪除路徑后的效果





10、選擇圖層“底圖”,單擊創建新的填充或調整圖層按鈕,在彈出的菜單中選擇“純色”命令,然後在彈出的“拾取實色”對話框中設置其顏色值為黑色,單擊“確定”按鈕退出對話框,得到“顏色填充1”,設置此圖層的填充為0%。


11、下面製作描邊效果。單擊添加圖層樣式按鈕,在彈出的菜單中選擇“描邊”命令,設置如圖3.11所示,隱藏路徑后的效果如圖3.12所示。


Photoshop設計華麗的F變形文字特效


圖3.11 “描邊”設置


Photoshop設計華麗的F變形文字特效


圖3.12 添加圖層樣式后的效果 12、設置前景色的顏色值為白色,選擇直線工具,在工具選項條上選擇形狀圖層按鈕,並設置“粗細”為2px,在各個對應的稜角之間繪製如圖3.13所示的直線,得到“形狀2”,“圖層”面板如圖3.14所示。


Photoshop設計華麗的F變形文字特效


圖3.13 繪製形狀


Photoshop設計華麗的F變形文字特效


圖3.14 “圖層”面板


13、選中“顏色填充1”~“形狀1副本”,按Ctrl+G鍵執行“圖層編組”操作,得到“組1”,並將其重命名為“輪廓”。


提示:為了方便圖層的管理,在此對製作立體文字輪廓的圖層進行編組操作,在下面的操作中,也對各部分進行了編組的操作,在步驟中不再敘述。


14、按照第3~13步的操作方法,結合形狀工具、添加圖層樣式、添加圖層蒙版、複製圖層、再次變換並複製、顏色填充,以及設置圖層屬性等功能,製作另外一組文字立體輪廓,如圖3.15所示。圖3.16為隱藏組“輪廓”后的圖像狀態。“圖層”面板如圖3.17所示。


Photoshop設計華麗的F變形文字特效


圖3.15 製作另外一組立體文字效果


Photoshop設計華麗的F變形文字特效


圖3.16 單獨顯示圖像狀態


Photoshop設計華麗的F變形文字特效


圖3.17 “圖層”面板





提示:為“顏色填充2”及“形狀3”所添加的圖層樣式,具體的參數設置請參考最終效果源文件,並設置了這兩個圖層的填充為0%,圖像的顏色均為白色。下面製作文字的高光效果。 15、選擇組“輪廓2”,新建“圖層1”,設置前景色為白色,選擇畫筆工具,並在其工具選項條中設置適當的畫筆大小及不透明度,在文字中的白色區域進行塗抹,以增強文字邊緣的高光效果,如圖3.18所示。圖3.19為單獨顯示塗抹的狀態。


Photoshop設計華麗的F變形文字特效


圖3.18 塗抹效果


Photoshop設計華麗的F變形文字特效


圖3.19 單獨顯示圖像狀態


提示:下面製作立體文字後面的裝飾圖像,以豐富畫面。 16、選擇圖層“底圖”,選擇鋼筆工具,在工具選項條上選擇路徑按鈕,在文字的右側繪製,如圖3.20所示的路徑。


Photoshop設計華麗的F變形文字特效


圖3.20 繪製路徑


17、單擊創建新的填充或調整圖層按鈕,在彈出的菜單中選擇“漸變”命令,設置彈出的對話框,如圖3.21所示。


Photoshop設計華麗的F變形文字特效


圖3.21_1 “漸變填充”對話框


Photoshop設計華麗的F變形文字特效


圖3.21_2 設置彈出的對話框


隱藏路徑后的效果,如圖3.22所示。


Photoshop設計華麗的F變形文字特效


圖3.22 應用“漸變填充”后的效果





同時得到“漸變填充1”。設置當前圖層的混合模式為“變暗”,以加深圖像效果,得到的效果如圖3.23所示。


Photoshop設計華麗的F變形文字特效


圖3.23 設置混合模式后的效果


提示:在“漸變填充”對話框中,漸變類型各色標值從左至右分別為fee13e、ee630f、e10c66和eb0d56。 18、複製“漸變填充1”得到“漸變填充1副本”,更改此圖層的混合模式為“正常”,按照第6步的操作方法,應用畫筆工具,配合添加圖層蒙版的功能為當前圖層添加蒙版,以隱藏部分圖像,直至得到類似圖3.24所示的效果。


Photoshop設計華麗的F變形文字特效


圖3.24 添加圖層蒙版后的效果


19、複製圖層“漸變填充1副本”得到“漸變填充1副本2”,選擇“編輯” “變換” “水平翻轉”命令,及“垂直翻轉”命令,並移向文件左側,按Enter鍵確認操作,得到的效果如圖3.25所示。


Photoshop設計華麗的F變形文字特效


圖3.25 複製及變換后的效果


設置當前圖層的混合模式為“濾色”,以提亮圖像,得到的效果,如圖3.26所示。


Photoshop設計華麗的F變形文字特效


圖3.26 設置混合模式后的效果


提示:下面繼續製作文字後面的裝飾效果,使圖像更加美觀。 20、根據前面所講的,結合畫筆工具、形狀工具、複製圖層、添加圖層蒙版、設置圖層混合模式,以及添加圖層樣式等功能,製作文字後面的裝飾圖像,完成製作,最終效果如圖3.27所示。


Photoshop設計華麗的F變形文字特效


圖3.27 最終效果





而圖3.28為單獨顯示本步的圖像狀態。


Photoshop設計華麗的F變形文字特效


圖3.28 單獨顯示圖像狀態


“圖層”面板如圖3.29和圖3.30所示。


Photoshop設計華麗的F變形文字特效


圖3.29 “圖層”面板


Photoshop設計華麗的F變形文字特效


圖3.30 “圖層”面板


提示:在本步中為“圖層2副本”添加的圖層樣式,以及為個別圖層設置的圖層混合模式,具體的設置請參考最終效果源文件。在操作過程中,對沒有給出圖像的顏色值,讀者可以根據自己的審美觀點進行顏色搭配。


得到最終效果圖


 Photoshop設計華麗的F變形文字特效


免責聲明:文字只提供個人使用-請勿做商業行為 本站只提供試用及介紹 不負其他商業責任
arrow
arrow
    全站熱搜

    xiando0001 發表在 痞客邦 留言(0) 人氣()