當(dāng)前位置:首頁(yè)>ps培訓(xùn)教程>ps照片處理>效果教程>教程內(nèi)容

ps CS6設(shè)計(jì)桌面上的創(chuàng)意跑道(2)

來(lái)源:PConline 作者:么么茶 學(xué)習(xí):6486人次

修改完鉛筆和橡皮擦后,著手開(kāi)始“鋪路”。首先選擇鋼筆工具,選用圖形模式,設(shè)置填充為空白、描邊為黑色。新建圖層命名為“Road”,參考剛才畫(huà)下的車(chē)行道輪廓,按照由上至下的視角繪制行車(chē)道。這里不用過(guò)于刻意去模仿剛才的草稿圖,只需畫(huà)出形狀,待會(huì)將會(huì)用3D模式重新調(diào)整。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖06

設(shè)置描邊寬度為130像素,打開(kāi)描邊選項(xiàng),點(diǎn)擊設(shè)置對(duì)齊,選擇第二項(xiàng)中間對(duì)齊。將白色的“Background”圖層隱藏,效果如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖07

車(chē)行道的形狀制作后,需要添加瀝青素材,以增強(qiáng)逼真感。打開(kāi)素材03“瀝青路面”,素材如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖08

選擇套索工具,將瀝青馬路上的單車(chē)標(biāo)志圈定,然后執(zhí)行“編輯>填充”,選擇內(nèi)容識(shí)別,這樣就能將白色單車(chē)標(biāo)志清除掉。如果還有點(diǎn)瑕疵,就用修補(bǔ)工具清理一下。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖09

現(xiàn)在路面大致處理完畢,下面就要選取比較合適瀝青路面素材作為車(chē)行道的路面了。在裁剪工具中點(diǎn)擊飛出菜單,選擇透視裁剪工具。透視裁剪工具位置如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖10

 

選擇透視裁剪工具后,點(diǎn)四個(gè)點(diǎn)確定需要透視的瀝青矩形塊。通過(guò)矩形塊上操作點(diǎn)控制裁剪的范圍。操作如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖11

按回車(chē)確定裁剪。“瀝青路面”素材裁剪效果如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖12

這時(shí)“瀝青路面”素材差不多處理完畢,但邊緣上還與大體的材質(zhì)不一致。這里選擇“濾鏡>其他>位移”,如下圖調(diào)整水平+668、垂直+683、點(diǎn)選折回。設(shè)置如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖13

這樣邊緣的地方就都集中在圖中央,下面選擇修補(bǔ)工具,將接痕逐步移除。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖14

完全清理完后,效果如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖15

按Ctrl+A將“瀝青路面”素材全部選上,然后執(zhí)行“編輯>自定義圖案”,命名為“Asphalt”.然后按Ctrl+C將圖像復(fù)制到剪貼板,在后面的操作中將會(huì)粘貼到前面的畫(huà)布中。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖16

回去之前操作的畫(huà)布,雙擊“Road”圖層,調(diào)出圖樣樣式,勾選圖案疊加,然后圖案選擇剛才的“Asphalt”瀝青素材,縮放設(shè)置為25%.設(shè)置如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖17

添加“瀝青路面”素材后的車(chē)行道效果如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖18

在圖層面板中。對(duì)著“Road”圖層右擊,在彈出菜單中選擇柵格化圖層樣式。這樣“Road”圖層就轉(zhuǎn)為圖片模式。設(shè)置前后的效果如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖19

新建圖層,按Ctrl+V,將Step12的瀝青素材粘貼到圖層中,然后按Ctrl+T調(diào)整大小以便將“瀝青路面”素材覆蓋到整個(gè)行車(chē)道上。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖20

 

將剛才新建圖層命名為“Texture”,然后對(duì)著圖層按右鍵,選擇創(chuàng)建剪貼蒙版,將“Texture”圖層選定為“Road”圖層的剪貼蒙版。設(shè)置效果如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖21

然后,選擇直徑略小于路寬的低硬度橡皮擦,沿車(chē)行道中軸線擦去,將路中間的瀝青淡化,讓旁邊的瀝青更加明顯。這樣就令路面看起來(lái)不會(huì)過(guò)于粗糙,效果如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖22

接著,將“Texture”圖層的混合模式改變?yōu)榀B加。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖23

將“Road”圖層和“Texture”,然后右擊選擇轉(zhuǎn)換為智能對(duì)象,這樣兩個(gè)圖層就轉(zhuǎn)為一個(gè)圖層,重命名為“Road”。設(shè)置效果如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖24

現(xiàn)在,開(kāi)始調(diào)整這條視角是由上至下視覺(jué)的車(chē)行道。在圖層面板,新建圖層命名為“Cones”,選擇鋼筆工具,選擇圖形模式,設(shè)置填充為空白,描邊寬度為35像素,描邊選項(xiàng)如下圖設(shè)置。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖25

選擇橙色作為調(diào)色板的前景色,然后沿車(chē)行道兩邊繪制出兩條虛線,效果如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖26

同時(shí)選擇鋼筆繪制的形狀圖層和“Cones”圖層,右擊選擇合并圖層并重命名為“Cones”。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖27

路面和路標(biāo)都準(zhǔn)備好后,開(kāi)始進(jìn)行3D編輯!選定“Road”圖層,執(zhí)行“3D>從所選圖層新建3D 凸出”.這樣就會(huì)自動(dòng)生成3D編輯文檔,同時(shí)打開(kāi)了3D面板。操作界面如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖28

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖29

在3D面板中,選擇“Road”圖層(點(diǎn)擊下圖所示的星星圖標(biāo)),查看其屬性。在屬性面板中,確保星星圖標(biāo)已選上,然后設(shè)置凸出為0.詳細(xì)設(shè)置如下圖所示。

Photoshop CS6設(shè)計(jì)桌面上的創(chuàng)意跑道,PS教程,16xx8.com教程網(wǎng)

圖30

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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