當(dāng)前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI鼠繪教程,鼠繪一輛矢量紅色巴車(9)

來源:design.tutsplus 作者:Jersey Xie 學(xué)習(xí):4543人次

今天我們一起來學(xué)習(xí)一下怎么用AI鼠繪矢量風(fēng)格的巴士,效果十分漂亮,教程步驟也很詳細(xì),適合新老朋友學(xué)習(xí)練習(xí)。

先來看看最終效果:

theoat.com.cn_052932C94-51.jpg
1. 創(chuàng)建一個(gè)新文檔并設(shè)置網(wǎng)格

點(diǎn)擊 Control-N創(chuàng)建一個(gè)新文檔。 從單位的下拉菜單中選擇像素,在寬度框中輸入600,在高度框中輸入440,然后點(diǎn)擊高級(jí)按鈕。 選擇RGB,屏幕(72ppi)并確保在點(diǎn)擊確定之前使新建對象與像素網(wǎng)格對齊框未被勾上。

啟用網(wǎng)格(視圖>顯示網(wǎng)格)并對齊網(wǎng)格(視圖>對齊網(wǎng)格)。 首先,你需要每一格為5px,所以只需要轉(zhuǎn)到編輯>首選項(xiàng)>參考>網(wǎng)格,在參考線間隔框中輸入5,在細(xì)分框中輸入1。 盡量不要試圖將所有網(wǎng)格阻礙——它將使你的工作變得更容易,并記住利用Control-"快捷鍵,這樣你將會(huì)很容易啟用或停用網(wǎng)格。

你也應(yīng)該打開信息面板(窗口>信息)得到你圖形的實(shí)時(shí)位置和大小。 不要忘了從編輯>首選項(xiàng)>單位>常規(guī)中設(shè)置單位量為像素。 這些全部的選項(xiàng)將增加你的工作速度。

theoat.com.cn_052932C93-0.jpg
2.創(chuàng)建主要形狀

第1步

選擇矩形工具(M)并注意到你的工具欄上。 移除描邊的顏色,然后選擇填充并設(shè)置它的顏色為R=231 G=40 B=32。 移動(dòng)到你的畫板上并創(chuàng)建一個(gè) 370 x 175 px的矩形——啟用網(wǎng)格并對齊網(wǎng)格會(huì)使你的工作變得更容易。

回到你的工具欄上并用任意顏色替換現(xiàn)存的顏色。 確保你的矩形工具(M)一直是活動(dòng)的,創(chuàng)建一個(gè)15 x 35 px的形狀并將其準(zhǔn)確的放置在如第二張圖所示的位置。 選擇這一步的形狀,打開路徑查找器面板(窗口>路徑查找器)并點(diǎn)擊減去頂層按鈕。

著重于左邊生成的形狀,轉(zhuǎn)換到添加錨點(diǎn)工具(+)并如第三張圖所示添加一個(gè)新錨點(diǎn)。 再次啟用網(wǎng)格并對齊網(wǎng)格的特點(diǎn)將派上用場。

theoat.com.cn_0529324U6-1.jpg

第二步

保持關(guān)注到你的形狀的左邊并選取直接選擇工具(A)。 首先,選擇頂部的錨點(diǎn)并將其向右拉動(dòng)15px,然后選擇其他高亮的錨點(diǎn)如下圖所示向下拉動(dòng)5px。 最終應(yīng)該看起來像第二張圖一樣。

theoat.com.cn_0529324a0-2.jpg

第3步

使用矩形工具(M),創(chuàng)建一個(gè)5 x 95 px的形狀并將其準(zhǔn)確放置到如第一張圖所示的位置。 選擇紅色形狀旁邊的新矩形并從路徑查找器面板中點(diǎn)擊減去頂層按鈕。

theoat.com.cn_05293231G-3.jpg

第4步

把目光投到你的紅色形狀并選取直接選擇工具(A)。 逐個(gè)選擇下面圖中被高亮的錨點(diǎn),移動(dòng)到頂欄,聚焦到圓角框并輸入下面圖所示的值。

