當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop製作立體透視花紋字

Photoshop製作立體透視花紋字

本教程介紹超酷的立體字製作方法。製作方法之前有教程介紹過,不過作者添加了很多不錯的裝飾素材,效果製作的非常漂亮。過程也介紹的非常詳細,值得學習。

最終效果

Photoshop製作立體透視花紋字

1、按Ctrl+N鍵新建一個檔案,設定彈出的對話方塊如圖1所示,按確定以建立一個新的空白檔案。

Photoshop製作立體透視花紋字 第2張

2、選擇線性漸變工具,單擊漸變顯示框,設定彈出的“漸變編輯器”對話方塊如圖2所示,從畫布的左上角向右下角繪製漸變,得到如圖3所示效果。

Photoshop製作立體透視花紋字 第3張

Photoshop製作立體透視花紋字 第4張

3、設定前景色的顏色為白色,選擇橫排文字工具,並在其選項條上設定適當的字型和字號,在畫布中間輸入如圖4所示的文字,並得到相應的文字圖層“LUXURY”。

Photoshop製作立體透視花紋字 第5張

4、按Ctrl+T鍵調出自由變換控制框,按住Shift鍵等比例放大影象,直至得到如圖5所示的效果,按回車確認變換操作。

Photoshop製作立體透視花紋字 第6張

5、在文字圖層“LUXURY”的圖層名稱上右擊,在彈出的選單中選擇“柵格化文字”命令,將“LUXURY”轉換為普通圖層,按Ctrl+T鍵調出自由變換控制框,拖動控制框的4個控制代碼至如圖6所示的狀態以達到透視的效果,按回車確認變換操作。

Photoshop製作立體透視花紋字 第7張

6、按Ctrl鍵單擊“LUXURY”的圖層縮覽圖以載入其選區,選擇移動工具,在住Alt鍵,然後按向右方向鍵9次,得到如圖7所示效果,按Ctrl+J鍵執行“通過拷貝的圖層”命令,得到“圖層1”。

Photoshop製作立體透視花紋字 第8張

7、首先選擇“LUXURY”為當前操作狀態,單擊建立新的填充或調整圖層命令按鈕,在彈出的選單中選擇“漸變”命令,設定彈出的對話方塊如圖8所示,單擊確定按鈕退出對話方塊,同時得到圖層“漸變填充1”,按Ctrl+Alt+G鍵執行“建立剪貼蒙版”操作,得到如圖9所示效果。

Photoshop製作立體透視花紋字 第9張

Photoshop製作立體透視花紋字 第10張

8、選擇“漸變填充1”和“LUXURY”圖層,並按ctrl+Alt+Shift+E蓋印,得到“圖層1”,選擇“圖層1”為當前操作狀態,按Ctrl+Alt+G鍵執行“建立剪貼蒙版”操作,單價新增圖層樣式命令按鈕,在彈出的選單中選擇“投影”命令,設定彈出的對話方塊如圖10所示,然後在“圖層樣式”對話方塊中繼續選擇“漸變疊加”選項,設定其對話方塊如圖11所示,得到如圖12所示的效果。

Photoshop製作立體透視花紋字 第11張

Photoshop製作立體透視花紋字 第12張

Photoshop製作立體透視花紋字 第13張

8、選擇“圖層1”為當前操作狀態,按住Ctrl鍵分別單擊“漸變填充1”和“LUXURY”的名稱,以將這些圖層選中,在被選中的任意一個的圖層名稱上右擊,在彈出的選單中選擇“轉換成為智慧物件”命令,將得到的智慧物件命名為“圖層1”

10、這時候可以看到,生成為智慧物件後圖像變成如圖14所示的狀態,雙擊智慧物件“圖層1”的縮覽圖以調出連結檔案,看到“圖層”調板的狀態如圖15所示,重新將“漸變填充1”和“圖層1”建立剪貼蒙版到“LUXURY”上,“圖層”調板的狀態如圖16所示,儲存並關閉連結檔案,原始檔又恢復原來的效果,如圖17所示。

Photoshop製作立體透視花紋字 第14張

Photoshop製作立體透視花紋字 第15張

Photoshop製作立體透視花紋字 第16張

