在開(kāi)始繪制前，我們還是老規(guī)矩，創(chuàng)建四個(gè)圖層文件夾來(lái)管理我們的圖層！
1. 如何創(chuàng)建背景
一旦我們完成了文檔的分層，就可以開(kāi)始繪制實(shí)際的插畫(huà)了，我們將通過(guò)創(chuàng)建背景來(lái)執(zhí)行此操作。因此，請(qǐng)確保您已定位在第一個(gè)圖層文件夾了，讓我們直接進(jìn)入它把！
步驟 1.1
使用鋼筆工具 （P），在將填充顏色設(shè)置為#7AC6F4后，使用參考圖像作為主參考，仔細(xì)繪制底部背景的主形狀。
步驟 1.2
再選擇筆工具 （P），快速繪制較小的背景圖形，而位置大小等可以參考下圖。
步驟 1.3
繪制完背景后，我們可以開(kāi)始處理前景的云，我們將使用一些大小不同的圓創(chuàng)建前景的云。將它們放置在底部形狀的兩側(cè)，使用#F0FBFF著色前面的云，使用#D4F7FF著色后面的云。
步驟 1.4
由于我們希望云是藏在背景里面的，所以我們要對(duì)云（Ctrl-G） 進(jìn)行打組，然后使用要粘貼在前面（Ctrl-F）快捷方式把背景復(fù)制一份。然后，選擇復(fù)制的背景和打組的云后，只需右鍵單擊”創(chuàng)建剪切蒙版”即可。完成后，不要忘記使用 Ctrl-G 鍵盤(pán)快捷鍵來(lái)把所有的形狀打組。
步驟 1.5
移動(dòng)到較小的背景上，然后使用 112 x 112 px 的圓 （#FFCF83） 創(chuàng)建發(fā)光光暈，然后再創(chuàng)建兩個(gè)較小的圓 （#FFCF83），每個(gè)比上次小 12 px，從而開(kāi)始處理太陽(yáng)。將它們堆疊在一起，確保將其不透明度降低到 16%。完成后，使用 40 x 40 px 的圓圈（#FFCF83）添加實(shí)際太陽(yáng)，確保使用 Ctrl-G 鍵盤(pán)快捷鍵選擇所有四個(gè)形狀并將其打組在一起。
步驟 1.6
完成創(chuàng)建太陽(yáng)后，用上面云一樣的處理方式處理太陽(yáng)即可。
步驟 1.7
通過(guò)創(chuàng)建三個(gè)不同形狀的橢圓（#FFFFFF）來(lái)繪制較小的浮動(dòng)云。使它們重疊 ，然后首先使用錨點(diǎn)工具 （Shift-C）擠壓其側(cè)錨點(diǎn)來(lái)調(diào)整它們。若想繼續(xù)調(diào)整其形狀，使用直接選擇工具 （A） 單獨(dú)選擇其較低的錨點(diǎn)就行，然后把不要的部分刪除，但是記得要封閉路勁哦，錨點(diǎn)不好使，請(qǐng)用路徑查找器來(lái)繪制把！最后請(qǐng)記得打組哦！
步驟 1.8
位置的話可以參考下圖，然后我們就做好了本次插畫(huà)的背景了。
2. 如何創(chuàng)建熱氣球
現(xiàn)在，我們已經(jīng)完成了背景工作，我們可以鎖定它的圖層，然后移動(dòng)到下一個(gè)圖層文件夾，我們將花一些時(shí)間來(lái)創(chuàng)建我們的熱氣球。
步驟 2.1
首先，使用 48 x 12px 的矩形為吊艙創(chuàng)建主形狀，我們將使用#664240進(jìn)行著色，然后在較大的背景上放置它，距離其左邊緣 288 px，距頂部 208 px。
步驟 2.2
通過(guò)打開(kāi)”變換”面板，調(diào)整我們剛剛創(chuàng)建的形狀，然后將其底部的角的半徑從矩形屬性內(nèi)設(shè)置為8px。
步驟 2.3
使用8個(gè) 2 x 2 px的矩形（#F7C263） 水平間隔 2 px 來(lái)作為窗戶，我們將對(duì)窗戶進(jìn)行打組（Ctrl-G），然后放置的位置可以參考圖像中所示。
步驟 2.4
通過(guò)創(chuàng)建 400 x 112 px 橢圓我們開(kāi)始處理氣球部分，我們將使用#F99178進(jìn)行著色，然后放置在吊廂頂部，使其最終重疊。
步驟 2.5
使用移動(dòng)工具（右鍵單擊 – 變換- 移動(dòng) -水平- -32 px），調(diào)整我們剛剛創(chuàng)建的形狀，將其中心錨點(diǎn)向左推 32 px（右鍵單擊 – 變換-移動(dòng) – 水平- -32 px），然后將右錨點(diǎn)的控點(diǎn)縮短 15 px，以便將其尾巴變薄變尖。
步驟 2.6
通過(guò)復(fù)制結(jié)果形狀（Ctrl-C + Ctrl-F），添加氣球底部較暗的部分，我們將通過(guò)選擇并刪除其頂部錨點(diǎn)來(lái)調(diào)整該部分。使用#C15142為新形狀著色。
步驟 2.7
使用較大氣球作為第二個(gè)副本（Ctrl-C）來(lái)作為高光部分，我們將將其粘貼在前面（Ctrl-F）。將其顏色更改為#EA7B65，然后單獨(dú)選擇并將其頂部和底部錨點(diǎn)推到內(nèi)部，大約16 px左右（右鍵單擊 變換里面可以用數(shù)值控制，具體取決于您從哪個(gè)錨點(diǎn)開(kāi)始，反方向就用負(fù)數(shù)）。
步驟 2.8
使用得到結(jié)果形狀復(fù)制（Ctrl-C + Ctrl-F）出來(lái)創(chuàng)建較暗的下半部分，我們將通過(guò)首先將其顏色更改為#D86552，然后移除其頂部錨點(diǎn)，然后使用 Ctrl-J 鍵盤(pán)快捷鍵關(guān)閉路徑來(lái)進(jìn)行調(diào)整。完成后，請(qǐng)確保在繼續(xù)執(zhí)行下一步之前，選擇它并打組（Ctrl-G）氣球的所有合成形狀。
步驟 2.9
使用 8 x 112 px 的矩形來(lái)添加氣球的嘴巴，我們將使用#664240進(jìn)行著色，然后居中對(duì)齊到氣球的左邊緣，隨后使用較大的基礎(chǔ)形狀的副本（Ctrl-C + Ctrl-F）將其屏蔽（右鍵單擊 + 制作剪切蒙版）。
步驟 2.10
使用 12 x 4px 矩形 （#664240） 創(chuàng)建鼻錐，我們將通過(guò)使用方向鍵單獨(dú)選擇它然后將左錨點(diǎn)推到內(nèi)側(cè)大約1px 來(lái)進(jìn)行調(diào)整，然后讓它與較大的氣球重疊 2Px。
步驟 2.11
使用 40 x 32 px 矩形 （#D86552） 添加機(jī)翼的主形狀，我們將通過(guò)調(diào)整左上角的半徑為32px來(lái)改變形狀。具體數(shù)值看圖把！
步驟 2.12
使用 8 x 32 px 矩形 （#664240）來(lái)作為較暗的部分，我們將使用基礎(chǔ)形狀的副本進(jìn)行剪切蒙版，然后使用8 x 8px的圓圈（#664240）裝飾它，我們將其放置再如圖所示的位置。完成后，請(qǐng)確保在繼續(xù)執(zhí)行下一步之前，選擇并打組（Ctrl-G） 所有形狀。
步驟 2.13
使用我們剛剛完成的圖形然后創(chuàng)建副本（Ctrl-C + Ctrl-F）添加到底部，我們將水平翻轉(zhuǎn)它，然后放置于氣球的底部。完成后，請(qǐng)確保將它們發(fā)送到所有其他形狀下方。
步驟 2.14
使用40 x 8px 橢圓 （#664240）創(chuàng)建面對(duì)我們的機(jī)翼，我們將通過(guò)選擇并將其錨點(diǎn)向左推 4 px 來(lái)進(jìn)行調(diào)整，將得到形狀從氣球的末端前挪動(dòng)16px。
步驟 2.15
使用四組每組3個(gè) 4 x 2 px 的橢圓（#664240）添加細(xì)節(jié)，請(qǐng)參考下圖來(lái)放置這些圓把！
步驟 2.16
使用12 x 8px 橢圓 （#664240）添加側(cè)引擎蓋，我們將通過(guò)選擇內(nèi)部錨點(diǎn)向左推 2 px 來(lái)調(diào)整。按參考圖像所示放置生成的形狀。完成后，你就把這些東西打組。
步驟 2.17
一旦我們完成了對(duì)熱氣球的繪制工作，我們可以使用三個(gè)1 px 圓角矩形 （#FFFFFF） 來(lái)表現(xiàn)熱氣球速度感或者是尾氣把，我們將在飛船周?chē)?8 px 的距離放置這些矩形。
步驟 2.18
通過(guò)添加幾個(gè)浮動(dòng)的云（#FFFFFF）來(lái)完成最終的插畫(huà)，遵循用于創(chuàng)建背景云相同方法。完成后，不要忘記使用 Ctrl-G 鍵盤(pán)快捷鍵選擇和打組所有形狀。
3. 如何創(chuàng)建漸變疊加
在我們鎖定當(dāng)前圖層并移動(dòng)到下一個(gè)圖層之前（這將是第三個(gè)圖層），我們需要將背景的兩個(gè)組和熱氣球的主體創(chuàng)建新的副本 （Ctrl-C） 并且添加到剪貼板中，因?yàn)槲覀儗⑹褂盟鼈儊?lái)創(chuàng)建疊加。
步驟 3.1
首先，我們希望使用 Ctrl-F 鍵盤(pán)快捷方式將剛剛添加到剪貼板的副本粘貼到當(dāng)前圖層上。
步驟 3.2
接下來(lái)，我們需要通過(guò)將形狀轉(zhuǎn)換為復(fù)合形狀來(lái)使形狀是單個(gè)較大的形狀。首先選擇它們，然后打開(kāi)路徑查找器面板，然后在高級(jí)菜單里面找到并點(diǎn)擊”制作復(fù)合形狀”。
步驟 3.3
創(chuàng)建復(fù)合形狀后，我們可以打開(kāi)漸變面板，并使用左#662D91右#FBB03B來(lái)創(chuàng)建線性漸變。
步驟 3.4
我們現(xiàn)在打開(kāi)不透明度面板，并將漸變的混合模式設(shè)置為”顏色加深”，確保將其不透明度降低到僅為30%。
4. 如何添加紋理
添加漸變疊加后，我們可以鎖定當(dāng)前圖層，然后向上移動(dòng)到最后一個(gè)圖層（這將是第四個(gè)圖層），我們將通過(guò)添加漂亮的雜質(zhì)來(lái)完成我們的小插畫(huà)。
步驟 4.1
我們首先需要復(fù)制 （Ctrl-C），然后粘貼 （Ctrl-V） 自定義紋理到當(dāng)前圖層，確保調(diào)整其大小，使其最終覆蓋整個(gè)畫(huà)板。
步驟 4.2
一旦我們的紋理到位，我們要做的就是剪切它（右鍵點(diǎn)擊 + 使剪切蒙版）怎么操作前面也講了很多此，不再重復(fù)了，然后確保將其不透明度降低到 60% 。
原文地址：youku
作者：Andrew Stefan
譯文地址：UI中國(guó)
譯者：米夏小雨