這個(gè)特點(diǎn)僅可用于CC用戶,最好的解決替換這個(gè)效果的方法是圓化任意角的腳本(AI圓角工具,RoundAnyCorner), 將其保存到你的硬盤上,回到Illustrator并抓取直接選擇工具(A)。 再次逐個(gè)選擇下圖所示的高亮的錨點(diǎn),并轉(zhuǎn)到文件>腳本>其他腳本。 打開圓化任意角腳本,輸入如下圖所示的圓角框中的值,然后點(diǎn)擊確定。 尾部的結(jié)果可能在一些情況中看起來不同,這意味這你可以增加/減少圓角框中所提到的值。 你的紅色圖形的尾部應(yīng)該看起來像第二張圖一樣。

theoat.com.cn_0529322007-4.jpg

第5步

利用矩形工具(M),創(chuàng)建2個(gè)55 x 65 px的形狀,選擇任意藍(lán)色作為填充色,然后將這些新形狀放置在如第一張圖所示的位置。 選擇2個(gè)矩形并轉(zhuǎn)到效果>風(fēng)格化>圓角。 輸入27px半徑,點(diǎn)擊確定按鈕,然后轉(zhuǎn)到對象>擴(kuò)展外觀。 確保生成的形狀被選中并使用Control-8快捷鍵(或轉(zhuǎn)到對象>復(fù)合路徑>建立)將它們轉(zhuǎn)化成一個(gè)簡單的復(fù)合路徑。 選擇它以及你的紅色圖形并從路徑查找器面板中點(diǎn)擊減去頂層按鈕。

theoat.com.cn_052932FB-5.jpg

第6步

將目光投到你的紅色圖形的底部并選取直接選擇工具(A)。 選擇第一個(gè)圖片中四個(gè)高光的錨點(diǎn),轉(zhuǎn)到頂欄并在圓角框中輸入3px。 最后你的紅色圖形應(yīng)該看起來像第二張圖。

theoat.com.cn_052932FB-5.jpg

第7步

利用矩形工具(M),如第一張圖所示創(chuàng)建一組黃色矩形并視圖將其準(zhǔn)確的放置到下面圖所思的位置。 當(dāng)你完成后,關(guān)注左上的矩形并選取直接選擇工具(A)。 選擇頂部的錨點(diǎn)并將其向右拉動(dòng)5px。 重新選擇這一步制作的全部圖形,并將它們轉(zhuǎn)進(jìn)一個(gè)新的復(fù)合路徑(Control-8)。

theoat.com.cn_0529321415-7.jpg

第8步

確保你的黃色復(fù)合路徑被選中,選取直接選擇工具(A),聚焦到頂欄并在圓角框中只需輸入3px。 利用同樣的工具,僅需選擇用藍(lán)圈(在下面的圖中)高亮的錨點(diǎn),回到頂欄并在圓角框中輸入10px。 移動(dòng)到用綠色圓圈高亮的錨點(diǎn),選中它,然后回到頂欄,只需在相同的圓角框中輸入25px。

