PS和Illustrator創(chuàng)建一個(gè)3D文字場(chǎng)景文字場(chǎng)景(4)
來(lái)源:未知
作者:福特少普ps
學(xué)習(xí):2200人次
作者活力盒子翻譯 出處:webdesignerdepot
Illustrator部分主要是制作3D文字,沒有的可以直接用ps做
先看看最終效果圖:

步驟1
在Illustrator一個(gè)空白文檔中。我使用了具有視覺沖擊力的字體(字體選粗一點(diǎn)為好)和這個(gè)前景色:# CCCCCC。然后去效果 三維 凸出和斜面,設(shè)置的值如下圖所示。然后復(fù)制((Ctrl 或是 Command + C))三維文字。

步驟2
讓我們打開photoshop,創(chuàng)建一個(gè)新文件(1280 x 1024 px),將這個(gè)圖像作為背景打開。然后把三維文字(在第1步中創(chuàng)建的)作為一個(gè)智能物體粘貼在畫布上。

步驟3
接下來(lái),去濾鏡 渲染 燈光效果,設(shè)置的值如下圖所示。這樣文本的光亮就與場(chǎng)景匹配了。

,
步驟4
選擇智能物體圖層,右擊圖層,選擇復(fù)制圖層 目的地:新建文檔;命名:Map(地圖)。然后去層 柵格化 智能物體。以Map.psd格式保存文件到你的桌面上。

步驟5
現(xiàn)在,讓我們用“替換紋理”保存之前的文檔,刪除光柵三維文本,粘貼這個(gè)到一個(gè)新層上。這將是我們第一個(gè)紋理。
去濾鏡 扭曲 替換,尋找“map.psd”,設(shè)置水平和垂直方向的值均為50。然后選擇全部(按Ctrl +A或是Command + A),再?gòu)?fù)制選區(qū)。

步驟6
在三維智能物體上方的新圖層上粘貼“巖石紋理”。改變混合模式為疊加。
按Ctrl(Command))+點(diǎn)擊智能物體的略縮圖選擇文本形狀,然后按Ctrl(Command)+ Shift +I反選,然后再點(diǎn)擊 DEL (刪除)多余的紋理(在“巖石紋理”上)。
然后使用魔棒工具選擇智能物體層三維文本的正面,刪除“巖石紋理”層選區(qū)。

步驟7
使用加深工具,加深“巖石紋理”層上的一些陰影。

,
步驟8
選擇“沙丘”圖層,再選擇克隆圖章工具,按住選擇鍵(Alt),點(diǎn)擊沙土的某處。然后在“巖石紋理”之上創(chuàng)建一個(gè)新層,命名為“More Sand”(更多沙土),復(fù)制沙子到這個(gè)圖層上。

步驟9
為了提高紋理的效果,要?jiǎng)h除“巖石紋理”圖層的局部區(qū)域。

步驟10
現(xiàn)在我們要添加一些“泥土”。再一次打開“替換紋理”文件。粘貼這個(gè)到一個(gè)新層中。去濾鏡 扭曲 替換,尋找“map.psd”,設(shè)置水平和垂直方向的值均為50。然后選擇全部(Ctrl + A 或 Command +A),復(fù)制選區(qū)。(這步看著很眼熟吧~參照步驟5,后幾步也是一樣的~)

步驟11
粘貼“泥土紋理“到一個(gè)新層中。按Ctrl(Command))+點(diǎn)擊智能物體的略縮圖選擇文本形狀,然后按Ctrl(Command)+ Shift +I反選,然后再點(diǎn)擊 DEL (刪除)多余的紋理(在“泥土紋理”上)。
用一個(gè)軟的橡皮擦擦除“泥土”圖層的底部,然后再用不規(guī)則的橡皮擦完善圖像的效果。

,
步驟12
改變“泥土紋理”的混合模式為正片疊底,添加少量陰影效果。

步驟13
添加一些草,去“替換紋理”文檔粘貼這個(gè)圖像。應(yīng)用位移貼圖,像做其他材質(zhì)那樣實(shí)現(xiàn)它(見步驟5以及步驟10),最后復(fù)制草地。

