萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps文字教程 >> Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

  最終效果

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字  三聯

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字
Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

  2、Ctrl + J,復制一層。

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

  12、還有投影。

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字

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

Photoshop設計制作非常有層次投影效果的逼真的牆壁雕刻字
copyright © 萬盛學電腦網 all rights reserved