[ 文字特效 ] Photoshop設計華麗的F變形文字特效- Photoshop教程 - 靈感很重要靈感很重要

教學主題: Photoshop設計華麗的F變形文字特效

大家好!! 小編今天來和大家分享關於 Photoshop教程中的文字特效教學

今天的這個教學主題是: Photoshop設計華麗的F變形文字特效

這教學的重點為這幾點 [ 文字,特效,變形,華麗,設計,效果,設置,圖像,填充,工具, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

本教程主要來設計一款由英文大寫字母F變形而引變出來的效果。本教程主要用到PS裡面的路徑工具，對這個工具不熟悉的朋友可以來學習一下。

先看一下最終效果：

貼心提醒: 你可能知道按Tab鍵可以隱藏工具箱和浮動面板，同樣按Shift+Tab鍵 可以只隱藏浮
動面板( 而保留工具條可見 )。

核心技能：
1、應用形狀工具繪製形狀。
2、通過設置圖層的屬性融合圖像。
3、通過添加“描邊”圖層樣式，製作圖像的描邊效果。
4、使用添加圖層蒙版的功能隱藏不需要的圖像。
5、應用再次變換並複製的操作製作規則的圖像。
6、通過添加“顏色疊加”圖層樣式，調整圖像的色彩。
7、應用顏色填充圖層的功能填充圖像的色彩。
8、應用畫筆工具繪製圖像。
9、使用鋼筆工具繪製路徑。
10、應用路徑，結合漸變填充圖層的功能製作圖像的漸變效果。
11、應用變換功能調整圖像的大小、角度及位置。

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

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

貼心提醒: 你可能知道按Tab鍵可以隱藏工具箱和浮動面板，同樣按Shift+Tab鍵 可以只隱藏浮
動面板( 而保留工具條可見 )。

圖3.1 “新建”對話框

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

貼心提醒: 按住Shift鍵點擊浮動面板的標題欄( 最上方的藍條 )可以使其吸附 到最近的屏幕
邊緣。

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

貼心提醒: 雙擊浮動面板的上的每一欄( 就是有標題的那個 )可以使其最小化。 通過浮動面板
上的最小化按鈕可以在緊湊模式( 只有最少的選項和內容可 視 )和正常模式( 顯示面
板上所有的選項和內容 )之間切換。

圖3.3 繪製形狀

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

貼心提醒: 可以通過按回車鍵( 或雙擊工具箱上的工具按鈕 )來打開當前工具的 選項面板。不
然的話只能通過菜單上的 Window／Show Options 命令來來 打開。

圖3.4 “描邊”設置

貼心提醒: 利用比例縮放區( 在Photoshop窗體或導航器面板的左下角 )來快速 選擇一個準確
的顯示比例，當輸入一個值後按Shift+Enter可以使光標仍 保持在比例縮放區。

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

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

貼心提醒: 在Photoshop中所有的對話框中的取消( Cancel )按鈕都可以通過按 住Alt鍵變為復
位( Reset )按鈕。這使你可以輕易回覆到初始值而毋須取 消重來。

圖3.6 複製及移動位置

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

貼心提醒: 按住Shift點擊顏色面板下的顏色條可以改變其所顯示的色譜類型。 或者，也可以
在顏色條上單擊鼠標右鍵，從彈出的顏色條選項菜單中選取 其它色彩模式。

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

貼心提醒: 要使用畫筆工具畫出直線，首先在圖片上點擊，然後移動鼠標到另一 點上按住
Shift再次點擊圖片，Photoshop就會使用當前的繪圖工具在兩點 間畫一條直線。

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

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

貼心提醒: 縮放工具的快捷鍵為「Z」，此外Ctrl＋空格鍵為放大工具，Alt＋空 格鍵為縮小
工具。

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

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

貼心提醒: 用吸管工具選取顏色的時候按住Alt鍵即可定義當前背景色。

圖3.10 刪除路徑后的效果

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

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

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

圖3.11 “描邊”設置

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

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

貼心提醒: 勾畫選區的時候按住空格鍵可以移動正在勾畫的選區。

圖3.13 繪製形狀

貼心提醒: 按Shift+「+」鍵( 向前 )和Shift+「－」鍵( 向後 )可在各種層的 合成模式上切
換。我們還可以按Alt+Shift+「某一字符」快速切換合成模式。

圖3.14 “圖層”面板

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

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

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

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

圖3.16 單獨顯示圖像狀態

圖3.17 “圖層”面板

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

圖3.18 塗抹效果

圖3.19 單獨顯示圖像狀態

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

圖3.20 繪製路徑

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

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

圖3.21_2 設置彈出的對話框

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

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

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

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

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

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

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

圖3.25 複製及變換后的效果

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

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

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

圖3.27 最終效果

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

圖3.28 單獨顯示圖像狀態

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

圖3.29 “圖層”面板

圖3.30 “圖層”面板

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

得到最終效果圖

看完小編分享的教學之後 是不是對文字特效中的Photoshop教程教學更熟悉了呢?

希望我們所介紹的 Photoshop設計華麗的F變形文字特效 這教學會喜歡

文章標題: 靈感很重要- Photoshop設計華麗的F變形文字特效–轉載請註明來源處

本教學分類為文字特效中的 Photoshop教程相關教學

文章相關關鍵字為: 文字,特效,變形,華麗,設計,效果,設置,圖像,填充,工具,

本文永久連結 :Photoshop設計華麗的F變形文字特效

本文轉載自 :VIA