當前位置:首頁>ps入門教程>ps文字教程>3D立體字>教程內容

ps制作秋天主題立體字(7)

來源:太平洋電腦網(wǎng) 作者:么么茶 學習:9335人次

在本PS教程中,我們將展示如何使用Photoshop CS6擴展中的新功能來創(chuàng)建一個以秋天為主題的3D立體文字特效。本教程屬于中高級PS教程,有興趣的網(wǎng)友可跟著教程一起來練習PS技巧。讓我們開始吧。

教程素材:http://pan.baidu.com/share/link?shareid=364407&uk=755000821
解壓密碼:bbs.16xx8.com
最終效果圖:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖00

第一步:

創(chuàng)建新文件,尺寸為1600x1200px,具體設置參數(shù)如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖01

第二步:

打開素材01“秋天公園”,并將其放置于你的畫布中。由于筆者所使用的這張素材圖片的大小與畫布大小相同,因此,這張素材圖片將平鋪滿整個畫布。如果你想要試用你自己的圖片,那么最好將你自己的圖片大小裁剪為跟畫布大小一樣的尺寸。將“秋天公園”拖入畫布后,拖動角點,按住Shift調整圖片大小。選擇“背景”圖層,使用“Ctrl+E”,將原背景圖層與素材合并。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖02

第三步:

接下來就是要創(chuàng)建3D文字了。在Photoshop中打開素材02“英文字母”。這里,你就要考慮好想要用其中的字母創(chuàng)建什么單詞,以及為它們選擇什么顏色。筆者選擇了使用“Leaf”一詞。使用套索工具選中單詞的第一個字母,然后將其復制、粘貼到你的畫布上。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖03

然后給這個圖層命名,筆者將其命名為“Letter L”,F(xiàn)在我們需要將L字母下的白色背景給去除掉。這里,使用魔棒工具,選中L字母,然后點擊白色背景。按刪除,這里要注意不要勾選參數(shù)設置中“樣品所有圖層”。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖04

這里,選中字母L圖層,然后使用自由變換工具(Ctrl+T)。在縮小字母L的過程中,需要按住Shift鍵,以保證字母L不變形。

如果你想改變字母的顏色,你可以使用調整圖層(如色彩平衡、可選顏色等)。這個筆者會在第15步做出詳細說明。由于筆者比較滿意L字母的色彩,因此筆者未對其做顏色調整,而是直接將其創(chuàng)作為3D立體文字特效。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖05

第四步:

為了創(chuàng)造3D立體文字特效,這里要使用到Photoshop CS6中的3D界面。選中字母L圖層,點擊3D>new 3D Extrusion。期間,Photoshop會詢問是否要切換到3D工作區(qū),選擇確定,則進入到Photoshop的3D工作界面。首先,我們必須確定好位于地平面上的字母的位置,要做到這一點,可選擇3D面板中的Scene,并使用選項欄中的圖標調整地平面的位置。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖06

這里嘗試令字母擺放的位置與地平面一致。如果你使用的背景圖與筆者的不同,則應該選擇正確的地平面的位置。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖07

第五步:

這里就要制作字母的紋理。打開素材03“混凝土紋理”,我們將把它與字母的正面相合并。設置參數(shù)為500px,得到500x500的正方形,筆者選擇了下圖中的區(qū)域。一旦選擇好了適當?shù)膮^(qū)域,則可按Enter鍵,保存紋理,并將其命名為“texture_front”。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖08

 

第六步:

這一步中,就要將選擇好的紋理素材添加進字母中。在3D面板中,選擇“Front Inflation Material”和3D對象的屬性。在你啟動3D工作界面時,這個面板將會自動打開。找到屬性設置中的“凹凸”選項,并選擇“載入紋理”,將“texture_front”載入。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖09

凹凸設置是為了調節(jié)紋理的效果,你可以通過移動滑塊來設定需要的效果。筆者將其設置為20%。此外,你還需要調整紋理的位置和規(guī)模。要做到這一點,可使用“編輯UV屬性”。這里主要是要調整垂直、水平的參數(shù),你可以任意調整到你所喜歡的效果。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖10

第7步:

接下來,需要將相同的紋理添加到被擠壓的那一部分。要做到這一點,可在3D面板上選擇“擠壓材質”,然后用同樣的凹凸參數(shù)設置載入“texture_front”紋理。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖11