Photoshop製作立體透視花紋字 第17張

11、單擊新增圖層蒙版按鈕,為“圖層1”新增蒙版,按D鍵將前景色和背景色的顏色恢復為預設的黑色和被色,選擇線性漸變工具,並設定漸變的型別為從前景色到背景色,從畫布的右側向中間繪製漸變,得到如圖18所示的效果,圖層蒙版的狀態如圖19所示。

Photoshop製作立體透視花紋字 第18張

Photoshop製作立體透視花紋字 第19張

12、複製兩次“圖層1”,分別得到“圖層1副本”和“圖層1副本2”,得到如圖20所示效果。

Photoshop製作立體透視花紋字 第20張

13、複製“圖層1副本2”得到“圖層1副本3”,選擇其圖層蒙版為當前操作狀態,但Ctrl+I鍵執行“反相”操作,得到如圖21所示效果。

Photoshop製作立體透視花紋字 第21張

14、選擇“濾鏡” “模糊” “高斯模糊”命令,在彈出對話方塊設定其“半徑”數值為3,得到如圖22所示效果,此時“圖層1副本3”在圖層調板中的狀態如圖23所示,雙擊“智慧濾鏡”下的濾鏡名稱可以重新編輯濾鏡,並可以編輯智慧濾鏡的蒙版。

Photoshop製作立體透視花紋字 第22張

Photoshop製作立體透視花紋字 第23張

15、為了使模糊後的影象的透明度在加強一些,複製“圖層1副本3”,得到“圖層1副本4”,得到如圖24所示效果。

Photoshop製作立體透視花紋字 第24張

16、按Ctrl+Alt+A鍵選中除了“背景”圖層以外的所有圖層,按Ctrl+Alt+Shift+E鍵執行“蓋印”操作,將得到的圖層命名為“圖層2”,複製“圖層2”得到“圖層2副本”。

17、按Ctrl+T鍵調出自由變換控制框,在變換控制框中右擊,在彈出的快捷選單中選擇“垂直翻轉”命令,並移至文字的下方如圖26所示的位置,在按住Ctrl+Shift向上拖動控制框右側的節點至如圖27所示的位置,按回車確認變換操作。

Photoshop製作立體透視花紋字 第25張

Photoshop製作立體透視花紋字 第26張

18、設定“圖層2副本”的不透明度為45%,得到如圖28所示的效果,單價新增圖層蒙版命令按鈕為“圖層2副本”新增蒙版,按D鍵恢復前景色和背景色的顏色為預設,選擇漸變工具,從影象的右下角向右上輕微拖動漸變,得到如圖29所示效果。

Photoshop製作立體透視花紋字 第27張

Photoshop製作立體透視花紋字 第28張

19、下面在來製作文字的陰影。選擇“圖層2”,將其拖至“背景”圖層的上方,設定前景色的顏色值為#1a4566,單擊鎖定透明畫素命令按鈕以鎖定“圖層2”的透明畫素,按Alt+Delete鍵用前景色填充文字。

20.按Ctrl+T調出自由變換控制框,逆時針旋轉5度並通過拖動控制框的節點拖動影象至如圖30所示狀態,按回車確認變換操作。

Photoshop製作立體透視花紋字 第29張

21、設定“圖層2”的“不透明度”為55%,混合模式為“線性光”,得到如圖31所示的效果。

Photoshop製作立體透視花紋字 第30張

22、單擊新增圖層蒙版命令按鈕為“圖層2”新增蒙版,按D鍵恢復前景色和背景色的顏色值為黑色和白色,選擇線性漸變工具,從影象的左上角向右下輕微地拖動漸變,得到如圖32所示的效果,圖層蒙版的狀態如圖33所示。

Photoshop製作立體透視花紋字 第31張

Photoshop製作立體透視花紋字 第32張

下部分製作文字的裝飾

1、新建一個圖層得到“圖層3”,設定前景色的顏色為白色,選擇畫筆工具,在畫布中右擊,在彈出的選單中選擇載入畫筆,把“畫筆素材1”載入,然後塗抹,設定“圖層3”的混合模式為“疊加”,“不透明度”為20%,得到如圖35所示效果。

