當(dāng)前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI教程,在AI中創(chuàng)建雪花圖標(biāo)(4)

來源:站酷 作者:不詳 學(xué)習(xí):9529人次

冬天馬上就要來了,隨著日子的臨近,相信雪花也會將至,本篇教程通過AI來創(chuàng)建一個雪花圖案的圖標(biāo),用一些插畫師最基本的幾何形狀和工具來設(shè)計一些小的雪花圖標(biāo),同學(xué)們一起來學(xué)習(xí)一下吧。

效果圖:

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn
m.theoat.com.cn

1 .工作如何設(shè)置一個新的項(xiàng)目文件

假設(shè)您已經(jīng)在后臺運(yùn)行了Illustrator并運(yùn)行,請將其啟動,讓我們使用以下設(shè)置創(chuàng)建一個新文檔(文件> New或control - n):

畫板數(shù)量:1

寬度:800像素

身高:600像素

單位:像素

從高級選項(xiàng)卡:

顏色模式:RGB

光柵效應(yīng):屏幕(72 ppi)

預(yù)覽模式:默認(rèn)

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

2.如何設(shè)置自定義網(wǎng)格

因?yàn)槲覀儗褂靡粋像素完美的工作流來創(chuàng)建圖標(biāo),所以我們想要建立一個漂亮的小網(wǎng)格,這樣我們就能完全控制我們的形狀。

步驟1

進(jìn)入編輯>偏好>引導(dǎo)和網(wǎng)格子菜單,并調(diào)整以下設(shè)置:

柵格線每一個:1 px

細(xì)分:1

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟2

一旦我們建立自定義網(wǎng)格,所有我們需要做的,以確保我們的形狀看起來清爽的啟用對齊網(wǎng)格和對齊像素選項(xiàng)發(fā)現(xiàn)在視圖菜單下,它將轉(zhuǎn)變成容易每次輸入像素預(yù)覽模式(如果您正在使用一個舊版本的軟件)。

現(xiàn)在,如果你對“像素完美的工作流程”有了新的了解,我強(qiáng)烈建議你瀏覽一下如何制作像素完美的藝術(shù)品教程,這將幫助你在任何時候都擴(kuò)大你的技術(shù)技能。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

3 .項(xiàng)目如何設(shè)置圖層

一旦我們建立了我們的文檔,用幾層結(jié)構(gòu)來構(gòu)造我們的項(xiàng)目是個好主意,因?yàn)檫@樣我們就可以一次只關(guān)注一個圖標(biāo)來保持一個穩(wěn)定的工作流程。

這就是說,打開圖層面板,創(chuàng)建總共5層,我們將重命名為:

層1:參考網(wǎng)格

層2:第一個雪花

第三層:第二個雪花

層4:第三個雪花

第五層:第四個雪花

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

4。如何創(chuàng)建參考網(wǎng)格

參考網(wǎng)格(或基本網(wǎng)格)是一組精確分隔的參考面,它允許我們通過關(guān)注大小和一致性來構(gòu)建我們的圖標(biāo)。

通常,網(wǎng)格的大小決定了實(shí)際圖標(biāo)的大小,當(dāng)您開始一個新項(xiàng)目時,它們應(yīng)該始終是您做出的第一個決定,因?yàn)槟偸窍M麖淖钚〉拇笮¢_始,并在此基礎(chǔ)上構(gòu)建。

現(xiàn)在,在我們的例子中,我們將用一個尺寸來創(chuàng)建圖標(biāo)包,更確切地說是64 x 64像素,這是相當(dāng)大的一個。

步驟1

