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

Photoshop製作非常有層次的牆壁雕刻字

設計教程 閲讀(3.04W)

效果圖看似比較複雜,掌握了方法就非常簡單了。教程重點是圖層樣式及形狀的應用,只需要把文字轉為形狀再跟其它形狀結合起來,然後用圖層樣式增加浮雕及投影,效果就出來了。

最終效果

Photoshop製作非常有層次的牆壁雕刻字

1、首先我粘貼進一張牆壁的素材。

Photoshop製作非常有層次的牆壁雕刻字 第2張

Photoshop製作非常有層次的牆壁雕刻字 第3張

2、Ctrl+J,複製一層。

Photoshop製作非常有層次的牆壁雕刻字 第4張

3、濾鏡-其他-高反差保留。

Photoshop製作非常有層次的牆壁雕刻字 第5張

4、把混合模式改為“疊加”,強化背景的“坑坑窪窪”效果。

Photoshop製作非常有層次的牆壁雕刻字 第6張

5、添加一個顏色填充層,顏色代碼見圖,把透明度稍微減低一點,混合模式改為“變暗”,這裏我順便説一下我為什麼不新建一層直接填充顏色的原因,通過圖層下面的“創建新的填充或調整圖層”來創建的顏色層,這樣創建的顏色層或者漸變層具有“智能對象”的特徵,修改起來非常的方便。

Photoshop製作非常有層次的牆壁雕刻字 第7張

6、繼續創建一個黑白徑向漸變層,混合模式改為“疊加”,之所以我的透明度改為70%是因為我覺得深色的地方太暗了。

Photoshop製作非常有層次的牆壁雕刻字 第8張

7、至此,背景算是完成了。添加一個矩形形狀,顏色無所謂,最終我不會使用到顏色。ctrl+j複製一層。

Photoshop製作非常有層次的牆壁雕刻字 第9張

8、ctrl+t自由變換編輯這個複製的矩形,開啟參考點定位,往右邊移動100像素

Photoshop製作非常有層次的牆壁雕刻字 第10張

9、按ESC取消矩形形狀的路徑顯示,shift+ctrl+alt+t複製形狀,每複製完一次就esc取消路徑顯示繼續複製,你需要安排多少個字母就複製幾個矩形形狀,這樣能讓所有矩形形狀以一個矩形為一層的次序依次排列,這裏我按原圖安排六個字母,所有我複製了5個層。

Photoshop製作非常有層次的牆壁雕刻字 第11張

10、選擇所有矩形形狀層,把填充透明度調為0。

Photoshop製作非常有層次的牆壁雕刻字 第12張

11、雙擊第一個矩形層進入圖層樣式,添加斜面浮雕。

Photoshop製作非常有層次的牆壁雕刻字 第13張

12、還有投影。

Photoshop製作非常有層次的牆壁雕刻字 第14張

13、拷貝圖層樣式,粘貼到其他5個矩形層上。

Photoshop製作非常有層次的牆壁雕刻字 第15張

14、我在某個網站找到類似的英文字體。

Photoshop製作非常有層次的牆壁雕刻字 第16張

15、下載安裝完成後,輸入一行字母,在字母層上右鍵轉為形狀,後來我數了數字母,原來是七個,無奈添加了一個矩形。

Photoshop製作非常有層次的牆壁雕刻字 第17張

16、點擊字母層前面的眼睛隱藏字母,按A選擇第一個字母的路徑,橫向移動安排位置。

Photoshop製作非常有層次的牆壁雕刻字 第18張

17、ctrl+x剪切後粘貼在第一個矩形層上,順便把這個矩形層的名稱改為這個字母。

Photoshop製作非常有層次的牆壁雕刻字 第19張

18、繼續在字母層裏選擇R,移動位置,像我一樣如果覺得這個字母還可以修改一下外觀的話也可以稍加變動。

Photoshop製作非常有層次的牆壁雕刻字 第20張

19、剪切後在第二個矩形層粘貼,依次完成後面的剪切粘貼。

Photoshop製作非常有層次的牆壁雕刻字 第21張

20、接下來要解決一個問題,注意到我圓圈中的那一條條黑影了沒有?那些黑影是複製過來的矩形添加圖層樣式後形成的,解決的辦法就是把矩形的一邊拉寬就行了。

Photoshop製作非常有層次的牆壁雕刻字 第22張

21、選擇一個矩形層,按A點擊矩形的路徑,ctrl+t把左邊拉倒畫布以外的地方,第一個字母上的黑影就消失了。

Photoshop製作非常有層次的牆壁雕刻字 第23張

22、依次完成後面的幾個字母。

Photoshop製作非常有層次的牆壁雕刻字 第24張

23、到這裏你大概會認為已經完成了,但是我不這麼認為。看上去它好像有點像原圖的風格,不過有些細節問題還要解決,那些投影和斜面浮雕的高光要處理一下,為了能讓大家理解問題出在哪裏,我畫了一張示意圖,原圖要表現的是一種階梯的效果,就是一層疊在另外一層之上,當一個光源置於某一點,它的光照強度和投影的距離會發生變化,就像下面的示意圖中我要表達的一樣,光照的強度會衰減,影子的範圍也會跟着發生變化。

Photoshop製作非常有層次的牆壁雕刻字 第25張

24、按照前面示意圖所示,我逐個調整這些字母的圖層樣式中的數值,離光源最近地方的投影距離當然會短一點,陰影的邊緣不會很“虛”。

Photoshop製作非常有層次的牆壁雕刻字 第26張

25、以4個像素為標準,依次完成後面的所有字母。

Photoshop製作非常有層次的牆壁雕刻字 第27張

26、原圖中的背景層上似乎特別的暗,所有我在最後一個字母層上額外添加了外發光。

Photoshop製作非常有層次的牆壁雕刻字 第28張

27、現在字母P和O好像都一樣了,所有我加工了一下以示區別。

Photoshop製作非常有層次的牆壁雕刻字 第29張

28、還有J上面的那個圓也很礙眼。

Photoshop製作非常有層次的牆壁雕刻字 第30張

最終效果:

Photoshop製作非常有層次的牆壁雕刻字 第31張


感謝作者_projava_授權轉載。