ps CS6設計桌面上的創意跑道

2022-12-26 18:13:46 來源/作者: / 己有:183人學習過

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖06

設置描邊寬度為130像素,打開描邊選項,點擊設置對齊,選擇第二項中間對齊。將白色的“Background”圖層隱藏,效果如下圖所示。

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖07

車行道的形狀制作后,需要添加瀝青素材,以增強逼真感。打開素材03“瀝青路面”,素材如下圖所示。

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖08

選擇套索工具,將瀝青馬路上的單車標志圈定,然后執行“編輯>填充”,選擇內容識別,這樣就能將白色單車標志清除掉。如果還有點瑕疵,就用修補工具清理一下。

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖09

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖10

 

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖11

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖12

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖13

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖14

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖15

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖16

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖17

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖18

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖19

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖20

 

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖21

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖22

接著,將“Texture”圖層的混合模式改變為疊加。

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖23

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖24

現在,開始調整這條視角是由上至下視覺的車行道。在圖層面板,新建圖層命名為“Cones”,選擇鋼筆工具,選擇圖形模式,設置填充為空白,描邊寬度為35像素,描邊選項如下圖設置。

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖25

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖26

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖27

路面和路標都準備好后,開始進行3D編輯!選定“Road”圖層,執行“3D>從所選圖層新建3D 凸出”.這樣就會自動生成3D編輯文檔,同時打開了3D面板。操作界面如下圖所示。

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖28

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖29

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

Photoshop CS6設計桌面上的創意跑道,PS教程,16xx8.com教程網

圖30