從鎖定所有的“參考網(wǎng)格”層開始,然后抓取矩形工具(M),創(chuàng)建一個64×64 px橙色(# F15A24)正方形,這將有助于定義我們的圖標(biāo)的整體大小。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn步驟2

加上一個較小的56 x 56 px(# FFFFFF),我們將會把它放在前面的形狀上,因?yàn)樗鼘⒆鳛槲覀兊幕顒永L圖區(qū),因此給我們一個大約4像素的填充。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟3

使用control - g鍵盤快捷方式選擇并將兩個方塊組合在一起,然后使用三份拷貝(control - c > control - f 3倍),從原始的水平上水平地創(chuàng)建剩下的網(wǎng)格。一旦你有了所有的參考網(wǎng)格,組(control - g),然后將它們對齊到底層的畫板上,確保在移動到下一層之前鎖定當(dāng)前的層。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

5。如何創(chuàng)建第一個雪花圖標(biāo)

假設(shè)您已經(jīng)成功地創(chuàng)建了小的參考網(wǎng)格,繼續(xù)下一層(這將是第二個層次),讓我們通過創(chuàng)建第一個薄片來啟動這個項(xiàng)目。

步驟1

用52 px高的4像素高的筆畫線來創(chuàng)建雪花的垂直切片,我們將使用# 7FD7E5顏色,然后將中心對齊到空的活動繪圖區(qū)。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟2

切換到像素預(yù)覽模式(alt - control - y),然后使用一個4像素的厚筆畫(# 7FD7E5)繪制v型晶體結(jié)構(gòu),我們將在參考圖像中看到。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟3

使用我們剛剛完成的一個拷貝(control - c > control - f)創(chuàng)建底層細(xì)節(jié),我們將水平反射(右擊>轉(zhuǎn)換>反射>水平),然后在活動繪制區(qū)域的另一邊位置。完成后,使用control - g鍵盤快捷鍵選擇并將所有三個圖形組合在一起。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟4

使用副本創(chuàng)建片狀的垂直切面(control - c > Control-F)我們剛分組,我們將在90o角旋轉(zhuǎn)使用旋轉(zhuǎn)工具(點(diǎn)擊右鍵>變換> > 90o)旋轉(zhuǎn)。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟5

添加左對角部分使用垂直的另一個副本(control - c > Control-F),我們將在一個旋轉(zhuǎn)45o角(右鍵>變換> > 45o)旋轉(zhuǎn),見參考圖片。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟6

通過切換到像素預(yù)覽模式(alt - control - y),并在直接選擇工具(A)的幫助下,選擇并將它們重新定位到網(wǎng)格上,以確保旋轉(zhuǎn)的形狀完全被像素網(wǎng)格捕捉到。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟7

用我們剛剛完成的一個拷貝(control - c > control - f)來創(chuàng)建正確的對角線部分來完成當(dāng)前的雪花,我們將垂直反射(右擊>轉(zhuǎn)換>反射>垂直)。一旦你完成了,選擇和小組(控制- g)所有的筆畫一起,然后繼續(xù)下一個。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

6。如何創(chuàng)建第二個雪花圖標(biāo)

假設(shè)你已經(jīng)完成了第一個圖標(biāo)的工作,繼續(xù)下一層(那將是第三個),讓我們開始做第二個雪花。

步驟1

用一個36像素高的4像素高的邊框來創(chuàng)建垂直的區(qū)域,我們將使用# 7FD7E5顏色,然后將中心對齊到底層的活動繪圖區(qū)。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟2

將頂部和底部的部分添加兩個8×8像素的圓(# 7FD7E5),我們將在參考圖像中看到。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟3

將這兩個細(xì)節(jié)部分用一個圓帽(# 7FD7E5)來繪制,使用參考圖像作為你的主要指南。花點(diǎn)時間,在進(jìn)入下一個步驟之前,選擇和組(控制- g)所有當(dāng)前形狀。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟4

使用副本創(chuàng)建片狀的水平截面的形狀(control - c > Control-F)我們就分組,然后旋轉(zhuǎn)他們使用90o角(右鍵>變換> > 90o)旋轉(zhuǎn)。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟5

完成當(dāng)前的圖標(biāo),將其對角線部分使用之前的雪花中的一個拷貝(control - c),我們將(control - f)粘貼到當(dāng)前層,確保在引用圖像中對齊它們。一旦你完成了,選擇和組(控制- g)所有的組合形狀,然后繼續(xù)下一個。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

7 .工作。如何創(chuàng)建第三個雪花圖標(biāo)

現(xiàn)在你已經(jīng)知道了這個練習(xí),所以要確保你已經(jīng)把自己放到了下一層(這是第四層),讓我們直接跳到它上面。

步驟1

首先,用一個12x12像素的圓心,用一個4px的粗筆畫(# 7FD7E5)創(chuàng)建雪花的中心部分,我們將在第三個參考網(wǎng)格的中心位置。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟2

開始在垂直部分工作,通過創(chuàng)建一個16像素高的4px厚沖程段(# 7FD7E5)和一個圓帽,我們將定位到圓形的頂部錨點(diǎn),就像在參考圖像中看到的那樣。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟3

打開像素預(yù)覽模式(alt - control - y),然后繪制最上面的v字形部分,使用一個4像素的厚沖程(# 7FD7E5),帶一個圓帽,確保從垂直段的頂部錨點(diǎn)開始,一直到活動繪圖區(qū)的頂部邊緣。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟4

花上幾分鐘,畫出剩下的部分,確保在它們的末端錨點(diǎn)之間保持一個4像素的距離,中間的兩個部分之間有8個px。一旦你完成了,選擇和組(控制- g)所有四個圖形一起使用control - g鍵盤快捷方式。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟5

使用我們剛剛分組的形狀的副本創(chuàng)建垂直部分的底部段,我們將水平反射(右擊>變換>反射>水平),然后在活動繪制區(qū)域的另一邊位置。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟6

完成雪花通過添加水平部分使用一個復(fù)制(control - c > Control-F)我們剛剛創(chuàng)建的垂直部分,我們將在90o角旋轉(zhuǎn)(右鍵>變換> > 90o)旋轉(zhuǎn)。一旦你完成了,選擇和組(控制- g)所有的形狀在一起,然后移動到下一個圖標(biāo)。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

8.如何創(chuàng)建第四個雪花圖標(biāo)

現(xiàn)在我們來看看第四和最后一個圖標(biāo),所以要確保你把自己定位在第五層,讓我們把事情包起來!

步驟1

從我們剛剛完成的雪花的復(fù)制(control - c)開始,我們將粘貼到當(dāng)前層,然后將它的ungroup(右擊> ungroup)粘貼到當(dāng)前層,刪除引用圖像中看到的一些細(xì)節(jié)。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟2

在直接選擇工具(A)的幫助下,通過選擇它的頂部錨點(diǎn)來調(diào)整垂直段的長度,然后向上拖動,直到它的頂端接觸到活動拉伸區(qū)域的外邊緣。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟3

創(chuàng)建一個v型段的拷貝(control - c >控制- f),并將它們分別放置在4個px的位置,從垂直段的頂部錨點(diǎn)處4個px。一旦你完成了,選擇和組(控制- g)所有三個形狀在一起,然后繼續(xù)下一步。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟4

使用我們剛剛完成的一個拷貝來創(chuàng)建雪花的底部段,我們將水平反射(右擊>變換>反射>水平),然后在活動繪制區(qū)域的另一邊位置。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟5

使用副本添加水平部分(control - c > Control-F)的兩個垂直段,我們將轉(zhuǎn)90o(右鍵>變換> > 90o)旋轉(zhuǎn)。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟6

花上幾分鐘,用一個4像素的粗大的筆畫(# 7FD7E5)畫出左上角的鉆石形狀,我們將把10個px從活動繪圖區(qū)的左上角放置。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

步驟7

完成雪花,并通過添加剩下的鉆石,使用三份拷貝(control - c > control - f三次),我們將水平和/或垂直反射(右擊>轉(zhuǎn)換>反射>垂直和/或水平),然后在參考圖像中看到位置。

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn

完成:

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_m.theoat.com.cn
m.theoat.com.cn

漂亮的雪花是每個人對冬天的理解,同學(xué)們快快通過軟件叫它呈現(xiàn)在你眼前吧。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!