當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop製作大氣的紫色51立體字

Photoshop製作大氣的紫色51立體字

立體字製作難點有兩個。首先是透視部分的設定,這一步比較關鍵,最好找一些素描方面的資料瞭解透視原理,這樣做出的透視就非常真實。第二個難點就是光源的設定,然後根據光源去渲染高光和暗部。掌握了這兩個知識點,製作任何立體字都會很容易上手。

最終效果

Photoshop製作大氣的紫色51立體字

1、新建一個1000*600畫素的文件,選擇漸變工具,顏色設定如圖1,然後由中心向邊角拉出圖2所示的徑向漸變。

Photoshop製作大氣的紫色51立體字 第2張

<圖1>

Photoshop製作大氣的紫色51立體字 第3張

<圖2>

2、開啟文字素材,拖進來。也可以自己設定文字並拉好透視。

先來製作“5”字。用套索工具把“5”選取出來並複製到新的圖層。鎖定圖層透明度畫素,選擇漸變工具,顏色設定如圖4,由底部向上拉出圖5所示的徑向漸變。

Photoshop製作大氣的紫色51立體字 第4張

<圖4>

Photoshop製作大氣的紫色51立體字 第5張

<圖5>

3、雙擊圖層面板文字縮圖調出圖層樣式,設定斜面與浮雕,引數設定如圖6,效果如圖7。

Photoshop製作大氣的紫色51立體字 第6張

<圖6>

Photoshop製作大氣的紫色51立體字 第7張

<圖7>

4、調出文字選區,向下移兩個畫素,按Ctrl+Shift+I反選,羽化1個畫素後按Ctrl+J把選區部分的色塊複製到新的圖層,混合模式改為“濾色”,新增圖層蒙版,用黑色畫筆把不需要變亮的部分擦出來,效果如圖9。

Photoshop製作大氣的紫色51立體字 第8張

<圖8>

Photoshop製作大氣的紫色51立體字 第9張

<圖9>

5、再來製作文字的立體面,需要完成的效果如下圖。

Photoshop製作大氣的紫色51立體字 第10張

<圖10>

6、在文字圖層的下面新建一個組,然後在組裡新建圖層。由底部開始往上製作立體面。

用鋼筆勾出下圖所示的選區,拉上圖12所示的線性漸變。

Photoshop製作大氣的紫色51立體字 第11張

<圖11>

Photoshop製作大氣的紫色51立體字 第12張

<圖12>

7、新建一個圖層,按Ctrl+G建立剪貼蒙版。然後在當前圖層下面新建一個圖層,用鋼筆勾出下圖所示的選區,羽化8個畫素後填充淡紫色:#FFDAEB。

Photoshop製作大氣的紫色51立體字 第13張

<圖13>

8、新建一個圖層,用鋼筆勾出頂部暗部選區,羽化8個畫素後填充稍暗的紫色。

Photoshop製作大氣的紫色51立體字 第14張

<圖14>

9、在當前組的圖層最上面新建一個圖層,用鋼筆勾出圖15所示的選區,並拉上圖16所示的線性漸變,注意好漸變方向。

Photoshop製作大氣的紫色51立體字 第15張

<圖15>

Photoshop製作大氣的紫色51立體字 第16張

<圖16>

10、新建一個圖層,建立剪貼蒙版,用鋼筆勾出下圖所示的選區,羽化6個畫素後填充淡紫色。

Photoshop製作大氣的紫色51立體字 第17張

<圖17>

11、在當前組圖層的最上面新建一個圖層,用鋼筆勾出下圖所示的選區填充暗紫色。

Photoshop製作大氣的紫色51立體字 第18張

<圖18>

12、同上的方法渲染一下暗部和高光,效果如下圖。

Photoshop製作大氣的紫色51立體字 第19張

<圖19>

13、在當前組圖層的最上面新建一個圖層,用鋼筆勾出頂部的立體面選區,同上的方法渲染高光和暗部,過程如圖20-22。

Photoshop製作大氣的紫色51立體字 第20張

<圖20>

Photoshop製作大氣的紫色51立體字 第21張

<圖21>

Photoshop製作大氣的紫色51立體字 第22張

<圖22>

14、左側面的立體面製作方法同上,過程如圖23,24。

Photoshop製作大氣的紫色51立體字 第23張

<圖23>

Photoshop製作大氣的紫色51立體字 第24張

<圖24>

15、最後一個立體面製作方法同上,效果如下圖。

Photoshop製作大氣的紫色51立體字 第25張

<圖25>

16、“1”字製作方法相同,如圖26,27。

Photoshop製作大氣的紫色51立體字 第26張

<圖26>

Photoshop製作大氣的紫色51立體字 第27張

<圖27>

17、在背景圖層上面新建一個圖層,簡單給文字新增一些投影,效果如下圖。

Photoshop製作大氣的紫色51立體字 第28張

<圖28>

18、在圖層的最上面建立可選顏色調整圖層,對白色進行調整,引數設定如圖29,效果如圖30。

Photoshop製作大氣的紫色51立體字 第29張

<圖29>

Photoshop製作大氣的紫色51立體字 第30張

<圖30>

最後微調一下細節,完成最終效果。

Photoshop製作大氣的紫色51立體字 第31張


感謝作者Sener製作、釋出教程。
標籤: Photoshop 創意SOHO
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/y9qw2.html