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

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

效果圖:

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

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

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

畫板數(shù)量:1

寬度:800像素

身高:600像素

單位:像素

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

顏色模式:RGB

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

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

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

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

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

步驟1

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

柵格線每一個(gè):1 px

細(xì)分:1

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

步驟2

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

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

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

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

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

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

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

層2:第一個(gè)雪花

第三層:第二個(gè)雪花

層4:第三個(gè)雪花

第五層:第四個(gè)雪花

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_www.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)您開始一個(gè)新項(xiàng)目時(shí),它們應(yīng)該始終是您做出的第一個(gè)決定,因?yàn)槟偸窍M麖淖钚〉拇笮¢_始,并在此基礎(chǔ)上構(gòu)建。

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

步驟1

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

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

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

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

步驟3

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

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

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

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

步驟1

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

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

步驟2

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

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

步驟3

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

AI教程,在AI中創(chuàng)建雪花圖標(biāo)_www.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)_www.theoat.com.cn

步驟5

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

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

步驟6

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

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

步驟7

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

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

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

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

步驟1

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

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

步驟2

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

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

步驟3

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

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

步驟4

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

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

步驟5

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

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

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

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

步驟1

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

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

步驟2

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

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

步驟3

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

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

步驟4

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

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

步驟5

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

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

步驟6

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

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

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

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

步驟1

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

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

步驟2

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

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

步驟3

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

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

步驟4

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

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

步驟5

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

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

步驟6

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

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

步驟7

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

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

完成:

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

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

全教程完,學(xué)完記得交作業(yè)。教程對您有所幫助,請推薦給你的朋友。如果學(xué)會了,可以嘗試投稿給我們,跟大家分享你的學(xué)習(xí)經(jīng)驗(yàn):http://i.16xx8.com

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

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿教程:http://i.16xx8.com

    我 說: 這里教會了我很多
    莫忘勿念 說: 謝老師分享。。。。!
    南灣不秋ll 說: 學(xué)習(xí)了
    兔子愛羅布 說: 學(xué)習(xí)學(xué)習(xí)
    天蝎T2013 說: 去寵物店給狗狗剪毛,問老板多少錢,老板說100元。 我大驚:“臥槽,我剪個(gè)頭發(fā)才20,你們這也太貴了吧!?” 老板說:“它敢吃屎你敢么?” 我不服:“我要是敢呢?” 老板說:“那我給你剪也收100 !