步驟14
在主文檔中粘貼草地,刪除草地的底部,用不規(guī)則的橡皮擦刪除某些邊緣。

步驟15
在“草地紋理”圖層上加深陰影。

,
步驟16
在“草地紋理”圖層上添加少量的陰影。用海綿工具減少草地一些區(qū)域的飽和度。

步驟17
粘貼草地紋理到一個(gè)新圖層上,在濾鏡窗口中運(yùn)用消失點(diǎn)(去濾鏡 消失點(diǎn)),來(lái)匹配景觀的可視性。

步驟18
隨機(jī)擦除“草地”圖層的一些區(qū)域,這可以用一個(gè)不規(guī)則筆刷來(lái)實(shí)現(xiàn)。

步驟19
選擇草的一部分,羽化選區(qū),調(diào)整色調(diào)的值為-30。

,步驟20
最后在“草地”圖層中添加輕柔的陰影。

步驟21
讓我們添加更多的細(xì)節(jié)。粘貼這張圖像到一個(gè)新層中,調(diào)整色相/飽和度值使其與現(xiàn)有的顏色相匹配。你可以命名這層為“懸掛植物”或其他類似的稱呼。

步驟22
利用不規(guī)則的橡皮擦擦除除了懸掛植物以外的所有部分,并將它們放置在三維文字轉(zhuǎn)角的旁邊(見圖)。

步驟23
復(fù)制“懸掛植物”圖層,去編輯 變換 水平翻轉(zhuǎn)。然后稍微扭曲副本。利用加深工具使副本的顏色更深。

步驟24
按你的想法再添加一些細(xì)節(jié)。我則加了更多的懸掛植物和灌木。

步驟25
為了創(chuàng)造一個(gè)更引人注目的效果(使圖像更具有真實(shí)感),要在整個(gè)設(shè)計(jì)中運(yùn)用這兩種調(diào)整層:照片濾鏡和漸變映射(35%的透明度)。

OK 完成!最終效果在這里就不放了 大家可以回到最上面看題圖(SORRY 為了節(jié)省空間)。
Illustrator部分主要是制作3D文字,沒有的可以直接用ps做
先看看最終效果圖:

步驟1
在Illustrator一個(gè)空白文檔中。我使用了具有視覺沖擊力的字體(字體選粗一點(diǎn)為好)和這個(gè)前景色:# CCCCCC。然后去效果 三維 凸出和斜面,設(shè)置的值如下圖所示。然后復(fù)制((Ctrl 或是 Command + C))三維文字。

步驟2
讓我們打開photoshop,創(chuàng)建一個(gè)新文件(1280 x 1024 px),將這個(gè)圖像作為背景打開。然后把三維文字(在第1步中創(chuàng)建的)作為一個(gè)智能物體粘貼在畫布上。

步驟3
接下來(lái),去濾鏡 渲染 燈光效果,設(shè)置的值如下圖所示。這樣文本的光亮就與場(chǎng)景匹配了。

,
步驟4
選擇智能物體圖層,右擊圖層,選擇復(fù)制圖層 目的地:新建文檔;命名:Map(地圖)。然后去層 柵格化 智能物體。以Map.psd格式保存文件到你的桌面上。

步驟5
現(xiàn)在,讓我們用“替換紋理”保存之前的文檔,刪除光柵三維文本,粘貼這個(gè)到一個(gè)新層上。這將是我們第一個(gè)紋理。
去濾鏡 扭曲 替換,尋找“map.psd”,設(shè)置水平和垂直方向的值均為50。然后選擇全部(按Ctrl +A或是Command + A),再?gòu)?fù)制選區(qū)。

步驟6
在三維智能物體上方的新圖層上粘貼“巖石紋理”。改變混合模式為疊加。
按Ctrl(Command))+點(diǎn)擊智能物體的略縮圖選擇文本形狀,然后按Ctrl(Command)+ Shift +I反選,然后再點(diǎn)擊 DEL (刪除)多余的紋理(在“巖石紋理”上)。
然后使用魔棒工具選擇智能物體層三維文本的正面,刪除“巖石紋理”層選區(qū)。

