隨著扁平化設(shè)計(jì)趨勢的日漸流行，尤其是在網(wǎng)絡(luò)世界里，接著脫穎而出的便是長投影的使用，特別是在小型UI元素和圖標(biāo)上。這些陰影有著特征性的水平斜向下45度角以及在靠近背景陰影處應(yīng)用漸變。

這樣的處理并不算新穎，其實(shí)它一直被廣泛應(yīng)用在攝影上，用于強(qiáng)調(diào)形狀，向觀看者傳遞別樣的情感。我們將向你演示用AI制作長陰影的兩種方法：一種使用路徑尋找器 ，另一種使用混合選項(xiàng)。

方法一：混合工具

第一步，繪制形狀

在開始前，我們需要準(zhǔn)備好以下元素：圖標(biāo)元素和背景圖形。此外，我們需要選擇扁平化設(shè)計(jì)風(fēng)格的調(diào)色。后面有些樣例供你參考。

第二步，復(fù)制和移動(dòng)

首先我們?yōu)閳D標(biāo)元素制作長陰影。為此，我們需要先復(fù)制圖標(biāo)元素后進(jìn)行原位粘貼(Ctrl+f)。然后將復(fù)制的元素沿X正軸或負(fù)軸方向(取決于我們想把陰影放在哪個(gè)位置)和Y的負(fù)軸方向移動(dòng)相同數(shù)量的像素。(例如：x0=0 y0=0 > x1=+100 y1=-100)

這就是我們獲得長陰影那特征性的水平斜向下45度角或135度角的方法了。

第三步，混合選項(xiàng)

接下來我們將使用混合工具來制作陰影。選擇混合選項(xiàng)后單擊這兩個(gè)圖標(biāo)元素，我們將得到從頭到尾連成一串的圖標(biāo)元素。

混合工具里有一個(gè)選項(xiàng)叫做，你可以設(shè)置一個(gè)大點(diǎn)的值來縮短元素間的距離制造一種裸眼無法識(shí)別的平滑過渡效果。

第四步 改變顏色 漸變

混合后結(jié)果將是一道長長的陰影。如果我們對(duì)其進(jìn)行顏色，透明度或者混合模式的設(shè)置，就會(huì)得到不同的效果。應(yīng)用漸變也會(huì)得到比較生動(dòng)有趣的結(jié)果。

第五步 裁剪陰影

最后，由于我們希望圖標(biāo)看起來是連續(xù)的，所以要對(duì)超出的陰影進(jìn)行剪裁。這個(gè)步驟非常簡單，將背景圖形復(fù)制后原位粘貼，并置于所有其他元素的最上方，全選后應(yīng)用下(Ctrl+7)。

最終效果

對(duì)圖標(biāo)的背景圖形做同樣的操作后，就會(huì)得到我們要的效果啦。

方法二：路徑尋找器

使用路徑尋找器也可以制作出長陰影。這個(gè)方法可能會(huì)慢些但能做出更逼真的效果。

第一步

我們創(chuàng)建一個(gè)矩形，高度跟圖標(biāo)元素的直徑一致。

第二步

(原文這里作者并未寫，以下是小編的方法，僅供參考)利用鋼筆工具勾勒出需要去除部分的形狀結(jié)合路徑尋找器將其去掉。然后對(duì)陰影部分進(jìn)行顏色，透明度，混合模式跟漸變等的設(shè)置。

對(duì)背景圖形應(yīng)用相同的方法就能得到最終的效果啦。.

以上就是Illustator制作網(wǎng)頁超酷的長陰影效果的兩種方法介紹，希望大家喜歡！

最新評(píng)論