最終,你的黃色復(fù)合路徑應(yīng)該看起來像第二張圖。 復(fù)制它(Control-C > Control-F)并將拷貝層用Shift-Control-[快捷鍵置于底層。 你隨后將需要這個(gè)拷貝。 現(xiàn)在,轉(zhuǎn)到圖層面板并關(guān)閉其可見性,以確保你不會(huì)意外地選擇/移動(dòng)。

theoat.com.cn_0529325202-8.jpg

第9步

選擇前面的黃色復(fù)合路徑和紅色圖形,并從路徑查找器面板中點(diǎn)擊減去頂層按鈕。

theoat.com.cn_0529324160-9.jpg

第10步

使用鋼筆工具(P),創(chuàng)建一個(gè)40px的垂直路徑,一個(gè)340px的水平路徑和一個(gè)245px的水平路徑。 為這些路徑添加2px的藍(lán)色描邊,并將其置于第一張圖所示的位置。 確保3個(gè)路徑都被選中,然后轉(zhuǎn)到對象>路徑>輪廓描邊。 選擇生成的形狀和紅色的形狀,并從路徑查找器面板中點(diǎn)擊合并按鈕。

theoat.com.cn_0529325244-10.jpg
3. 添加精致的陰影

第1步

確保你的紅色形狀被選中并在前面制作一份復(fù)本(Control-C > Control-F)。 使用矩形工具(M),創(chuàng)建2個(gè)65 x 75 px的形狀,選取任意的藍(lán)色作為填充色,并將這個(gè)新的形狀放置到如第一張圖片所示的位置。

選擇2個(gè)矩形并轉(zhuǎn)到效果>風(fēng)格化>圓角。 輸入一個(gè)30px的半徑,點(diǎn)擊確定然后轉(zhuǎn)到對象>擴(kuò)展外觀。 確保生成的形狀被選中并將它們轉(zhuǎn)進(jìn)一個(gè)簡單的復(fù)合路徑(Control-8)。 選中它與開始的一步中制作的復(fù)本,點(diǎn)擊路徑查找器面板中的交叉按鈕,然后將生成的形狀轉(zhuǎn)進(jìn)一個(gè)新的復(fù)合路徑中(Control-8)。

theoat.com.cn_05293233K-11.jpg

第2步

確保你的紅色形狀被選中并在前面制作一份復(fù)本(Control-C > Control-F)。 使用矩形工具(M),創(chuàng)建一個(gè)380 x 45 px的形狀,并將其放置到如第一張圖片所示的位置。 選中這個(gè)新的矩形和紅色的形狀,然后單機(jī)路徑查找器面板中的交叉按鈕。

theoat.com.cn_052932O42-12.jpg

第3步

制作一份藍(lán)色復(fù)合路徑的復(fù)本(Control-C > Control-F)并將其置于頂層(Shift-Control-])。 選擇這個(gè)復(fù)本和之前一步制作的形狀,然后點(diǎn)擊路徑查找器面板中的減去頂層按鈕。 將生成的形狀組轉(zhuǎn)進(jìn)一個(gè)新的復(fù)合路徑中(Control-8),然后聚焦到外觀面板(窗口>外觀)。

改變混合模式為柔光,然后用下圖所示的線性漸變替換現(xiàn)存的填充顏色。 記住在漸變圖中黃色的0代表透明度的百分比。

theoat.com.cn_0529321H1-13.jpg

第4步

重新選擇藍(lán)色的復(fù)合路徑并聚焦到外觀面板上。 改變混合模式為柔光,然后用下圖所示的線性漸變替換藍(lán)色,記住在黃色的數(shù)字代表透明度的百分比。

theoat.com.cn_0529324108-14.jpg
4.創(chuàng)建入口

第1步

利用矩形工具(M),創(chuàng)建一個(gè) 50 x 90 px的形狀,選取任意的橙色作為填充色,并將這個(gè)新的形狀放置到如第一張圖片所示的位置。 聚焦到新矩形的頂部的邊上并選取直接選擇工具(A)。 選擇左邊的錨點(diǎn)并只需將其向下拉動(dòng)5px。

確保移動(dòng)的錨點(diǎn)一直被選中,轉(zhuǎn)到頂欄并在圓角框中輸入5px。 接著到底部,左邊的錨點(diǎn),選中它,回到最上面一欄,這次在圓角框中輸入3px。 最終橘色的形狀應(yīng)該看起來像第三張圖的樣子。

theoat.com.cn_0529325c9-15.jpg

第2步

利用矩形工具(M),創(chuàng)建一組如第一張圖所示的小矩形,并使用R=31 G=31 B=31作為填充顏色。 轉(zhuǎn)到鋼筆工具(P),創(chuàng)造一直如第二張圖所示的形狀并使用R=11 G=11 B=11作為填充色。

