網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

Photoshop製作格子紋理立體字

欄目: 設計教程 / 發佈於: / 人氣:2.61W

本教程需要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張


感謝作者不詳分享教程。