tft每日頭條

 > 生活

 > ai繪制鉛筆圖标

ai繪制鉛筆圖标

生活 更新时间:2025-01-22 21:00:34

效果圖

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)1

教程步驟

在開始制作之前,我們可以先整體地觀察一下毛玻璃作品的特征

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)2

步驟一 繪制草稿

1.根據以上分析結果,我将這次案例定為手機應用圖标。先進行簡單的草稿繪制。

步驟二 繪制形狀

1.畫稿畫好之後,然後用AI開始畫圖形

2.圖形繪制期間,如果發現造型可優化的地方,也可以立即修改

(1)信息圖标

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)3

(2)文檔圖标

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)4

(3)郵件圖标

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)5

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)6

(4)天氣圖标

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)7

3.所有圖層畫好之後,可以将圖形放在一起,并且調整好大小位置,使圖标看着整體更協調

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)8

步驟三 安裝插件

1.下載本教程提供的插件腳本并解壓;然後點擊文件-腳本-其它腳本

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)9

2.選中腳本的文件,點擊打開

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)10

3.出現下面提示,點确定

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)11

4.然後跳出導出面闆,選擇為psd格式并設置好路徑導出

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)12

步驟四 打開PSD文件

1.将剛才導出的psd文件打開

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)13

2.然後點圖層篩選器的形狀,并且按shift選中所有圖層,将透明度改為100,并Ctrl G編組

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)14

3.然後關掉篩選器,将形狀以外的所有圖層删除。并且按圖标含義編組

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)15

步驟五 制作文件夾圖标

1.圖像-模式,将模式改為RGB

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)16

2.粉色形狀顔色填充改為dab8f8

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)17

3.為第一個圖标,【文件面】圖層添加圖層樣式

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)18

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)19

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)20

4.修改【文件底】的顔色填充,并對【文件面】右鍵-拷貝圖層樣式,對【文件底】右鍵-粘貼圖層樣式

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)21

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)22

5.選中【文件紙】圖層,添加漸變疊加

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)23

6.Ctrl J複制【文件紙】圖層,放到【文件面】上方并做剪貼蒙版

7.将圖層透明度改為50,并調整羽化屬性

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)24

8.拷貝【文件面】圖層,并修改顔色填充,然後調整圖層模式為正片疊底。調整形狀羽化,并針對【文件紙】做剪貼蒙版

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)25

9.複制【文件紙】圖層,去掉漸變疊加,修改填充色、圖層模式、不透明度以及形狀羽化,最後加上文字。這個圖标就做好啦

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)26

步驟六 其他圖标制作

後續圖标的做法和上述類似,大家可以嘗試自己做完後面幾個

也可以按照教程參數繼續

1.将【文件面】和【文件紙】樣式分别拷貝粘貼到【短信上/下】

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)27

2.複制【短信下】并針對【短信上】做剪貼蒙版,調整不透明度和形狀羽化

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)28

3.複制【短信下】并針對【短信上】做剪貼蒙版,并稍微往下放一點

4.然後調整顔色填充、模式、不透明度和形狀羽化。最後加上文字效果也做好啦

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)29

5.将【文件面】和【文件紙】樣式分别拷貝粘貼到【雲朵/太陽】

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)30

6.拷貝【太陽】層,并放到【雲朵】上方做剪貼蒙版,然後調整不透明度和羽化

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)31

7.拷貝【雲朵】層,去除漸變疊加,并放到【太陽】上方做剪貼蒙版。然後設置顔色、模式、不透明度以及羽化。最後再加上文字就做好啦

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)32

8.分别拷貝【雲朵/太陽】圖層樣式,粘貼到【夾子/紙張】

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)33

9.拷貝【紙張】層,并放到【夾子】上方做剪貼蒙版,然後調整不透明度和羽化

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)34

10.拷貝【夾子】層,去除漸變疊加,并放到【紙張】上方做剪貼蒙版。然後設置顔色、模式、不透明度以及羽化。最後再加上文字就做好啦

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)35

步驟七 完善效果

1.新建一個背景圖層,用一個大畫筆,分别吸取紫色和藍色,在畫面裡一頓瞎塗。

2.然後濾鏡-模糊-高斯模糊,并且将圖層不透明度改為50

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)36

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)37

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)38

3.新建一個白色圓角矩形,并調整不透明度,然後加上投影樣式

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)39

4.Ctrl Alt Shift E蓋印圖層,并點擊濾鏡-Camera Raw濾鏡

5.然後調整校準和效果,這樣整個圖标就做好啦

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)40

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)41

最終效果圖

ai繪制鉛筆圖标(AIPS教程教你制作毛玻璃質感UI圖标)42

小可愛們,練習素材下載,私信我哦!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved