作為一個(gè)設(shè)計(jì)師，小清新的插畫是必須要會(huì)制作的，小千今天就來(lái)教大家用10步就繪制一個(gè)風(fēng)車插畫，看到就是學(xué)到。

      一、繪制房子的基礎(chǔ)圖形，先使用矩形工具（M）繪制一個(gè)120×140PX的白色矩形，作為風(fēng)車房子的基礎(chǔ)圖形。但是我們的房子是一個(gè)梯形現(xiàn)在只是長(zhǎng)方形，所以我們要使用自由變換工具（E）選中圖形頂部的頂點(diǎn)向中間移動(dòng)，記住移動(dòng)的數(shù)值，為了圖形美觀我們要確保兩邊變換數(shù)值一致，然后我們的梯形就完成了。

      二、繪制風(fēng)車的房頂，我們只需要在梯形頂部上繪制一個(gè)三角形就ojbk了，可以直接用多邊形工具或者鋼筆工具（P）繪制一個(gè)三角形，然后將三角形填充改成白色即可。

      三、我們需要給房子加點(diǎn)裝飾，使用圓角矩形工具繪制一個(gè)110×10像素的棕色: #865B65 圓角矩形，添加5PX的圓角半徑。

      房子還缺少一個(gè)門，我們使用矩形工具（M）繪制一個(gè)40×50像素的長(zhǎng)方形填充: #865B65。再使用直接選擇工具（A）選擇它的兩個(gè)頂點(diǎn)，摁住鼠標(biāo)下移，實(shí)現(xiàn)圓角效果，或直接給頂部?jī)蓚€(gè)定點(diǎn)添加20PX的圓角半徑，房子的門就繪制好了。

      最后，在門的頂部繪制一個(gè)棕色: #865B65 圓角矩形，直接復(fù)制剛剛做好的也行拖長(zhǎng)一點(diǎn)即可。

      為了確保圖形的規(guī)范性我們把它們都居中對(duì)齊，選擇所有圖形，然后單擊“ 對(duì)齊面板 ”中的“ 水平對(duì)齊中心 ” （窗口-對(duì)齊）。

      四、使用選擇工具（V）選擇門，按住Alt+Shift并向上拖動(dòng)，此時(shí)你會(huì)神奇的發(fā)現(xiàn)居然復(fù)制了一個(gè)一模一樣的門。( 問：為什么要按住Shift移動(dòng)？，答：幫助手殘黨實(shí)現(xiàn)直線移動(dòng)，確保圖形更加美觀規(guī)范 )

      選中剛剛復(fù)制的門，轉(zhuǎn)到對(duì)象>路徑>偏移路徑。將“ 偏移”值設(shè)置為-5 px，然后單擊“ 確定”。此時(shí)會(huì)神奇多出了一個(gè)門，給它填充一個(gè)深棕色: #7a525b即可。

      五、房子是鋼筋加磚頭加水泥建起來(lái)的，竟然是建房子所以我們要回歸初心，給它做點(diǎn)磚頭點(diǎn)綴一下。

      制作一個(gè)25×10像素的淺灰色: #f4f5fa 圓角矩形，添加5PX的圓角半徑，然后根據(jù)你的喜好隨意放置，可以有點(diǎn)個(gè)性，把其中一些磚塊穿過房子的邊緣。然后使用形狀生成工具（Shift+M），按住Alt剪去超出的部分，我們的磚頭裝飾就完成了。

      六、到了上色的環(huán)節(jié)，我們給屋頂填充一個(gè)棕色: #7a525b 即可。再使用直線段工具（\）繪制一個(gè)十字架給它5PT描邊，填充淺棕色: #865b65 放在屋頂下方的門上，我們的窗戶就完成了。

      七、使用矩形工具（M）繪制30×130像素的矩形，再給它加5PT的描邊，來(lái)制作風(fēng)車的風(fēng)葉。給矩形填充深橙色: #f3924b ，描邊填充為淺橙色: #fda34b。然后打開“ 描邊面板 ”將描邊對(duì)齊改成“ 內(nèi)部描邊 ”。然后使用直線段工具（\）在矩形中間繪制一條直線，把填充去掉再把描邊改成5PT，使用“ 對(duì)齊”面板把他們都水平居中對(duì)齊。

      八、再次使用直線段工具（\）畫一條橫線，使用選擇工具（V）選擇它，按住Alt+Shift并向下拖動(dòng)快速?gòu)?fù)制，然后按快捷鍵Ctrl+D重復(fù)上一步操作即可。

      九、一個(gè)完整的風(fēng)葉做好了，然后全選它組成編組（Ctrl+G），然后鼠標(biāo)右鍵變換-對(duì)稱-水平-復(fù)制。

      得到一個(gè)一模一樣的風(fēng)葉，然后按住Shift鍵向下拖動(dòng)。在兩個(gè)風(fēng)葉相交的點(diǎn)處創(chuàng)建一個(gè)20×20像素的圓。

      十、在選中剛剛做好的的兩個(gè)風(fēng)葉，并復(fù)制它們（Ctrl+C復(fù)制Ctrl+F粘貼）。然后鼠標(biāo)右鍵-變換-旋轉(zhuǎn)-90°，然后將這四個(gè)風(fēng)葉連接對(duì)齊到一起，然后鼠標(biāo)右鍵-變換-旋轉(zhuǎn)-45°，我們的插畫就繪制好了，可以使用圓角矩形工具適當(dāng)?shù)募狱c(diǎn)云彩點(diǎn)綴一下。

      學(xué)習(xí)ui設(shè)計(jì)，可以參考千鋒UI培訓(xùn)班提供的ui學(xué)習(xí)路線，該學(xué)習(xí)路線內(nèi)容包含ps軟件入門、AI與品牌設(shè)計(jì)、視覺表達(dá)技法、web視覺設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、產(chǎn)品交互、移動(dòng)端設(shè)計(jì)等，根據(jù)千鋒UI培訓(xùn)機(jī)構(gòu)提供的ui學(xué)習(xí)路線圖，可以讓你對(duì)學(xué)好ui需要掌握的知識(shí)有個(gè)清晰的了解，并能快速入門ui設(shè)計(jì)。想要獲取免費(fèi)的UI學(xué)習(xí)資源可以添加我們的UI技術(shù)交流qq群：809348958  加群找管理領(lǐng)取即可，等你來(lái)哦~~~~