sketch mac版怎么制作長(zhǎng)陰影效果圖?sketch mac版制作長(zhǎng)陰影效果圖步驟。sketch mac版是一款畫(huà)圖軟件,最近有使用Mac版sketch的伙伴在詢問(wèn)怎么制作長(zhǎng)陰影效果圖?想知道的伙伴,跟著小編一起來(lái)看看sketch mac版制作長(zhǎng)陰影效果圖步驟。
sketch mac版制作長(zhǎng)陰影效果圖步驟:
在這篇教程當(dāng)中,讓我們?yōu)門witter的Logo來(lái)創(chuàng)建長(zhǎng)陰影效果。下載 EPS 的Twitter Logo,然后用Sketch打開(kāi)。
第一步,刪掉Clip2對(duì)象清理Logo,然后將 Fill 1對(duì)象重命名為 Twitter Logo。如果將你的Logo從圖層分組中分離,盡管我們會(huì)創(chuàng)建很多圖層,但是不分組的圖層還是更好操作。
第二步,讓Logo變得稍微小一點(diǎn),將大小重新改為寬度150px,同時(shí)創(chuàng)建一個(gè)寬度為600px,高度為500px的artboard。
第三步,創(chuàng)建一個(gè)新的矩形對(duì)象完全覆蓋在artboard上,將矩形上填充 #73D7FD 顏色并將此圖層改名為background。將圖層移動(dòng)到 Twitter Logo的圖層下面,再將Logo居中(Arrange -> Align 先水平對(duì)齊,再垂直對(duì)齊)。
第四步,開(kāi)始制作陰影,在Twitter Logo下面創(chuàng)建一個(gè)橢圓(oval)對(duì)象,然后用黑色(#000000),不需要使用border。改變圓形的大小,直到圓形的邊緣與小鳥(niǎo)的嘴巴和尾部相貼合。并將此圓形的圖層命名為Shadow。
第五步,為Shadow分配運(yùn)動(dòng)模糊效果(motion blur)。將數(shù)值修改為最大的50px,shadow的角度為45°,你會(huì)看到如下圖所示
第六步,為了制作一個(gè)實(shí)際的陰影,我們需要制作一些輔導(dǎo)線來(lái)展示陰影是怎么從Twitter Logo投影到背景上的。使用快捷鍵 L 來(lái)繪制直線,按住shift鍵可以繪制 45°的直線。然后復(fù)制三條直線,然后將直線在放在如下圖所示的位置,并將直線歸為一組鎖定。
第七步,創(chuàng)建一個(gè)普通的形狀去遮住陰影,使用快捷鍵V繪制矢量圖,然后從嘴巴的頂點(diǎn)開(kāi)始畫(huà)第一個(gè)點(diǎn),按住shift鍵可以畫(huà)45°的對(duì)角線。之前的輔助線會(huì)幫助你確定矢量圖點(diǎn)的位置。下圖是矢量圖圖形,然后將矢量圖重命名為mask
第八步,將Mask圖層放在Shadow下面。右擊Mask圖層,選擇 Use as Mask。這樣的畫(huà)會(huì)把Logo和Shadow全部都遮住,現(xiàn)在我們選中Logo 圖層,同樣是右擊,選擇Ingore underlying Mask。
第九步,隱藏輔助線,或者刪除。現(xiàn)在基本算是完工了,但是陰影感覺(jué)太強(qiáng)烈了,可以減少Shadow圖層的透明度來(lái)讓陰影更加柔和,30%的透明度比較合適。