AI新手教程！手把手教你繪制矢量半調效果圖案

編者按：今天的效果簡單實用，通過AI繪制一個Photoshop濾鏡庫已有的矢量半調效果圖案，學習完就可以位圖矢量相互轉換，非常方便，適合新手熟悉基礎工具練習，周一拿出點精神勁兒，來練練手吧 >>>

飛屋同學的熱門教程：

• 《AI新手教程！教你簡單快速地將圖片變成多邊形背景》
  
• 《PS新手教程！教你創建超簡單的炫彩背景》

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

（提示：教程末尾有EPS源文件下載鏈接）

一、繪制圖形

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

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

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

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

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

二、繪制漸變過渡

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

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

三、應用位圖效果

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

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

四、轉為矢量圖

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

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

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

后記

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

【新手自學指南好文全合集】

Top 1：作者自學成功的親身經驗，實用性高！
《超贊！設計師完全自學指南》

Top 2：從新手技巧到高手教程都在這兒了！
《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》

Top 3：集合多位交互大牛的經驗合集！
《交互設計師修煉指南！教你從零開始成為優秀交互設計師》

原文地址：ifeiwu

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量89萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
官方微信：想在手機上、被窩里獲取設計教程和各種意想不到的"福利"嗎？添加優設哥微信號：youshege