Adobe Photoshop金屬文字+立體巧克力文字教程

PS教學第23期

第一篇

金屬文字,用PS製作背景是文字的壁紙

本篇教程十分簡單,但是效果卻很棒,通過簡單文字圖層樣式以及圖層混合模式的應用,來製作一張清新感十足的壁紙,文字同學們可以自己編輯,把方法學會就可以,這樣在具體操作起來也會比較輕鬆和簡單,背景有點類似星空的感覺,在設計中可以用來製作漫畫類的背景,都是很好的元素,一起通過教程來學習一下吧。

效果圖:

Adobe Photoshop金屬文字+立體巧克力文字教程

操作步驟:

先看圖層,有作用的圖層一共7個,很簡單


Adobe Photoshop金屬文字+立體巧克力文字教程


新建畫布,1920px 1080px


Adobe Photoshop金屬文字+立體巧克力文字教程


在圖層上添加漸變


Adobe Photoshop金屬文字+立體巧克力文字教程


Adobe Photoshop金屬文字+立體巧克力文字教程

置入圖片素材-星雲

Adobe Photoshop金屬文字+立體巧克力文字教程

添加蒙版用畫筆塗抹,和諧過渡一下


Adobe Photoshop金屬文字+立體巧克力文字教程


Adobe Photoshop金屬文字+立體巧克力文字教程

將圖層混合模式改為“濾色”


Adobe Photoshop金屬文字+立體巧克力文字教程


Adobe Photoshop金屬文字+立體巧克力文字教程

輸入文字,這裡我們用的是P大點S的簡寫,“PDDS”(字體在素材包裡提供了)


Adobe Photoshop金屬文字+立體巧克力文字教程


給文字添加一個圖層樣式


Adobe Photoshop金屬文字+立體巧克力文字教程


把等高線的消除鋸齒勾選上。


Adobe Photoshop金屬文字+立體巧克力文字教程


Adobe Photoshop金屬文字+立體巧克力文字教程


Adobe Photoshop金屬文字+立體巧克力文字教程


Adobe Photoshop金屬文字+立體巧克力文字教程


設置完圖層樣式,我們得到如下效果:


Adobe Photoshop金屬文字+立體巧克力文字教程


P長了點,加個小字


Adobe Photoshop金屬文字+立體巧克力文字教程


加入素材“光”,圖層混合模式改為濾色,三個光的圖層混合模式都是濾色


Adobe Photoshop金屬文字+立體巧克力文字教程


Adobe Photoshop金屬文字+立體巧克力文字教程


Adobe Photoshop金屬文字+立體巧克力文字教程

第三個光圖層太亮,閃瞎眼就不大好了,添加一個蒙版


Adobe Photoshop金屬文字+立體巧克力文字教程


Adobe Photoshop金屬文字+立體巧克力文字教程


完成:

Adobe Photoshop金屬文字+立體巧克力文字教程

第二篇

立體字,用PS製作逼真的巧克力粉末藝術字(7)

通過教程來製作類似巧克力粉末藝術字,主要通過圖層樣式來完成,再用素材進行合併,整個效果就上來了,步驟比較長,同學們要耐心的通過教程來練習製作,現在多學的知識,都是未來我們使用的知識儲備,教程要練習不要只看,只有動手才會有所學,一起通過教程來學習一下吧。

效果圖:

Adobe Photoshop金屬文字+立體巧克力文字教程

素材

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

操作步驟:

第一步:建立畫布,打開PS軟件,新建畫布,大小1400px*900px

Adobe Photoshop金屬文字+立體巧克力文字教程

第二步:場景框架

利用多邊形大過工具將整體的場景框架搭建出來,最好使用不同的顏色進進填充,這樣有利於識別。

Adobe Photoshop金屬文字+立體巧克力文字教程

注意:場景搭建的時候,整個畫面中一共是四個部分,很多朋友容易忘掉B這個面。

Adobe Photoshop金屬文字+立體巧克力文字教程

第三步:材質貼圖

將素材中的:A1-剪切蒙版-B、C、D三個面中上,A3=剪切蒙版-A畫中。

Adobe Photoshop金屬文字+立體巧克力文字教程

注意:牆壁部分大家格外要注意,整體畫面是俯視角度,所以水泥牆的紋理材質的細節是上面的紋理略顯大一些,下面的紋理部分略顯小一些。

Adobe Photoshop金屬文字+立體巧克力文字教程

第四步:文字建立

文字工具~選擇一個比較寬的字體,分別輸入M、F。也可以自行更換。