這一步中,筆者將凹凸的值調整到了25%,方法同第六步中的相同。此外,筆者還將被擠壓的這個圖層的顏色變成了粉色,這樣你就可以很清晰的看出立體的變化。具體參數(shù)設計如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖12

第八步:

接下來,就是要調整字母的位置了。在3D面板中選中字母,你就可以看到以字母中心為基準將出現(xiàn)三個軸。這里,你可以旋轉、調整大小和移動對象,軸線上都有與之相對應的圖標。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖13

此外,用這個方法還可同時在多個平面上移動目標,非常方便。將移動光標放到立方體的邊緣,則該區(qū)域將被突出顯示為黃色。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖14

當你將光標移動到側面時,立方體的運動將會沿著平面進行(也將被突出顯示為黃色)。如果你想讓字母位于水平面上,則不要讓字母沿著垂直軸運動。這里可以注意到,字母已經(jīng)上升或者下降了,這里去到3D面板>對其目標,則字母又將再次沿著軸的表面移動,以及沿著坐標原點旋轉。如果你不知道如果返回到原始位置,則只需將各個軸線旋轉的角度設置為0即可。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖15

現(xiàn)在你明白如何設置3D對象的位置吧,F(xiàn)在按照你的喜好將字母擺放好,有需要的話還可調整一下大小。下圖為筆者做好的圖:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖16

第九步:

在這一步,我們將繼續(xù)調整字母的外形。我們將調整擠壓的程度,在接下來的步驟中,還將調整傾斜的程度。網(wǎng)格部分是用來調整字母的厚度。當然,大家對拉伸深度的參數(shù)設計興趣比較大,筆者將其設置250,不過你們可以按照你們的喜好設定為其他數(shù)值、此外,參數(shù)設置還會影響到陰影,這里需注意到。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖17

第十步:

這一步中,我們將調整傾斜度。選擇屬性>Mesh Section,具體參數(shù)設置如下圖。你可以按照你的喜好設定。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖18

 

接下來選擇Cap區(qū)域,具體設置如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖19

第十一步:

現(xiàn)在,就該設定擠壓層的顏色。為了改變它的顏色,在3D面板上選擇“Extrusion Material”,并設定屬性數(shù)值。將擠壓層的主色調設定為漫反射,筆者選擇的顏色是#f25646,具體參數(shù)設置如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖20

當然,你也可以嘗試其他設置,如鏡面(它將影響銳度/對比度的紋理)和照明(它影響側邊緣的亮度)。筆者選擇了以下數(shù)值,鏡面顏色為#645858,發(fā)光顏色為#290816。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖21

第十二步:

這一步中就是要打造光源。首先去到3D面板,并選擇第一光源(面板中已有)——無限光1。這里,我們要用它設置主光源。先假設主光源是太陽,且其位置在右上角,如果你使用的是你自己的背景圖片,那么你要定義好主光源(注意人和物體的陰影的方向等)。左鍵單擊源并旋轉它,則影子的位置大致會出現(xiàn)在左下角。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖22