theoat.com.cn_0529326405-16.jpg

第3步

再次選擇橘色圖形,將目光投向外觀面板并用深酒紅 (R=84 G=10 B=2)色替換現(xiàn)存的填充色。

theoat.com.cn_0529323F8-17.jpg

第4步

制作一份酒紅色形狀的拷貝 (Control-C > Control-F)并將其置于頂層(Shift-Control-])。 確保其被選中并專注到外觀面板上。 選擇現(xiàn)存的填色,降低透明度為50%,改變混合模式為柔光并用下圖所示的線性漸變替換現(xiàn)存的顏色。

第5步

確保上一步的形狀一直被選中,專注到外觀面板上并使用添加新填色按鈕添加第二個(gè)填色。 選擇新的填色,改變它的混合模式為柔光并用下面圖所示的樣子替換線性漸變。 不要忘記在漸變的圖中黃色的0代表透明度的百分比,而藍(lán)色的數(shù)字代表位置的百分比。

theoat.com.cn_0529323594-18.jpg

第6步

利用矩形工具(M),創(chuàng)建一個(gè)5 x 90px的形狀,將其放置在如下圖所示并用下面所示的漸變填充。

theoat.com.cn_0529322094-19.jpg

第7步

這一步你將需要網(wǎng)格間隔為1px ,所以轉(zhuǎn)到編輯>首選項(xiàng)>參考線&網(wǎng)格并在網(wǎng)格間隔框輸入1。

利用矩形工具(M),創(chuàng)建一個(gè)1 x 80 px和 1 x 90 px的形狀。 確保2個(gè)形狀都被選中并關(guān)注到外觀面板。 降低透明度到70%,改變混合模式為柔光并用下圖所示的線性漸變替換現(xiàn)存的顏色。

theoat.com.cn_0529325235-20.jpg
5. 添加窗子和白色的條紋

第1步

將網(wǎng)格間隔調(diào)回為5px,所以只需轉(zhuǎn)到編輯>首選項(xiàng)>參考線&網(wǎng)格并在網(wǎng)格間隔框輸入5。

確保你的紅色復(fù)合路徑被選中并在它的頂層制作一份拷貝(Control-C > Control-F)。 使用矩形工具(M),創(chuàng)建一個(gè) 375 x 5 px的形狀,設(shè)置填充色為 R=209 G=211 B=212并放置到如用下面第一張圖所示的樣子。 選擇這個(gè)新矩形和你的紅色圖形的拷貝,并點(diǎn)擊路徑查找器面板中的交叉按鈕。

theoat.com.cn_05293212W-21.jpg

第2步

關(guān)注你的圖層面板的底部并打開黃色路徑的可見性。 選中它并專注到外觀面板。 降低透明度到10%并用R=39 G=170 B=225替換現(xiàn)存的顏色。

theoat.com.cn_0529321400-22.jpg

第3步

復(fù)制復(fù)合路徑如之前的步驟一樣編輯(Control-C > Control-F),置于頂層 (Shift-Control-]) ,然后點(diǎn)擊 Alt-Shift-Control-8(或轉(zhuǎn)到對象>復(fù)合路徑>釋放)分離復(fù)合路徑組成的形狀。 確保所有的形狀被選中并專注到外觀面板。

首先,增加透明度到100%并移除填充色。 接下來,選擇描邊,使其寬度為1px,用下圖所示的線性漸變替換扁平的顏色,然后打開描邊對話框并勾上對齊描邊到外面的按鈕。 最后,回到外觀面板并改變混合模式為柔光。 最終你應(yīng)該有一個(gè)如在第二張圖中看到的精致的邊框在窗子的周圍。

theoat.com.cn_05293210A-23.jpg
6.添加精致的高光

第1步

