Illustator制作網頁超酷的長陰影效果(2)

UI設計教程   /  UI圖標教程     

uimaker
UI設計師 / 江蘇 南京

來源:網絡   作者:佚名


第五步 裁剪陰影


Illustator制作網頁超酷的長陰影效果,PS教程,思緣教程網

最后,由于我們希望圖標看起來是連續的,UI設計自學,所以要對超出的陰影進行剪裁。這個步驟非常簡單,將背景圖形復制后原位粘貼,并置于所有其他元素的最上方,全選后應用下(Ctrl+7)。

最終效果


Illustator制作網頁超酷的長陰影效果,PS教程,思緣教程網

對圖標的背景圖形做同樣的操作后,就會得到我們要的效果啦。

方法二:路徑尋找器


Illustator制作網頁超酷的長陰影效果,PS教程,思緣教程網

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

第一步


Illustator制作網頁超酷的長陰影效果,PS教程,思緣教程網

我們創建一個矩形,高度跟圖標元素的直徑一致。

第二步

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


Illustator制作網頁超酷的長陰影效果,PS教程,思緣教程網

對背景圖形應用相同的方法就能得到最終的效果啦。


Illustator制作網頁超酷的長陰影效果,PS教程,思緣教程網

 收藏
湖北11选五今日推荐 兼职平台哪个靠谱 香港四不像必中一肖133期 喜乐彩票app下载 山西11选五预测软件 真人填大坑手机游戏下载 湖南幸运赛车开奖 今日股市实时点评 哈灵扬州麻将下载 河南十一选五走势图表 欢乐捕鱼电玩版街机版