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

效果圖,用AI來(lái)做矢量的半調(diào)效果圖

來(lái)源:ifeiwu 作者:飛屋睿UIdesign 學(xué)習(xí):10128人次

半調(diào)在英文里有個(gè)對(duì)應(yīng)的單詞叫做Halftone,指的是一種主要采用有規(guī)律的圓點(diǎn)表現(xiàn)畫面的特殊效果,這些圓點(diǎn)可以通過(guò)顏色、大小或間距的有層次的變化來(lái)表現(xiàn)出圖案中的明暗過(guò)渡,通常在有限的雙色調(diào)圖案中經(jīng)常派上用場(chǎng)。在Photoshop的濾鏡庫(kù)里有一個(gè)半調(diào)圖案的濾鏡,可以將任何圖案都自動(dòng)轉(zhuǎn)為半調(diào)效果。但濾鏡的適用范圍畢竟是有限的,而且Photoshop只能處理位圖。今天我要教大家的就是用AI來(lái)做矢量的半調(diào)效果圖。

效果圖,用AI來(lái)做矢量的半調(diào)效果圖

(提示:教程末尾有EPS源文件下載鏈接)

一、繪制圖形

打開AI,新建一個(gè)圖形,圖形的大小設(shè)置為1800px*1800px。

效果圖,用AI來(lái)做矢量的半調(diào)效果圖

在開始繪制圖形前,進(jìn)入【效果>文檔柵格效果設(shè)置】,在設(shè)置面板中分辨率一欄選擇“其他”,輸入288。由于我們要運(yùn)用到柵格化的效果,普通的矢量圖遇到柵格化后會(huì)因?yàn)榉直媛实膯?wèn)題讓效果大打折扣,在此,我們將72ppi擴(kuò)大4倍,這樣輸出的柵格效果就更加完美。

效果圖,用AI來(lái)做矢量的半調(diào)效果圖

利用星形工具,選中星形工具圖標(biāo),在畫布的任意地方雙擊兩下,這時(shí)會(huì)彈出星形工具設(shè)置面板。在設(shè)置中,將半徑1設(shè)置為800,半徑2設(shè)置為420,角點(diǎn)數(shù)設(shè)置為5。這些數(shù)值所表達(dá)的意思,相信大家可以通過(guò)不斷嘗試獲得自己的理解。在此不再贅述。這時(shí)保持黑色描邊,白色填充即可。

效果圖,用AI來(lái)做矢量的半調(diào)效果圖

讓我們?cè)賮?lái)畫一個(gè)小的星形,選中已經(jīng)畫好的星形,利用快捷組合鍵ctrl+c復(fù)制,ctrl+f粘貼在前面。這時(shí)兩個(gè)星形重疊在一起,表面上我們看不出任何變化。我們?cè)龠x中復(fù)制的星形,然后點(diǎn)擊右鍵,選擇【縮放】,在縮放面板中等比縮放里設(shè)置25%。這就是把原有圖形按等比例大小縮放。

效果圖,用AI來(lái)做矢量的半調(diào)效果圖

這時(shí),如果被縮小的圖形描邊也相應(yīng)變得更細(xì),你就需要進(jìn)入【首選項(xiàng)>常規(guī)】中,確保“縮放描邊和效果”為未選中狀態(tài)。這里的情況和另一個(gè)教程《AI新手教程!手把手教你繪制線性條紋幾何藝術(shù)圖案》寫的情況剛剛相反,我們?cè)诳s放時(shí)需要保持描邊的大小,因此需要關(guān)閉這個(gè)選項(xiàng)。

二、繪制漸變過(guò)渡

這也就是為什么我要做兩個(gè)不同比例的圖形的緣故了,因?yàn)槲医酉聛?lái)要利用混合工具來(lái)制造漸變。也許初級(jí)階段我們還拘泥在只能用漸變工具做漸變的局限里,那這便是突破這些局限的時(shí)候。

首先,還是讓我們先來(lái)為兩個(gè)圖形上色,關(guān)掉兩個(gè)圖形的描邊,將小星形設(shè)置為深灰色#4D4D4D,大的星形保持白色填充。選中兩個(gè)星形,進(jìn)入【對(duì)象>混合>建立】,這時(shí),混合工具就將圖形變?yōu)榱艘粋(gè)漸變過(guò)渡的星形。

效果圖,用AI來(lái)做矢量的半調(diào)效果圖

三、應(yīng)用位圖效果

一旦生成了平滑的漸變過(guò)渡,我們就可以為圖形應(yīng)用上半調(diào)效果。這一步驟將要把這一矢量圖形轉(zhuǎn)為位圖,不用擔(dān)心,等待效果完成后,你又可以將位圖轉(zhuǎn)回為矢量圖。

選中圖案,進(jìn)入【效果>像素畫>彩色半調(diào)】,應(yīng)用彩色半調(diào)的效果后,畫布上會(huì)彈出一個(gè)效果設(shè)置面板,將最大半徑設(shè)置為96,剩下的四項(xiàng)通道數(shù)值分別設(shè)置為128。其中,最大半徑就是對(duì)圓點(diǎn)大小的設(shè)定,如果大一點(diǎn)的半徑相應(yīng)圓點(diǎn)也會(huì)大一些。而所謂“網(wǎng)角度”,角度范圍是-360到+360度,是對(duì)顏色信息的設(shè)置。

效果圖,用AI來(lái)做矢量的半調(diào)效果圖

四、轉(zhuǎn)為矢量圖

效果應(yīng)用完成后,現(xiàn)在已經(jīng)是一個(gè)位圖圖象了。說(shuō)好的是矢量呢?沒錯(cuò),這時(shí)我們就要用到另一個(gè)工具將位圖轉(zhuǎn)為矢量圖。選中圖形,進(jìn)入【對(duì)象>擴(kuò)展外觀】,然后接著繼續(xù)在對(duì)象欄目下選擇【對(duì)象>圖像描摹>建立并擴(kuò)展】,這個(gè)工具可以將位圖變回矢量圖形。

效果圖,用AI來(lái)做矢量的半調(diào)效果圖

再選中這個(gè)圖形,點(diǎn)擊鼠標(biāo)右鍵,選擇取消編組。再重復(fù)這一步操作。這時(shí),選中圓點(diǎn)外的白色,拖動(dòng)如下圖。

效果圖,用AI來(lái)做矢量的半調(diào)效果圖

直接將這個(gè)圖形刪除掉。剩下的就是半調(diào)圖案的密布圓點(diǎn)。我們可以選中所有圓點(diǎn),填充任意的顏色。

效果圖,用AI來(lái)做矢量的半調(diào)效果圖
效果圖,用AI來(lái)做矢量的半調(diào)效果圖

后記

通過(guò)像素化效果,我們把矢量圖轉(zhuǎn)為了位圖,而應(yīng)用了效果后,我們還能通過(guò)圖像描摹又轉(zhuǎn)回矢量圖。通過(guò)這個(gè)教程的學(xué)習(xí),希望你已經(jīng)學(xué)會(huì)了這個(gè)相互轉(zhuǎn)換的方法。

 

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

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

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

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