UI設(shè)計(jì)師教你做卡通碎紙機(jī)

這幅插畫(huà)雖然看起來(lái)簡(jiǎn)單，但卻是細(xì)節(jié)滿滿哦，寫(xiě)這個(gè)教程主要是想和大家分享一些PS的小技巧和快捷鍵，讓小白們畫(huà)起插畫(huà)來(lái)更容易~所以具體的參數(shù)就請(qǐng)大家參考源文件啦，教程就不多贅述了，我們開(kāi)始吧~

1.首先打開(kāi)我們?cè)O(shè)計(jì)師的作圖神器ps吧！新建一個(gè)800*600px的畫(huà)布，用矩形工具畫(huà)一個(gè)長(zhǎng)方形，然后按住alt鍵在同一個(gè)圖層畫(huà)一個(gè)小正方形；用鋼筆工具刪除正方形左下角的錨點(diǎn)，得到一個(gè)三角形，然后拖到長(zhǎng)方形的右上角對(duì)齊，得到一個(gè)缺角的紙頁(yè)。

Tip: 在選中形狀的情況下，按住alt鍵所建的形狀會(huì)減去選中的這個(gè)形狀，按shift鍵所建的形狀會(huì)加上選中形狀，同布爾運(yùn)算中的減去頂層形狀和合并形狀

2.設(shè)置紙頁(yè)描邊的大小顏色；用小黑箭頭選中右上角的三角形復(fù)制剪切到新圖層后，調(diào)整路徑操作為成合并形狀，然后調(diào)整一下大小方向與紙頁(yè)右上角對(duì)齊。

Tip: 有時(shí)剪切形狀到新圖層后，除了剪切形狀外整個(gè)畫(huà)布會(huì)被上個(gè)圖層的顏色填滿，此時(shí)重新調(diào)整路徑操作為成合并形狀即可。

ctrl+shift +j：剪切選中形狀到新圖層

3.參照目標(biāo)插畫(huà)，用鋼筆工具描出紙頁(yè)上形狀不規(guī)則的陰影，用矩形工具拉出高光，調(diào)整好顏色后創(chuàng)建剪切蒙版到紙頁(yè)上。折角上的高光可用內(nèi)陰影來(lái)畫(huà)，比較方便調(diào)整。

Tip: 按住shift鍵可使新描出的錨點(diǎn)在上一個(gè)錨點(diǎn)的水平或垂直方向

4.用圓角矩形工具畫(huà)出幾條粗細(xì)相同長(zhǎng)度不一的線段；接著用多邊形工具畫(huà)一個(gè)等邊三角形，用插件corner editor將三個(gè)角變成圓角后剪切蒙版到紙頁(yè)上（文末有附插件下載地址哦）。

Tip: 畫(huà)線段的時(shí)候，在新畫(huà)每一條線段前按住shift鍵，相當(dāng)于合并形狀，可讓所有線段在同一圖層內(nèi)，方便我們的圖層管理

5.通過(guò)復(fù)制和調(diào)整等邊三角形的銳度得到高光三角形；復(fù)制高光三角形并調(diào)整大小得到本色三角形，按住alt鍵畫(huà)一個(gè)圓角矩形，旋轉(zhuǎn)60度移動(dòng)到合適位置形成小高光；畫(huà)出陰影，和本色三角一起剪切蒙版到高光三角形上；最后畫(huà)上感嘆號(hào)

Tip: 移動(dòng)時(shí)按住shift鍵，可讓形狀在水平、垂直或正斜方向移動(dòng)，shift+方向鍵：在所按方向上10個(gè)像素的移動(dòng)

6.機(jī)器的畫(huà)法也就和上面差不多，要分析好本體、高光、陰影和線條這些不同色塊的擺放順序，規(guī)則形狀就用形狀工具，不規(guī)則形狀就用鋼筆工具，最后運(yùn)用剪切蒙版切到底部形狀中。

7.了解了上面的小技巧，接下來(lái)畫(huà)碎紙是不是就很容易了呢~兩個(gè)圖層就搞定了哦~

8. 最后再畫(huà)好背景就大功告成啦~鏘鏘鏘

教程里的一些tips，大家可以記在小本本上哦，忘記了可以翻一翻，像我入門(mén)的時(shí)候就經(jīng)常忘，哈哈~真的建議大家可以多記一些PS的快捷鍵呢，操作的時(shí)候會(huì)快捷很多，如果有哪里不懂的，我們也可以多交流哦！比心~

相關(guān)文章--《資深產(chǎn)品經(jīng)理告訴你：確定性，才是危機(jī)的開(kāi)始》