下圖是光源的坐標和顏色設置(顏色為#ffebcf),至于主光源的坐標,你最好先記下來。因為后面所有字母的主光源坐標設置都與該字母的設置相同。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖23

第十三步:

這一步中,我們再另外添加一個光源,那么字母看上去就不會太暗。在3D面板底部點擊添加新場景光源圖標,并選擇新無限光。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖24

筆者選擇了以下光源設置(顏色為#ffc871)

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖25

第十四步:

到這里,第一個字母的工作就基本完成了。在接下來的步驟中,我們將修正字母描邊的顏色。當然,如果你喜歡黑色,那么就可以直接跳過這一步。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖26

我們將在該字母的兩個地方編輯紋理,即前面膨脹的材質和前斜角材質。當你選擇編輯紋理時,Photoshop將提醒你,這些改變將會被應用到所有地方。這里點擊OK,然后選擇新建圖層>可選顏色,選擇黑色的通道并調整描邊的顏色。以下圖為例,描邊變成了紅色:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖27

在完成紋理編輯這一部分工作之后,保存并關閉這個文件。然后切換到工作界面,即可看到紋理已經(jīng)更新。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖28

第十五步:

現(xiàn)在你可以使用相同的方法編輯其他字母。不過如果你想一次性修改字母的顏色,你可以使用可選顏色調整圖層和替換顏色選項。我們可以在“E”字母上進行練習。如果你想繼續(xù)在Photoshop的圖層上進行,則將工作界面切換到圖層面板。將第二個字母放于工作文件中,并按照第三步中的方法去除掉字母的背景。筆者將該圖層命名為“字母E”。“字母E”去到圖像>調整>替換顏色。選擇帶有“+”符號的吸管工具,顏色選擇為淺藍色,并調整滑動條來調整顏色(顏色為#fed4b6)。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖29

接下來,創(chuàng)建可選顏色調整圖層(圖層>新調整圖層>可選顏色),并將其切換為蒙版層。為此,在圖層面板上右擊可選顏色圖層,并選擇創(chuàng)建蒙版。這樣這個可選顏色圖層只會影響到“字母E”。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖30

 

第十六步:

這樣基本準備工作就已經(jīng)做好了,你可以開始準進入3D字母的制作過程了。創(chuàng)建3D字母的方法與此前的步驟相同(第4步起)。不過值得注意的是,字母是遠離觀眾的,因此字母的大小應該是比第一個字母要小。“字母L”圖層應該在圖層面板的最上面,其他字母的圖層應該一個接一個排在下面。不要忘記你還要修改3D設置、移動字母、將字母的紋理、顏色調整到你所期望的結果。筆者創(chuàng)建完的效果如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖31

第十七步:

如果你對字母的位置和顏色都感到滿意,那你就可以柵格化這些3D圖層。不過如果你想要修改一點東西,那筆者就建議你保留好這些初始3D圖層。為此,復制所有的3D圖層(Ctrl+J),并將其放置于“3D”圖層組中,設置為不可見。接著,右鍵單擊每一個圖層,并將其格柵化。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖32

第十八步:

這一步中,我們將在草地上添加各字母的更多陰影。為此,創(chuàng)建一個新圖層,命名為“影子”,并將其放置于所有字母圖層的下方。選擇畫筆工具,設置如下:顏色為#1d280a,硬度為50%,混合模式為正片疊底,透明度為10-15%。筆刷的大小則取決于你。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖33

在陰影區(qū)域使用筆刷,效果圖如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖34

第十九步:

這一步中,我們要處理字母的底部,使之看上去真的好像是站立在草坪上。我們使用標準筆刷,選擇畫筆工具,具體設置為:圓刷、硬度100%、不透明度50%。這里最好在各個字母的蒙版層上進行操作,這樣可以方便你隨時修改結果。為此,為所有的字母添加蒙版層(圖層>圖層蒙版>顯示全部),同時將前背景色改為黑色。選中圖層蒙版縮略圖,并使用畫筆來隱藏掉字母的底部。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖35

如果你畫掉了一部分區(qū)域,則只需要將前背景色改為白色,那涂抹掉的地區(qū)則又會變?yōu)榭梢。選擇畫筆工具,按下F5,選擇“Dune Grass”筆刷。具體設置如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖36

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖37

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖38

在蒙版圖層上,用選擇好的筆刷進行涂抹,筆刷大小大概為30px,效果圖如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖39

第二十步:

你可以看到,我們隱藏了字母的一部分,因為他們處于相同圖層的下方。為此,采用第18步驟中的筆刷的設置,選擇圖層“影子”,并進行涂抹。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖40

 

如果你對處理出的結果不滿意,則可以在標準筆刷中選擇“Dry Brush Tip Light Flow”,并使用它在蒙版圖層中對字母的底部進行涂抹。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖41

第二十一步:

接下來,我們需要編輯字母變形的部分。為此,選擇畫筆,并選擇下列筆刷中的一種(透明度為100%、筆刷大小為50px、前背景色為黑色)。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖42

在字母蒙版上,涂抹字母的背部邊緣,如果你想要旋轉筆刷,可以按F5鍵,將指針調整到所需的角度。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖43

筆者得到的效果圖如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖44

第二十二步:

現(xiàn)在我們要為字母添加高斯模糊,這樣紋理看上去不會那么突兀。但在做這個之前,最好把所有字母圖層切換為智能對象。這樣,在你使用濾鏡之后,還有機會修改濾鏡的設置。在圖層面板中選中字母圖層,右鍵單擊,選擇轉換為智能對象。不用擔心蒙版圖層——它并未沒有被刪除,只是包含在智能對象中。雙擊當前的圖層面板,即可編輯它。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖45

第二十三步:

選中“字母L”,去到濾鏡>模糊>高斯模糊。模糊程度取決于你的字母的大小,筆者選擇了0.4px。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖46

為其他的字母也添加高斯模糊。這里不要忘記了景深,如果字母離觀眾越遠,則其模糊程度越大。如果你想要修改模糊程度,則在圖層面板中雙擊濾鏡名字即可。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖47

筆者得到的效果圖:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖48

第二十四步:

下載素材4“裂紋紋理”(筆者將其尺寸定位1600x1200px),并將其放入文件中。減小裂紋紋理的大小,因為它是在圖片中顯示(變形調整是一定要記得按住Shift鍵)。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖49

激活轉換工具(Ctrl+T),在畫布上右鍵單擊,選擇扭曲。在邊角進行拖拉,使之平行于字母的正面。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖50

 

柵格化紋理圖層(右鍵單擊>柵格化圖層),將該圖層命名為“紋理L”。加載“字母L副本”圖層,選擇“紋理L”,點擊添加圖層蒙版。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖51

改變“紋理L”圖層的混合模式為柔光,選擇畫筆,不透明度為50%,前背景色為黑色。切換到“紋理L”的蒙版圖層,并在邊緣、陰影和字母前部區(qū)域進行涂抹,使紋理看上去更加真實。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖52

在其他字母上重復這個進行。不過不要忘記紋理的傾斜度應該與字母平行。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖53

得到效果圖如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖54

第二十五步:

將與字母有關的圖層建為一個圖層組,命名為“字母”。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖55

第二十六步:

在這一步中,我們將要使前背景更加飽和和對比度更強。為此,創(chuàng)建調整圖層(圖層>新建調整圖層>水平),并將其放置于“背景”圖層上。此后,創(chuàng)建色相/飽和度調整圖層(圖層>新調整圖層>色相/飽和度),設置參數(shù)如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖56

選擇漸變工具,漸變的顏色為黑色和白色,漸變類型為線性。切換到“水平”蒙版圖層,并從上往下畫出一個梯度。選擇“色相/飽和度”圖層蒙版,并畫出相同的漸變梯度,但在這種情況下可以更寬一些。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖57

第二十七步:

現(xiàn)在,我們來調整字母的對比度和色彩飽和度,令它們看上去與環(huán)境更加協(xié)調。為此,創(chuàng)建兩個調整圖層,水平和色相/飽和度,并將它們切換到字母的蒙版圖層。這樣,這些圖層將僅僅影響“字母”這個圖層組的情況,調整圖層的設置如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖58

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖59

第二十八步:

下載素材07“黃色楓葉02”,并在Photoshop中打開。選擇快速選擇工具(W),并選中葉子。如果你選中了一些額外的區(qū)域,那么可切換到“減去選擇”模式,點擊你想要刪除的區(qū)域。現(xiàn)在你并不需要一個非常精確的選擇,因為葉子的大小將會減小,以致于葉子的邊緣是否粗糙不會有多少人會注意到。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖60

 

將你選中的葉子復制粘貼到工作文檔中,根據(jù)下面的圖片來調整它的大小。水平翻轉(Ctrl+T>在畫布上右鍵單擊>水平翻轉),然后使用轉換模式扭曲。效果如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖61

接著,我們需要添加兩個圖層樣式到“葉子”圖層:漸變疊加和陰影。雙擊“葉子”圖層,設置如下:漸變疊加為橙色、黃色、橙色,標準;陰影為顏色#460000。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖62

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖63

第二十九步:

下載素材06“黃色楓葉01”,使用相同的方法將其粘貼到你的工作文檔中,將其命名為“葉子2”。使用變形工具如下圖所示:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖64

在圖層面板上雙擊這個圖層,設置參數(shù)如下:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖65

效果圖:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖66

第三十步:

現(xiàn)在下載素材05“秋季灌木”,并使用快速選擇工具選中下圖中的區(qū)域:

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖67

將這個區(qū)域復制粘貼到你的工作文檔中,將這些葉子到“字母L”附近,命名為“葉子3”,并在剪切蒙版圖層中創(chuàng)建調整圖層。調整圖層的設置如下圖所示。筆者將“葉子3”的不透明度設置為了85%。

Photoshop制作超酷的秋季風格立體字,PS教程,16xx8.com教程網(wǎng)

圖68

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!