當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop製作漂亮的透視玻璃立體字

Photoshop製作漂亮的透視玻璃立體字

玻璃立體字跟立體字製作方法不同,構成的面要多很多,而且各個面的透明度較低,要能把玻璃的透明感渲染出來。製作的時候需要認真觀察,把各個面找出來,然後設定光源,再慢慢渲染高光即可。

最終效果

Photoshop製作漂亮的透視玻璃立體字

1、製作之前先來分解一下,構成的面比較多,共有裡外兩層,如下圖。

Photoshop製作漂亮的透視玻璃立體字 第2張

<圖1>

2、新建一個800*600畫素的檔案,選擇漸變工具,顏色設定如圖2,由中心向邊角拉出圖3所示的徑向漸變作為背景。

Photoshop製作漂亮的透視玻璃立體字 第3張

<圖2>

Photoshop製作漂亮的透視玻璃立體字 第4張

<圖3>

3、新建一個組,在組裡新建一個圖層,打上想要的文字,文字顏色用紅色,柵格化圖層後按Ctrl+T簡單變形,把文字透視做出來,然後把圖層不透明度改為:50%,便於參照,如下圖。

Photoshop製作漂亮的透視玻璃立體字 第5張

<圖4>

4、在文字圖層下面新建一個圖層,用鋼筆勾出文字的立體面,轉為選區後填充黑色,如下圖。

Photoshop製作漂亮的透視玻璃立體字 第6張

<圖5>

5、新建一個圖層,用鋼筆勾出文字底部的面,轉為選區如圖6,選擇漸變工具,顏色設定如圖7,然後由上至下拉出白色至灰色線性漸變。

Photoshop製作漂亮的透視玻璃立體字 第7張

<圖6>

Photoshop製作漂亮的透視玻璃立體字 第8張

<圖7>

6、把黑色立體面圖層隱藏。新建一個圖層,用鋼筆勾出左側內側面選區,填充黑色不透明度改為:30%,如下圖。

Photoshop製作漂亮的透視玻璃立體字 第9張

<圖8>

7、新建一個圖層,按Ctrl+Alt+G建立剪貼蒙版,用鋼筆勾出下圖所示的選區,羽化8個畫素後填充白色。

Photoshop製作漂亮的透視玻璃立體字 第10張

<圖9>

8、新建一個圖層,用鋼筆勾出外側面的選區,填充白色。圖層不透明度改為:60%,如下圖。

Photoshop製作漂亮的透視玻璃立體字 第11張

<圖10>

9、新建一個圖層,按Ctrl+Alt+G建立剪貼蒙版,用鋼筆勾出下圖所示的選區,羽化15個畫素後填充黑色,不透明度改為:20%,如下圖。

Photoshop製作漂亮的透視玻璃立體字 第12張

<圖11>

10、新建一個圖層,用鋼筆勾出正面選區,填充黑色,不透明度改為:30%。新建一個剪貼蒙版圖層,用鋼筆勾出頂部高光選區,羽化6個畫素後填充白色。

Photoshop製作漂亮的透視玻璃立體字 第13張

<圖12>

Photoshop製作漂亮的透視玻璃立體字 第14張

<圖13>

11、新建一個圖層,用鋼筆勾出右側外表面選區,填充黑色,不透明度改為:15%,如下圖。

Photoshop製作漂亮的透視玻璃立體字 第15張

<圖14>

12、新建一個剪貼蒙版圖層,用鋼筆勾出高光部分的選區,羽化8個畫素後填充白色。

Photoshop製作漂亮的透視玻璃立體字 第16張

<圖15>

13、新建一個圖層,適當給外表面的底部加上一點暗部,如下圖。

Photoshop製作漂亮的透視玻璃立體字 第17張

<圖16>

14、新建一個圖層,同上的方法制作裡面的面,過程如圖17,18。

Photoshop製作漂亮的透視玻璃立體字 第18張

<圖17>

Photoshop製作漂亮的透視玻璃立體字 第19張

<圖18>

15、回到最上面的文字圖層,調出文字選區,新建一個圖層填充白色,刪除下半部分,取消選區後新增圖層蒙版,用黑色畫筆把頂部過渡擦出來,如下圖。到這一步各個面基本完成,後面還需要增加邊線。

Photoshop製作漂亮的透視玻璃立體字 第20張

<圖19>

16、在圖層的最上面新建一個圖層,用鋼筆勾出左邊頂部的邊線,填充白色。

Photoshop製作漂亮的透視玻璃立體字 第21張

<圖20>

17、新建圖層,其它邊線的製作方法相同,如圖21,22。

Photoshop製作漂亮的透視玻璃立體字 第22張

<圖21>

Photoshop製作漂亮的透視玻璃立體字 第23張

<圖22>

18、加上投影,效果如下圖。

Photoshop製作漂亮的透視玻璃立體字 第24張

<圖23>

19、建立曲線調整圖層,把整體稍微壓暗一點,如下圖。

Photoshop製作漂亮的透視玻璃立體字 第25張

<圖24>

Photoshop製作漂亮的透視玻璃立體字 第26張

<圖25>

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

Photoshop製作漂亮的透視玻璃立體字 第27張


感謝作者Sener製作及投稿。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/2d9rk.html