利用矩形工具(M),創(chuàng)建一個(gè) 360 x 10 px,使其為白色并放置到如第一張圖所示的位置。 專注這個(gè)新矩形的右邊并轉(zhuǎn)到直接選擇工具(A)。 選擇底部的錨點(diǎn)并將其向左拉動(dòng)50px。 選擇這一步制作的全部形狀,改變它的混合模式為疊加然后轉(zhuǎn)到效果>風(fēng)格化>圓角。 輸入5px的半徑,點(diǎn)擊確定按鈕然后轉(zhuǎn)到效果>模糊>高斯模糊。 再次輸入5 px 半徑然后點(diǎn)擊確定按鈕。

theoat.com.cn_0529324591-24.jpg

第2步

利用鋼筆工具(P),創(chuàng)建一個(gè)如第一張圖所示酒紅色的路徑。 為這個(gè)路徑添加一個(gè)4 px的白色描邊,然后從描邊對話框中勾上圓端點(diǎn)和圓拐角按鈕。 移動(dòng)到外觀面板,改變混合模式為疊加,然后轉(zhuǎn)到效果>風(fēng)格化>圓角。 輸入20px的半徑,點(diǎn)擊確定按鈕,然后轉(zhuǎn)到效果>模糊>高斯模糊。 輸入7px的半徑并點(diǎn)擊確定。

theoat.com.cn_0529321949-25.jpg
7.創(chuàng)建格柵燈和保險(xiǎn)杠

第1步

轉(zhuǎn)換網(wǎng)格間隔為1px,轉(zhuǎn)到編輯>首選項(xiàng)>參考線&網(wǎng)格并在網(wǎng)格間隔框中輸入1。

使用鋼筆工具(P),創(chuàng)建一個(gè)3px的水平路徑并大致的放在如下圖所示. 給這個(gè)小路徑添加2px的描邊,設(shè)置顏色為R=191 G=0 B=0,并在彈出的描邊面板中勾上圓端點(diǎn)按鈕。

theoat.com.cn_0529325O6-26.jpg

第2步

確保你的小路徑一直被選中,并轉(zhuǎn)到效果>扭曲&變換>變換。 拖動(dòng)垂直移動(dòng)的滑塊到4px,在復(fù)本框中輸入7,點(diǎn)擊確定按鈕并轉(zhuǎn)到效果>風(fēng)格化>投影。 輸入左邊窗口顯示的屬性(在下面的圖中),點(diǎn)擊確定按鈕然后轉(zhuǎn)到效果>風(fēng)格化>投影。 輸入在右邊窗口所顯示的屬性,然后點(diǎn)擊確定。

theoat.com.cn_0529325428-27.jpg

第3步

使用鋼筆工具(P),創(chuàng)建一個(gè)15px水平路徑并大致的將其放置在如第一張圖所示的位置。 為這個(gè)新路徑添加8 px描邊,并用下圖所示的線性漸變替換扁平的顏色,不要忘記在彈出的描邊面板勾上圓形端點(diǎn)按鈕。 然后轉(zhuǎn)到效果>風(fēng)格化>投影。 輸入下圖所示的屬性并點(diǎn)擊確定按鈕。

theoat.com.cn_0529322P5-28.jpg
8.創(chuàng)建輪子

第1步

使用橢圓工具(L),創(chuàng)建一個(gè)45 px的形狀,將其放置如下圖所示的位置并設(shè)置顏色為 R=45 G=45 B=45。

theoat.com.cn_05293232U-29.jpg

第2步

確保你的圓被選中,然后轉(zhuǎn)到外觀面板。 選擇描邊,使其為白色,降低其透明度為 25%,改變混合模式為柔光然后轉(zhuǎn)到效果>路徑>偏移路徑。 輸入-1.5px的偏移量然后點(diǎn)擊確定按鈕。

theoat.com.cn_0529324160-30.jpg

第3步

確保你的圓被選中,保持專注到外觀面板,然后用添加新描邊按鈕添加第2個(gè)描邊。