Photoshop製作立體透視花紋字 第33張

2、下面將通過使用素材畫筆來製作一組氣泡效果。新建一個圖層得到“圖層4”,將其拖至所有圖層的上方,設定前景色的顏色為白色,選擇畫筆工具,在畫布中右擊,在彈出的選單中選擇載入畫筆,將“畫筆素材2”載入,按照如圖36所示效果塗抹。

Photoshop製作立體透視花紋字 第34張

3、設定“圖層4”的混合模式為“疊加”,“不透明度”為80%,得到如圖37所示效果。

Photoshop製作立體透視花紋字 第35張

4、單擊新增圖層蒙版命令按鈕為“圖層4”新增蒙版,設定前景色為黑色,用第2步載入的畫筆在圖層蒙版中進行塗抹,以製作朦朧的效果,直至得到如圖38所示效果,圖層蒙版如圖39所示。

Photoshop製作立體透視花紋字 第36張

Photoshop製作立體透視花紋字 第37張

5、選擇鋼筆工具,並在其工具選項條上單擊路徑命令按鈕,在字母“L”上繪製如圖40所示的路徑。

Photoshop製作立體透視花紋字 第38張

6、新建一個圖層得到“圖層5”,設定前景色為白色,選擇畫筆工具,並設定畫筆大小為5PX,“硬度”為100,切換至“路徑”調板,單擊用畫筆描邊路徑按鈕,然後單擊“路徑”調板中的空白區域以隱藏路徑,得到如圖41所示效果。

Photoshop製作立體透視花紋字 第39張

7、單擊新增圖層蒙版命令按鈕為“圖層5”新增圖層蒙版,設定前景色為黑色,選擇畫筆工具並設定其引數,在圖層蒙版中進行塗抹,以塗抹出纏繞的效果,直到如圖42所示效果,圖層蒙版的狀態如圖43所示。

Photoshop製作立體透視花紋字 第40張

Photoshop製作立體透視花紋字 第41張

8、開啟素材3如圖44所示。使用移動工具將其移至上部分第一步所建的檔案當中,得到“形狀1”,按Ctrl+T鍵調出自由變換控制框,按Shift成比例縮小圖像並將其移至花莖上,如圖45所示。

Photoshop製作立體透視花紋字 第42張

Photoshop製作立體透視花紋字 第43張

9、更改“形狀1”的顏色為白色得到如圖46所示效果,用路徑選擇工具選中“形狀1”,按Ctrl+Alt+T鍵調出自由變並複製控制框,順時針旋轉45度並向右下移至47所示位置。

Photoshop製作立體透視花紋字 第44張

Photoshop製作立體透視花紋字 第45張

10、重複上一步操作方法,連續複製並變換花葉至如圖48所示。

Photoshop製作立體透視花紋字 第46張

11、重複本部分第5~10步的操作方法,再字母“U”的上面繪製一組如圖49所示效果,並得到“圖層6”和形狀圖層“形狀2”

Photoshop製作立體透視花紋字 第47張

12、重複上部分第9和第14步的操作方法,將“圖層6”和“形狀2”轉換成智慧物件,應用“高斯模糊”,設定模糊“半徑”為2PX,得到如圖50所示效果。

Photoshop製作立體透視花紋字 第48張

13、重複本部分第5~10步和第12步的操作方法,繪製花莖、花葉再轉換成智慧物件,最後進行模糊,模糊“半徑”為3PX,得到如圖51所示效果。並得到智慧物件圖層“圖層7”。

Photoshop製作立體透視花紋字 第49張

14、新建一個圖層得到“圖層8”,設定前景色的顏色為白色,選擇畫筆工具,按F5鍵調出“畫筆”調板,單擊調板右上角的小三角,在彈出的選單中選擇“載入畫筆”命令,載入“畫筆素材4”,設定適當的畫筆大小及“不透明度”,在文字的上面按照如圖52所示的方法繪製閃光效果。

Photoshop製作立體透視花紋字 第50張

15、最後在製作一個白色的邊框以增加裝飾效果,最終效果如圖53所示。

Photoshop製作立體透視花紋字 第51張


感謝作者不詳製作教程。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/gzgnj.html