Adobe Photoshop金屬文字+立體巧克力文字教程

將A2素材轉入到PS中,轉入後可以利用自由變換工具將素材進行變形,紋理感是貼合到地面的效果,變形後調取文字M的選區給沙土素材添加蒙版。利用同樣的方法將F也製作出來。

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

注意:這個環節一定要注意使用蒙版,最好不要使用剪切蒙版直接,這樣以便於後期的操作。

Adobe Photoshop金屬文字+立體巧克力文字教程

第五步:細化沙土文字

雙擊文字圖層,打開圖層樣式,給M添加斜面浮雕,大家可以參考我的數值。

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

添加劑完圖層樣式之後,我們選一個比較散的筆刷樣式,在蒙版中進行擦拭,這個環節就比較考驗大家對日常的觀察了,一些沙土的邊緣結構什麼樣子的。

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

文字邊緣處理完以後,我們可以將A2素材再次打開一張,利用變形將素材紋理於畫面貼合地面的透視後,添加一個黑色蒙版,擦拭一些地面散落的土渣。

Adobe Photoshop金屬文字+立體巧克力文字教程

第六步:光影調整

給地板添加色彩平衡,剪切得到地板層當中,大家可以參考我的參數。

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

色彩調好後,利用曲線功能將地板四周壓暗,這裡建議大家不要壓暗的太深。以免為後續調色帶來不便。

Adobe Photoshop金屬文字+立體巧克力文字教程

暗部壓暗以後我們可以新建一個圖層將混合模式改為顏色減淡,同時畫筆顏色可以改為偏灰色的顏色,在地板左上方畫出被光照亮的效果。

Adobe Photoshop金屬文字+立體巧克力文字教程

暗部壓下來以後,我們可以繼續塑造地板暗部,我這裡利用的方式是,使用色相飽和度進行調節,大家可以看一下下面的參數以及細節調整。

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

踢腳線的部分我們分成兩個面進行製作,側面的部分我先用曲線將亮部壓暗一些,這個時候我們可以進入紅色曲線,將紅色曲線的中間部分向上提一些,給材質增加一些紅色進去。

Adobe Photoshop金屬文字+立體巧克力文字教程

曲線的部分操作完以後,我們可以新建一個圖層,剪切到下面的圖層中,使用灰色的畫筆稍微的給側面踢腳線增加一些暗部。

Adobe Photoshop金屬文字+立體巧克力文字教程

側面的效果結束後,繼續處理頂面,現在的效果側面與頂面區分不是很明顯,這個時候,我們單獨給頂面添加一個黃線,將頂面提亮。

Adobe Photoshop金屬文字+立體巧克力文字教程

接下來就是處理牆面,方法和上面的大同小異,利用色彩平衡調色,以及曲線做暗。

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

牆體處理完以後,我們繼續對文字的亮部進行處理,將兩個文字圖層編組,然後新建一個圖層剪切到組,將混合模式改為顏色減淡,利用偏灰色的畫筆在文字受光部分進行繪製。

Adobe Photoshop金屬文字+立體巧克力文字教程

第七步:整體潤色

上面的都完成以後,我們使用快捷鍵CTRL+SHIFT+ALT+E進行蓋印圖層,然後給整體畫面添加一個色彩平衡進行整體調色,這裡面針對於:亮部、暗部、中間調整體去調整。

Adobe Photoshop金屬文字+立體巧克力文字教程

整體調色後,我們可以新建一個圖層,將混合模式改為濾色,選擇一個深灰色在畫面的高光部分進行繪製,能夠營造出一種上方來光的感覺。

Adobe Photoshop金屬文字+立體巧克力文字教程

現在的畫面整體給我的感覺是飽和度有點高,畫面很膩,這樣我們添加一個調整層,自然飽和度,在這個調整層中我們降低自然飽和度,就可以了。

Adobe Photoshop金屬文字+立體巧克力文字教程

OK,基本的感覺到出來了,這時候我們再次新建兩個圖層,利用柔光壓暗濾色提亮,增強畫面的光感。

Adobe Photoshop金屬文字+立體巧克力文字教程

第八步:Carema Raw濾鏡

最後我們蓋印一個圖層, 利用濾鏡中的Carema Raw濾鏡(CTRL+SHIFT+A)整體統一色調 。

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

完成:

Adobe Photoshop金屬文字+立體巧克力文字教程

Adobe Photoshop金屬文字+立體巧克力文字教程

記得關注哦

記得評論哦

記得轉發哦

第二篇來源/68design 作者:羅磊


分享到:


相關文章: