當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop製作格子紋理立體字

Photoshop製作格子紋理立體字

本教程需要CS4版本支援。現在CS4版本自帶的3D工具效果非常強大,可以製作出非常逼真的立體圖形。下面的教程介紹的是立體字的製作方法,教程可能翻譯的不是很詳細,細節及一些引數的設定還需要自己去摸索。

最終效果

Photoshop製作格子紋理立體字

1、首先我們選擇一種點陣圖格式的字型,然後輸入文字,設定顏色,這裡我填充的背景色是#3a3a3a,前景色設定為黑色,輸入下面文字,調整字元面板中字型大小到120pt,效果如下。

Photoshop製作格子紋理立體字 第2張

2、建立一個新圖層Mosaic,設定前景色為70%灰色,背景色為85%灰色,然後執行雲彩濾鏡,之後執行馬賽克濾鏡,設定大小為50,效果如下。

Photoshop製作格子紋理立體字 第3張

3、選擇Background圖層,然後按CTRL+J複製圖層,按Alt鍵單擊PSD和Mosaic圖層,遮住Mosaic圖層。

Photoshop製作格子紋理立體字 第4張

4、選擇Background圖層,然後執行“3D>NewMeshFromGrayscale>Two-sidedPlane”

Photoshop製作格子紋理立體字 第5張

5、下面我們建立3D效果。主要使用3D工具來實現,由於我的機器沒有安裝AdobePhotoshopCS4Extended,沒法給大家詳細翻譯了!以下內容儘量看圖吧!我簡單翻譯下!

Photoshop製作格子紋理立體字 第6張

6、在Photoshop中渲染達到塊狀效果。

Photoshop製作格子紋理立體字 第7張

7、開啟3D視窗和雙擊3D圖層,設定角度

Photoshop製作格子紋理立體字 第8張

8、設定圖層不透明度。

Photoshop製作格子紋理立體字 第9張

9、3D渲染設定。

Photoshop製作格子紋理立體字 第10張

10、調整顏色。

Photoshop製作格子紋理立體字 第11張

11、設定光線。

Photoshop製作格子紋理立體字 第12張

12、新建立一個cam3Dview。

Photoshop製作格子紋理立體字 第13張

13、繪製光線。

Photoshop製作格子紋理立體字 第14張

14、設定3D立體效果。

Photoshop製作格子紋理立體字 第15張

Photoshop製作格子紋理立體字 第16張

Photoshop製作格子紋理立體字 第17張

15-22、立體字表面質感及投影的設定,過程如下圖。

Photoshop製作格子紋理立體字 第18張

Photoshop製作格子紋理立體字 第19張

Photoshop製作格子紋理立體字 第20張

Photoshop製作格子紋理立體字 第21張

Photoshop製作格子紋理立體字 第22張

Photoshop製作格子紋理立體字 第23張

Photoshop製作格子紋理立體字 第24張

Photoshop製作格子紋理立體字 第25張

23、細節處理。

Photoshop製作格子紋理立體字 第26張

24、大致效果圖。

Photoshop製作格子紋理立體字 第27張

25、設定圖層樣式,選擇漸變疊加。

Photoshop製作格子紋理立體字 第28張

26、加入紋理素材,放到投影圖層的下面,按住Alt鍵再圖層面板把圖層往下拖與下一圖層編組。

Photoshop製作格子紋理立體字 第29張

27、最後加上一些濾鏡效果,完工。

Photoshop製作格子紋理立體字 第30張

最終效果。

Photoshop製作格子紋理立體字 第31張


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