編按：

說(shuō)到圖標(biāo)、logo等設(shè)計(jì)，除了設(shè)計(jì)師常用的PS，還需要AI相助~今天，我們就來(lái)講一講用PS+AI設(shè)計(jì)好看的圖標(biāo)的方法！

在平面設(shè)計(jì)中，設(shè)計(jì)師們都必會(huì)兩個(gè)軟件：PS、AI。其中，AI軟件做圖形更優(yōu)秀，PS軟件制作效果更好。設(shè)計(jì)時(shí)，可以用AI先做單色圖形，再運(yùn)用PS漸變制作各種色調(diào)效果，讓圖標(biāo)更加漂亮。今天我們就用這個(gè)方法完成扁平月球漸變圖標(biāo)設(shè)計(jì)！下面，一起來(lái)看看吧！

制作步驟順序：

1. 背景制作：打開(kāi)AI軟件，建立800X800像素，72分辨率。

① 矩形工具繪制背景，顏色深藍(lán)色即可，作為制作前景內(nèi)容的參考。

② 選擇橢圓形工具，單擊畫面設(shè)置參數(shù)400X400正圓形。

2. 選擇正圓形，描邊面板設(shè)置粗細(xì)4pt，漸變面板設(shè)置線性漸變顏色（左#E5E4D4，右#CE4B6C）。

3. 選擇正圓形，按Ctrl+C復(fù)制，按Ctrl+F原位粘貼，將新的正圓原位縮??；用鋼筆工具增加兩個(gè)錨點(diǎn)，用直接選擇工具選擇線段，按Delete刪除不要的線；選擇橢圓形單擊畫面，設(shè)置橢圓的寬高為4X4，這樣就得到了線條高光效果。

4. 選擇正圓形，按Ctrl+C復(fù)制，按Ctrl+F原位粘貼，按住Shift+Alt調(diào)節(jié)等比大小，鋼筆工具繪制曲線，參考圖片繪制。

5. 選擇所有的線條，點(diǎn)擊形狀生成器工具，每個(gè)交叉重疊的線條，都可以填充不同的顏色。

6. 按住Shift鍵選擇線條，按Delete刪除。如果有邊緣對(duì)不齊，利用直接選擇工具選擇錨點(diǎn)調(diào)節(jié)位置。

7. 選擇正圓形縮小，漸變?cè)O(shè)置為徑向漸變：白色和白色，設(shè)置左邊白色不透明度為0%，右邊白色不透明度為20%。

8. 選擇色塊填充不同漸變效果。

  ① 線性漸變屬性：左#69EAE2，右#299CEF。

② 線性漸變屬性：左#69EAE2，右#2DA3F5。

③ 線性漸變屬性：左#FAB49E，右#F35E6D。

④ 線性漸變屬性：左#FAB49E，右#F343B1。

⑤ 線性漸變屬性：左#FEEAC5，右#FEEAC5、不透明度0%。

9. 繪制橢圓形，擺放好位置后，選擇【對(duì)象】-【擴(kuò)展】，設(shè)置線性漸變屬性：左#00EFE7，中#0059BC、不透明度40%，右#0059BC。

10. 制作高光效果，復(fù)制正圓形，將兩個(gè)正圓形重疊，用路徑查找器點(diǎn)擊“減去頂層”按鈕，設(shè)置線性漸變屬性：左白色不透明為0%，右變白色不透明為30%。

11. 繪制正圓形，設(shè)置線性漸變屬性：白色，左不透明度10%、右不透明度0%；按住Alt鍵復(fù)制到上下兩個(gè)，分別調(diào)節(jié)大小即可。

12. 再制作一個(gè)大圓，設(shè)置線性漸變屬性：左#420294，右#390587、不透明度為0%。

13. 再?gòu)?fù)制一個(gè)大圓形，調(diào)整位置、大小，設(shè)置線性漸變屬性：左#460590，不透明度為0%；中#7C0A41，不透明度為70%；右#FFAB38，不透明度為50%。

14. 繪制圓角矩形，調(diào)節(jié)圓角，設(shè)置線性漸變屬性：左#FFAB38，中#7C0A41，右460590、不透明為0%。再?gòu)?fù)制一個(gè)圓角矩形，調(diào)節(jié)大小、位置、圓角。

15. 復(fù)制圓角矩形，設(shè)置線性漸變屬性：左#FFB9F9，不透明為40%；中#7C0A41，不透明度為60%；右#460590，不透明為0%。

這樣，AI中的圖形制作就完成了。接下來(lái)是完善效果!

16. 在AI中制作完成后，按Ctrl+2把背景鎖定。打開(kāi)PS，建立800X800像素的文件，拖入下圖素材作背景；在AI中全選圖形，按Ctrl+C復(fù)制；打開(kāi)PS文件，按Ctrl+V粘貼，選擇智能對(duì)象后點(diǎn)擊確定。在PS圖層面板中選擇調(diào)整層，對(duì)色相飽和度進(jìn)行調(diào)節(jié)：色相-2，飽和度+50。按住Alt鍵，點(diǎn)擊色相飽和度圖層和智能對(duì)象圖層中間，做只針對(duì)圖形的剪貼蒙版。

總結(jié)：

通過(guò)AI制作圖形，PS做整體氛圍和色調(diào)，讓漸變圖標(biāo)的效果更加突出。學(xué)會(huì)以后，大家就可以更換各種顏色進(jìn)行設(shè)計(jì)嘗試，達(dá)到自己喜歡的漸變效果。

下面，練習(xí)任務(wù)就交給你了！

掃碼入群，領(lǐng)取素材，和小伙伴一起交流學(xué)習(xí)PS喲~

↓

本文配套的練習(xí)素材請(qǐng)加QQ群：465481414下載

做PS高手，快速提升工作效率，部落窩教育《Photoshop全面精通班》視頻和《AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號(hào)，隨時(shí)隨地學(xué)習(xí)PS：

相關(guān)推薦：

如何用AI和PS制作線條背景和流光文字合成海報(bào)

AI設(shè)計(jì)：優(yōu)酷經(jīng)典 LOGO圖形制作

PS制作凹陷效果的LOGO展示效果

版權(quán)申明：

本文作者程立艷；同時(shí)部落窩教育享有專有使用權(quán)。若需轉(zhuǎn)載請(qǐng)聯(lián)系部落窩教育。