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

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

來源:ifeiwu 作者:飛屋睿UIdesign 學習:10128人次

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

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

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

一、繪制圖形

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

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

在開始繪制圖形前,進入【效果>文檔柵格效果設置】,在設置面板中分辨率一欄選擇“其他”,輸入288。由于我們要運用到柵格化的效果,普通的矢量圖遇到柵格化后會因為分辨率的問題讓效果大打折扣,在此,我們將72ppi擴大4倍,這樣輸出的柵格效果就更加完美。

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

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

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

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

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

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

二、繪制漸變過渡

這也就是為什么我要做兩個不同比例的圖形的緣故了,因為我接下來要利用混合工具來制造漸變。也許初級階段我們還拘泥在只能用漸變工具做漸變的局限里,那這便是突破這些局限的時候。

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

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

三、應用位圖效果

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

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

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

四、轉為矢量圖

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

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

再選中這個圖形,點擊鼠標右鍵,選擇取消編組。再重復這一步操作。這時,選中圓點外的白色,拖動如下圖。

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

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

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

后記

通過像素化效果,我們把矢量圖轉為了位圖,而應用了效果后,我們還能通過圖像描摹又轉回矢量圖。通過這個教程的學習,希望你已經(jīng)學會了這個相互轉換的方法。

 

學習 · 提示

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

關注大神微博加入>>

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