步驟7
使用加深工具,加深“巖石紋理”層上的一些陰影。

,
步驟8
選擇“沙丘”圖層,再選擇克隆圖章工具,按住選擇鍵(Alt),點(diǎn)擊沙土的某處。然后在“巖石紋理”之上創(chuàng)建一個(gè)新層,命名為“More Sand”(更多沙土),復(fù)制沙子到這個(gè)圖層上。

步驟9
為了提高紋理的效果,要?jiǎng)h除“巖石紋理”圖層的局部區(qū)域。

步驟10
現(xiàn)在我們要添加一些“泥土”。再一次打開“替換紋理”文件。粘貼這個(gè)到一個(gè)新層中。去濾鏡 扭曲 替換,尋找“map.psd”,設(shè)置水平和垂直方向的值均為50。然后選擇全部(Ctrl + A 或 Command +A),復(fù)制選區(qū)。(這步看著很眼熟吧~參照步驟5,后幾步也是一樣的~)

步驟11
粘貼“泥土紋理“到一個(gè)新層中。按Ctrl(Command))+點(diǎn)擊智能物體的略縮圖選擇文本形狀,然后按Ctrl(Command)+ Shift +I反選,然后再點(diǎn)擊 DEL (刪除)多余的紋理(在“泥土紋理”上)。
用一個(gè)軟的橡皮擦擦除“泥土”圖層的底部,然后再用不規(guī)則的橡皮擦完善圖像的效果。

,
步驟12
改變“泥土紋理”的混合模式為正片疊底,添加少量陰影效果。

步驟13
添加一些草,去“替換紋理”文檔粘貼這個(gè)圖像。應(yīng)用位移貼圖,像做其他材質(zhì)那樣實(shí)現(xiàn)它(見步驟5以及步驟10),最后復(fù)制草地。

步驟14
在主文檔中粘貼草地,刪除草地的底部,用不規(guī)則的橡皮擦刪除某些邊緣。

步驟15
在“草地紋理”圖層上加深陰影。

,
步驟16
在“草地紋理”圖層上添加少量的陰影。用海綿工具減少草地一些區(qū)域的飽和度。

步驟17
粘貼草地紋理到一個(gè)新圖層上,在濾鏡窗口中運(yùn)用消失點(diǎn)(去濾鏡 消失點(diǎn)),來(lái)匹配景觀的可視性。

步驟18
隨機(jī)擦除“草地”圖層的一些區(qū)域,這可以用一個(gè)不規(guī)則筆刷來(lái)實(shí)現(xiàn)。

步驟19
選擇草的一部分,羽化選區(qū),調(diào)整色調(diào)的值為-30。

,步驟20
最后在“草地”圖層中添加輕柔的陰影。

步驟21
讓我們添加更多的細(xì)節(jié)。粘貼這張圖像到一個(gè)新層中,調(diào)整色相/飽和度值使其與現(xiàn)有的顏色相匹配。你可以命名這層為“懸掛植物”或其他類似的稱呼。

步驟22
利用不規(guī)則的橡皮擦擦除除了懸掛植物以外的所有部分,并將它們放置在三維文字轉(zhuǎn)角的旁邊(見圖)。

步驟23
復(fù)制“懸掛植物”圖層,去編輯 變換 水平翻轉(zhuǎn)。然后稍微扭曲副本。利用加深工具使副本的顏色更深。

步驟24
按你的想法再添加一些細(xì)節(jié)。我則加了更多的懸掛植物和灌木。

步驟25
為了創(chuàng)造一個(gè)更引人注目的效果(使圖像更具有真實(shí)感),要在整個(gè)設(shè)計(jì)中運(yùn)用這兩種調(diào)整層:照片濾鏡和漸變映射(35%的透明度)。

OK 完成!最終效果在這里就不放了 大家可以回到最上面看題圖(SORRY 為了節(jié)省空間)。
學(xué)習(xí) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!