選擇新的描邊,設(shè)置它的顏色為R=41 G=41 B=41,然后打開描邊彈出面板。 首先,增加寬度到2px,然后將虛線框勾上。 在第一個(gè)虛線框中輸入1并在第一個(gè)間隙中輸入2px,然后回到外觀面板。 確保這一步添加的描邊一直被選中,降低透明度到70%,并改變混合模式為柔光。

theoat.com.cn_0529325S5-31.jpg

第4步

確保你的圓一直被選擇,繼續(xù)關(guān)注外觀面板,添加第二個(gè)填色并將其拉到面板的頂部。

設(shè)置它的顏色為 R=41 G=41 B=41然后轉(zhuǎn)到效果>路徑>偏移路徑。 輸入-8px的偏移量,點(diǎn)擊確定按鈕,然后如下圖所示添加2個(gè)投影效果。

theoat.com.cn_0529322923-32.jpg

第5步

確保你的圓一直被選中,繼續(xù)關(guān)注外觀面板,添加第3個(gè)填色并將其拉動(dòng)面板的頂部。

設(shè)置顏色為R=169 G=124 B=80,降低透明度到70%并改變其混合模式為柔光。

添加新填色并將其拉動(dòng)面板的頂部。 設(shè)置其顏色為 R=206 G=10 B=7,然后轉(zhuǎn)到效果>路徑>偏移路徑。 輸入-10px的偏移量并點(diǎn)擊確定。

theoat.com.cn_0529324046-33.jpg

第6步

確保你的圓一直被選中,繼續(xù)關(guān)注外觀面板,添加一個(gè)新填色并將其拉動(dòng)面板的頂部。

設(shè)置顏色為R=31 G=61 B=61,然后打開描邊彈出的面板。 增加寬度為2px,將圓端點(diǎn)按鈕和虛線框勾上。 在第一個(gè)虛線框中輸入0px,第一個(gè)間隙框中輸入5 px,然后回到外觀面板。 確保在這步添加的描邊被選中,然后轉(zhuǎn)到效果>路徑>偏移路徑。 輸入-15px的偏移量然后點(diǎn)擊確定。

theoat.com.cn_05293212T-34.jpg

第7步

確保你的圓一直被選中,繼續(xù)關(guān)注外觀面板,添加一個(gè)新填色并將其拉動(dòng)面板的頂部。

設(shè)置其顏色為 R=61 G=61 B=61然后轉(zhuǎn)到效果>路徑>偏移路徑。 輸入-19px的偏移量,點(diǎn)擊確定按鈕然后轉(zhuǎn)到效果>風(fēng)格化>內(nèi)發(fā)光。 輸入下圖所示的屬性,點(diǎn)擊確定然后轉(zhuǎn)到效果>風(fēng)格化>投影。 輸入如下圖所示的屬性然后點(diǎn)擊確定按鈕。

theoat.com.cn_0529326043-35.jpg

第8步

確保你的圓一直被選中,繼續(xù)關(guān)注外觀面板,添加一個(gè)新填色并將其拉動(dòng)面板的頂部。

設(shè)置其顏色為 R=31 G=31 B=31然后轉(zhuǎn)到效果>路徑>偏移路徑。 輸入-20px的偏移量并點(diǎn)擊確定。

添加一個(gè)新填色并將其拉動(dòng)面板的頂部。 設(shè)置其顏色為 R=55 G=55 B=55然后轉(zhuǎn)到效果>路徑>偏移路徑。輸入-21px的偏移量并點(diǎn)擊確定。

theoat.com.cn_05293212b-36.jpg

第9步

確保你的圓一直被選中,繼續(xù)關(guān)注外觀面板,添加一個(gè)新填色并將其拉動(dòng)面板的頂部。

使其寬度為2px,用下面所示的線性漸變替換顏色,降低透明度到30%,改變混合模式為柔光然后轉(zhuǎn)到效果>路徑>偏移路徑。 輸入-5px的偏移量并點(diǎn)擊確定。

