當前位置:米奇創意網>設計創意>設計教程>

Photoshop製作多層次的彩色水晶立體字

設計教程 閲讀(6.88K)

本教程介紹非常經典的多層次的立體字製作方法。大致過程:先打好文字,適當設置好透視效果,拉上漸變色。按照一定的規律複製,做出立體效果。然後再用同樣的方法制作其它彩色的圖層。為了突出文字的不透明效果,很多圖層需要更改混合模式,最後加上表面的反光即可。

最終效果

Photoshop製作多層次的彩色水晶立體字

1、創建一個新文件。900px×900px分辨率為300像素/英寸,顏色為RGB,文件命名為”A”。

Photoshop製作多層次的彩色水晶立體字 第2張

2、用灰色填充背景,找一個你喜歡的字體,輸入字母“A”設置成合適大小,把字體層命名為“TEXT”。

Photoshop製作多層次的彩色水晶立體字 第3張

3、去圖像–複製,改名字為”W”,點擊確定,就會出現一個副本,把副本里的“A”字改為“W”。(這裏能明白嗎?)“E”也是這麼出來的。看看下圖:

Photoshop製作多層次的彩色水晶立體字 第4張

4、回到我們第一個做出來的””文件,現在我們開始進行動作設置:打開窗口–動作(或者直接按ALT+F9)新建組,命名為“GlassyText”然後點擊“創建新動作”按鈕,命名為“Glassy”,回到圖層,複製Text層,改名字為“shadow”(陰影)並隱藏這層。看下圖:

Photoshop製作多層次的彩色水晶立體字 第5張

Photoshop製作多層次的彩色水晶立體字 第6張

5、回Text層,按Ctrl+T角度改為30確定以後再次按Ctrl+T把垂直H改為60%,仔細看下圖:

Photoshop製作多層次的彩色水晶立體字 第7張

Photoshop製作多層次的彩色水晶立體字 第8張

6、應用漸變疊加圖層樣式,混合模式正常,漸變從黑到白,樣式線性,角度:90,縮放:130%看下圖數值:

Photoshop製作多層次的彩色水晶立體字 第9張

7、複製Text層,然後創建一個新層在最上方,命名為“Extrude”,把複製後的Text層跟“Extrude”層合併,再複製一遍命名為“Bottom”仔細研究下圖:

Photoshop製作多層次的彩色水晶立體字 第10張

8、Ctrl+鼠標點擊“Extrude”層,載入字體選區,接着按住Alt點擊向下的箭頭75次,仔細看下圖:

Photoshop製作多層次的彩色水晶立體字 第11張

9、複製”Bottom”層並命名為“Top”設置混合模式為正片疊底。同樣向下移動75次(嘗試着按住Shift鍵看下移動效果呵呵是不是變快啦),然後改變”Top”層不透明度為90%,”Bottom”層不透明度為75%。

Photoshop製作多層次的彩色水晶立體字 第12張

10、選擇“Top”,“Extrude”,”Bottom”這三個層合併他們(快捷方式Ctrl+E)把合併後的圖層命名為“A1”。應用漸變疊加圖層樣式:混合模式:疊加,不透明度:30%,角度:-180,縮放:150%。

Photoshop製作多層次的彩色水晶立體字 第13張

11、複製“A1”層命名為“A2”用移動工具向上移動35像素,更改漸變疊加圖層樣式和混合模式,數值如下圖,在這裏我就不寫了:

Photoshop製作多層次的彩色水晶立體字 第14張

12、複製“A2”層命名為“A3”移動15個像素就ok啦同樣進行漸變疊加圖層樣式和混合模式的更改,如下圖(注意:圖層的不透明度也是要更改的):

Photoshop製作多層次的彩色水晶立體字 第15張

13、拖動Txet層到所有層的最上方,點擊“效果”旁邊的小眼睛,使其效果不可見,混合模式:濾色。

Photoshop製作多層次的彩色水晶立體字 第16張

14、在最頂端新建一個層命名為“Reflection”如下圖拉出漸變,然後Ctrl+M調整曲線(其實這裏大家可以按照自己的意願來設置結果,不用非的按照教程死搬硬套)。

Photoshop製作多層次的彩色水晶立體字 第17張

15、按住Alt,用鼠標點擊“Reflection”和Text層中間的地方,看下圖,然後更改不透明度為70%。

Photoshop製作多層次的彩色水晶立體字 第18張

16、Ctrl敲擊文字層載入選區,在最頂端創建一個新層命名為“NearShadow”。敲擊鍵盤上的“D”鍵(這步一定要做!),使前景色變成黑色。填充黑色,取消選擇,往下移動這層到“shadow”層之上。應用高斯模糊,半徑5px。

Photoshop製作多層次的彩色水晶立體字 第19張

Photoshop製作多層次的彩色水晶立體字 第20張

Photoshop製作多層次的彩色水晶立體字 第21張

17、返回“shadow”層使其可見,把文字改成黑色。更改圖層樣式描邊:數值如下。在“shadow”下新建一層,將“shadow”層跟新建的層合併,執行高斯模糊,半徑為12。

Photoshop製作多層次的彩色水晶立體字 第22張

Photoshop製作多層次的彩色水晶立體字 第23張

18、Ctrl+T設置角度值30和H值60,記住要分兩次完成:

Photoshop製作多層次的彩色水晶立體字 第24張

19、對”Shadow”設置圖層樣式為漸變疊加,數值如下。最後設置圖層不透明度為50%:

Photoshop製作多層次的彩色水晶立體字 第25張

20、增加輝光:複製“A1”,“A2”,”A3″,“Text”,”Reflection”這幾個層,然後合併,命名新層為“Glow”。按住Alt鍵點擊”Reflection”和“Glow”層中間的位置:

Photoshop製作多層次的彩色水晶立體字 第26張

21、到濾鏡–模糊–高斯模糊,半徑為20,點擊Ctrl+F兩次,Ctrl+點擊”A3″圖層載入選區,然後再按住Shift鍵把“A1”“A2”的選區也加上,點擊Backspace鍵清除並取消選區(仔細看圖比文字有用):

Photoshop製作多層次的彩色水晶立體字 第27張

Photoshop製作多層次的彩色水晶立體字 第28張

22、選擇除背景之外的所有圖層,去圖層–新建–從圖層建立組,命名組的名稱為“FINAL”。這樣我們就完成了第一個字母,去動作面板按下停止按鈕。

Photoshop製作多層次的彩色水晶立體字 第29張

23、創建一個新文檔,寬度2000高度1400填充75%的灰色背景。命名為”Final”。

Photoshop製作多層次的彩色水晶立體字 第30張

24、在“A”文檔裏選擇”Final”組,去圖層複製組按照下面設置(Document這塊如果大家開始沒改名稱的話就會出現而不是final,不用管它)點擊OK。

Photoshop製作多層次的彩色水晶立體字 第31張

25、在”W”和”E”文檔裏執行動作就ok了動作這方面不再累述,網上有大量相關實例資料,也可以點擊這裏查閲動作概念。

Photoshop製作多層次的彩色水晶立體字 第32張

26、怎麼給文字添加輝光大家都有各自的方法,屬於基礎的東西,很簡單不再累述。最後成品就是這樣咯:

Photoshop製作多層次的彩色水晶立體字 第33張


感謝作者Angel.z 創作投稿。