冬天馬上就要來了,隨著日子的臨近,相信雪花也會(huì)將至,本篇教程通過AI來創(chuàng)建一個(gè)雪花圖案的圖標(biāo),用一些插畫師最基本的幾何形狀和工具來設(shè)計(jì)一些小的雪花圖標(biāo),同學(xué)們一起來學(xué)習(xí)一下吧。
效果圖:
m.theoat.com.cn
1 .工作如何設(shè)置一個(gè)新的項(xiàng)目文件
假設(shè)您已經(jīng)在后臺(tái)運(yùn)行了Illustrator并運(yùn)行,請將其啟動(dòng),讓我們使用以下設(shè)置創(chuàng)建一個(gè)新文檔(文件> New或control - n):
畫板數(shù)量:1
寬度:800像素
身高:600像素
單位:像素
從高級選項(xiàng)卡:
顏色模式:RGB
光柵效應(yīng):屏幕(72 ppi)
預(yù)覽模式:默認(rèn)
2.如何設(shè)置自定義網(wǎng)格
因?yàn)槲覀儗?huì)使用一個(gè)像素完美的工作流來創(chuàng)建圖標(biāo),所以我們想要建立一個(gè)漂亮的小網(wǎng)格,這樣我們就能完全控制我們的形狀。
步驟1
進(jìn)入編輯>偏好>引導(dǎo)和網(wǎng)格子菜單,并調(diào)整以下設(shè)置:
柵格線每一個(gè):1 px
細(xì)分:1
步驟2
一旦我們建立自定義網(wǎng)格,所有我們需要做的,以確保我們的形狀看起來清爽的啟用對齊網(wǎng)格和對齊像素選項(xiàng)發(fā)現(xiàn)在視圖菜單下,它將轉(zhuǎn)變成容易每次輸入像素預(yù)覽模式(如果您正在使用一個(gè)舊版本的軟件)。
現(xiàn)在,如果你對“像素完美的工作流程”有了新的了解,我強(qiáng)烈建議你瀏覽一下如何制作像素完美的藝術(shù)品教程,這將幫助你在任何時(shí)候都擴(kuò)大你的技術(shù)技能。
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è)雪花
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)的整體大小。
步驟2
加上一個(gè)較小的56 x 56 px(# FFFFFF),我們將會(huì)把它放在前面的形狀上,因?yàn)樗鼘⒆鳛槲覀兊幕顒?dòng)繪圖區(qū),因此給我們一個(gè)大約4像素的填充。
步驟3
使用control - g鍵盤快捷方式選擇并將兩個(gè)方塊組合在一起,然后使用三份拷貝(control - c > control - f 3倍),從原始的水平上水平地創(chuàng)建剩下的網(wǎng)格。一旦你有了所有的參考網(wǎng)格,組(control - g),然后將它們對齊到底層的畫板上,確保在移動(dòng)到下一層之前鎖定當(dāng)前的層。
5。如何創(chuàng)建第一個(gè)雪花圖標(biāo)
假設(shè)您已經(jīng)成功地創(chuàng)建了小的參考網(wǎng)格,繼續(xù)下一層(這將是第二個(gè)層次),讓我們通過創(chuàng)建第一個(gè)薄片來啟動(dòng)這個(gè)項(xiàng)目。
步驟1
用52 px高的4像素高的筆畫線來創(chuàng)建雪花的垂直切片,我們將使用# 7FD7E5顏色,然后將中心對齊到空的活動(dòng)繪圖區(qū)。
步驟2
切換到像素預(yù)覽模式(alt - control - y),然后使用一個(gè)4像素的厚筆畫(# 7FD7E5)繪制v型晶體結(jié)構(gòu),我們將在參考圖像中看到。
步驟3
使用我們剛剛完成的一個(gè)拷貝(control - c > control - f)創(chuàng)建底層細(xì)節(jié),我們將水平反射(右擊>轉(zhuǎn)換>反射>水平),然后在活動(dòng)繪制區(qū)域的另一邊位置。完成后,使用control - g鍵盤快捷鍵選擇并將所有三個(gè)圖形組合在一起。
步驟4
使用副本創(chuàng)建片狀的垂直切面(control - c > Control-F)我們剛分組,我們將在90o角旋轉(zhuǎn)使用旋轉(zhuǎn)工具(點(diǎn)擊右鍵>變換> > 90o)旋轉(zhuǎn)。
步驟5
添加左對角部分使用垂直的另一個(gè)副本(control - c > Control-F),我們將在一個(gè)旋轉(zhuǎn)45o角(右鍵>變換> > 45o)旋轉(zhuǎn),見參考圖片。
步驟6
通過切換到像素預(yù)覽模式(alt - control - y),并在直接選擇工具(A)的幫助下,選擇并將它們重新定位到網(wǎng)格上,以確保旋轉(zhuǎn)的形狀完全被像素網(wǎng)格捕捉到。
步驟7
用我們剛剛完成的一個(gè)拷貝(control - c > control - f)來創(chuàng)建正確的對角線部分來完成當(dāng)前的雪花,我們將垂直反射(右擊>轉(zhuǎn)換>反射>垂直)。一旦你完成了,選擇和小組(控制- g)所有的筆畫一起,然后繼續(xù)下一個(gè)。
6。如何創(chuàng)建第二個(gè)雪花圖標(biāo)
假設(shè)你已經(jīng)完成了第一個(gè)圖標(biāo)的工作,繼續(xù)下一層(那將是第三個(gè)),讓我們開始做第二個(gè)雪花。
步驟1
用一個(gè)36像素高的4像素高的邊框來創(chuàng)建垂直的區(qū)域,我們將使用# 7FD7E5顏色,然后將中心對齊到底層的活動(dòng)繪圖區(qū)。
步驟2
將頂部和底部的部分添加兩個(gè)8×8像素的圓(# 7FD7E5),我們將在參考圖像中看到。
步驟3
將這兩個(gè)細(xì)節(jié)部分用一個(gè)圓帽(# 7FD7E5)來繪制,使用參考圖像作為你的主要指南;c(diǎn)時(shí)間,在進(jìn)入下一個(gè)步驟之前,選擇和組(控制- g)所有當(dāng)前形狀。
步驟4
使用副本創(chuàng)建片狀的水平截面的形狀(control - c > Control-F)我們就分組,然后旋轉(zhuǎn)他們使用90o角(右鍵>變換> > 90o)旋轉(zhuǎn)。
步驟5
完成當(dāng)前的圖標(biāo),將其對角線部分使用之前的雪花中的一個(gè)拷貝(control - c),我們將(control - f)粘貼到當(dāng)前層,確保在引用圖像中對齊它們。一旦你完成了,選擇和組(控制- g)所有的組合形狀,然后繼續(xù)下一個(gè)。
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)格的中心位置。
步驟2
開始在垂直部分工作,通過創(chuàng)建一個(gè)16像素高的4px厚沖程段(# 7FD7E5)和一個(gè)圓帽,我們將定位到圓形的頂部錨點(diǎn),就像在參考圖像中看到的那樣。
步驟3
打開像素預(yù)覽模式(alt - control - y),然后繪制最上面的v字形部分,使用一個(gè)4像素的厚沖程(# 7FD7E5),帶一個(gè)圓帽,確保從垂直段的頂部錨點(diǎn)開始,一直到活動(dòng)繪圖區(qū)的頂部邊緣。
步驟4
花上幾分鐘,畫出剩下的部分,確保在它們的末端錨點(diǎn)之間保持一個(gè)4像素的距離,中間的兩個(gè)部分之間有8個(gè)px。一旦你完成了,選擇和組(控制- g)所有四個(gè)圖形一起使用control - g鍵盤快捷方式。
步驟5
使用我們剛剛分組的形狀的副本創(chuàng)建垂直部分的底部段,我們將水平反射(右擊>變換>反射>水平),然后在活動(dòng)繪制區(qū)域的另一邊位置。
步驟6
完成雪花通過添加水平部分使用一個(gè)復(fù)制(control - c > Control-F)我們剛剛創(chuàng)建的垂直部分,我們將在90o角旋轉(zhuǎn)(右鍵>變換> > 90o)旋轉(zhuǎn)。一旦你完成了,選擇和組(控制- g)所有的形狀在一起,然后移動(dòng)到下一個(gè)圖標(biāo)。
8.如何創(chuàng)建第四個(gè)雪花圖標(biāo)
現(xiàn)在我們來看看第四和最后一個(gè)圖標(biāo),所以要確保你把自己定位在第五層,讓我們把事情包起來!
步驟1
從我們剛剛完成的雪花的復(fù)制(control - c)開始,我們將粘貼到當(dāng)前層,然后將它的ungroup(右擊> ungroup)粘貼到當(dāng)前層,刪除引用圖像中看到的一些細(xì)節(jié)。
步驟2
在直接選擇工具(A)的幫助下,通過選擇它的頂部錨點(diǎn)來調(diào)整垂直段的長度,然后向上拖動(dòng),直到它的頂端接觸到活動(dòng)拉伸區(qū)域的外邊緣。
步驟3
創(chuàng)建一個(gè)v型段的拷貝(control - c >控制- f),并將它們分別放置在4個(gè)px的位置,從垂直段的頂部錨點(diǎn)處4個(gè)px。一旦你完成了,選擇和組(控制- g)所有三個(gè)形狀在一起,然后繼續(xù)下一步。
步驟4
使用我們剛剛完成的一個(gè)拷貝來創(chuàng)建雪花的底部段,我們將水平反射(右擊>變換>反射>水平),然后在活動(dòng)繪制區(qū)域的另一邊位置。
步驟5
使用副本添加水平部分(control - c > Control-F)的兩個(gè)垂直段,我們將轉(zhuǎn)90o(右鍵>變換> > 90o)旋轉(zhuǎn)。
步驟6
花上幾分鐘,用一個(gè)4像素的粗大的筆畫(# 7FD7E5)畫出左上角的鉆石形狀,我們將把10個(gè)px從活動(dòng)繪圖區(qū)的左上角放置。
步驟7
完成雪花,并通過添加剩下的鉆石,使用三份拷貝(control - c > control - f三次),我們將水平和/或垂直反射(右擊>轉(zhuǎn)換>反射>垂直和/或水平),然后在參考圖像中看到位置。
完成:
m.theoat.com.cn
漂亮的雪花是每個(gè)人對冬天的理解,同學(xué)們快快通過軟件叫它呈現(xiàn)在你眼前吧。
全教程完,學(xué)完記得交作業(yè)。教程對您有所幫助,請推薦給你的朋友。如果學(xué)會(huì)了,可以嘗試投稿給我們,跟大家分享你的學(xué)習(xí)經(jīng)驗(yàn):http://i.16xx8.com