theoat.com.cn_052932D50-37.jpg

第10步

確保你的圓被選中,繼續(xù)關(guān)注外觀面板,選擇底部填色然后轉(zhuǎn)到效果>風(fēng)格化>內(nèi)發(fā)光。 輸入下面所示的屬性并點(diǎn)擊確定按鈕。

theoat.com.cn_052932B17-38.jpg

第11步

復(fù)制(Control-C > Control-F) 圓組成你的輪子,向右拉動(dòng)制作一份拷貝并將其放置到如下圖所示。

theoat.com.cn_052932Lb-39.jpg

第12步

將網(wǎng)格間隔回到5px,只需轉(zhuǎn)到編輯>首選項(xiàng)>參考線&網(wǎng)格并在網(wǎng)格間隔框輸入5。

利用矩形工具(M),創(chuàng)建一個(gè)285 x 40 px的形狀,設(shè)置填色為R=28 G=18 B=25,放置到如第一張圖的所示并將其置于底層 (Shift-Control-[)。

theoat.com.cn_0529324945-40.jpg
9.創(chuàng)建內(nèi)部

第1步

利用鋼筆工具(P),創(chuàng)建一個(gè)20px的垂直路徑,并將其放置到如第一張圖所示。 為這個(gè)路徑添加3px的描邊,設(shè)置其顏色為 R=26 G=38 B=38并不要忘記勾上圓形端點(diǎn)按鈕。 繼續(xù)關(guān)注這個(gè)新路徑并轉(zhuǎn)到直接選擇工具(A)。 選擇底部錨點(diǎn)并向左拉動(dòng)10px。

theoat.com.cn_0529321255-41.jpg

第2步

復(fù)制上一步制作的傾斜路徑,選擇拷貝并將其放置如第一張圖所示。 將全部路徑置于底層 (Shift-Control-[),然后僅選擇上面的轉(zhuǎn)到效果>扭曲&變換>變換。 拖動(dòng)水平移動(dòng)滑塊到-30px,在復(fù)本框中輸入10并點(diǎn)擊確定。

移動(dòng)底部的傾斜路徑,轉(zhuǎn)到效果>扭曲&變換>變換。 再一次拖動(dòng)水平移動(dòng)滑塊到-30px,在復(fù)本框中輸入7并點(diǎn)擊確定。

theoat.com.cn_052932G63-42.jpg

第3步

復(fù)制你的紅色復(fù)合路徑 (Control-C > Control-F),選擇拷貝,并用R=26 G=38 B=38替換現(xiàn)存的顏色。

確保這個(gè)新形狀被選中然后打開變換面板(窗口>變換)。 勾上約束寬度和高度比例按鈕,并在高度框中輸入165px。 最終你的形狀應(yīng)該看起來像第二張圖的樣子。 在你進(jìn)行下一步之前將其置于底層(Shift-Control-[) 。

theoat.com.cn_0529321241-43.jpg

第4步

利用鋼筆工具(P),創(chuàng)建2條簡單路徑覆蓋住頂部的小間隙以組成你的巴士的內(nèi)部。 只需簡單的將這些形狀與主要形狀合并,最終的結(jié)果應(yīng)該看起來像第二張圖。

theoat.com.cn_0529325960-44.jpg

第5步

再次選擇你的紅色復(fù)合路徑并如下所示添加內(nèi)發(fā)光效果。

theoat.com.cn_0529323J0-45.jpg
10.添加陰影和簡單背景

第1步

利用矩形工具(M)創(chuàng)建一個(gè)400 x 25 px的形狀,設(shè)置填色為R=10 G=0 B=0并放置如第一張圖所示。 關(guān)注這個(gè)新矩形的頂部并轉(zhuǎn)到直接選擇工具(A)。 選擇左邊的錨點(diǎn)并將其向右拖動(dòng)60px,然后選擇右邊的錨點(diǎn)將其向左拖動(dòng)85px。 最終你的形狀應(yīng)該看起來像第二張圖。

確保其保持被選中,將其置于底層 (Shift-Control-[)然后關(guān)注到外觀面板。 選擇現(xiàn)存的顏色轉(zhuǎn)到效果>風(fēng)格化>圓角。 輸入10px的半徑,點(diǎn)擊確定按鈕并轉(zhuǎn)到效果>模糊>高斯模糊。 輸入10px的半徑,點(diǎn)擊確定按鈕并返回外觀面板。

添加第二個(gè)填色,確保其顏色設(shè)為R=10 G=0 B=0,降低透明度到10%然后轉(zhuǎn)到效果>路徑>偏移路徑。 輸入-5px的半徑,點(diǎn)擊確定按鈕,然后轉(zhuǎn)到效果>風(fēng)格化>圓角。 輸入30px半徑,點(diǎn)擊確定并轉(zhuǎn)到效果>扭曲&變換>變換。 輸入下面所示的屬性,點(diǎn)擊確定按鈕并轉(zhuǎn)到效果>模糊>高斯模糊。 輸入3px的半徑并點(diǎn)擊確定。

theoat.com.cn_0529322221-46.jpg

第2步

利用橢圓工具(L),創(chuàng)建一個(gè)450 x 20 px的形狀并將其放置到如第一張圖所示。 設(shè)置填色為黑,將其置于底層 (Shift-Control-[)然后關(guān)注到外觀面板。 降低透明度到30%并轉(zhuǎn)到效果>模糊>高斯模糊。 輸入15px的半徑并點(diǎn)擊確定。

利用相同的工具,創(chuàng)建一個(gè)450 x 40 px的形狀并將其放置到如第二張圖所示。 用下面所示的線性漸變填充,將其置于底層(Shift-Control-[)然后關(guān)注到外觀面板。 改變混合模式為顏色減淡,然后轉(zhuǎn)到效果>模糊>高斯模糊。 輸入15px半徑并點(diǎn)擊確定。

theoat.com.cn_0529325491-47.jpg

第3步

利用矩形工具(M),創(chuàng)建一個(gè)你的畫板大小的形狀,將其置于底層(Shift-Control-[)并確保顏色設(shè)為R=255 G=224 B=159。

theoat.com.cn_0529325H3-48.jpg

第4步

確保背景圖形被選中,關(guān)注到外觀面板并添加第二個(gè)填充。 選中它,改變混合模式為柔光并用下圖所示的線性漸變替換現(xiàn)存的顏色。

theoat.com.cn_0529326336-49.jpg

第5步

確保背景圖形被選中,關(guān)注到外觀面板并添加第三個(gè)填充。 選中它,改變混合模式為色彩并用下圖所示的線性漸變替換現(xiàn)存的顏色。

theoat.com.cn_05293252b-50.jpg

恭喜! 你已經(jīng)完成了!

下面是它的外觀。 我希望你喜歡這個(gè)教程并能將這些技巧應(yīng)用于你將來的項(xiàng)目中。

theoat.com.cn_052932C94-51.jpg

作者:Andrei Marius
譯者:Jersey Xie

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
拉不拉2019-02-21 11:32
小路快跑2018-05-21 08:20
好好看啊
大斗2018-02-03 02:09
入門視頻
深愛不愛2017-06-22 10:12
回復(fù)一下
友情客串2017-06-22 10:00
好棒的教程
天沒年2017-06-22 08:17
好東西啊啊啊啊啊
寂寞花開旳時(shí)節(jié)2017-06-22 12:53
努力學(xué)習(xí)
回首那世間繁華2017-06-21 06:16
好教程
回首那世間繁華2017-06-21 06:16
好教程
挨踢的蝸牛2017-06-21 06:13
好東西
挨踢的蝸牛2017-06-21 06:13
好東西
孤蓬一葉2017-06-21 12:09
收益
孤蓬一葉2017-06-21 12:09
收益

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

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