用AI繪制3D漸變效果的網頁BANNER
Sponsor
本文教大家一個不錯的3D漸變效果，學會它可以用在網頁BANNER設計、海報設計等項目。
使用工具：Adobe illustrator CC
教程難度：簡單
核心練習：混合工具運用、漸變配色工具使用、色感練習。
1、繪制參考線：
繪制參考線要注意由小到大，這樣畫出來的線才好看哦！
Tips: 快捷鍵 Ctrl + ; 可以隱藏/顯示參考線
2、畫曲線：
使用「鋼筆工具」通過參考線繪制出波浪形的曲線。
3、繪制圓：
繪制兩個圓，大小、間距如下圖，并設置水平居中。
4、添加漸變色：
5、混合漸變：
a.選擇兩個圓，點擊菜單「對象-混合-建立」
第一次建立的混合漸變可能是這樣子的：
b. 修改混合漸變，點擊菜單「對象-混合-混合選項」選項和參數如下圖：
6、替換混合軸：
選中曲線和混合漸變對象，點擊菜單「對象-混合-替換混合軸」。
此時就會變成下圖的樣子：
7、調整大?。?/b>
按照透視的遠小近大原理，我們把右邊的圓圈放大（雙擊圓就能選中）
8、調整漸變：
反復調整，直到好看為止。
9、添加投影效果：
注意投影的透明度。
10、添加漸變背景：
Tips: 漸變配色可以到設計導航的「配色」欄目找漸變靈感哦！
11、加入修飾文字：
如果沒有點綴就會顯得單調，所以加一點文字作為裝飾效果。
完成！最終效果圖：
總結
看似10多個步驟，實際上是很簡單的，難點在于色彩的調整，如果色彩不好調整，可以到設計導航的「配色」欄目找漸變配色網站來獲得靈感。
贊助商鏈接
與 AI、AI教程、banner、illustrator教程、漸變色 相關的文章
喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。
{ 發表評論 }
推薦書籍
-
藝術的故事藝術與審美入門之書 -
DON'T MAKE ME THINK設計師必看 -
《移動應用UI設計模式》手機APP設計 -
《設計心理學 全四冊》高階技能！ -
JavaScript權威指南(第5版)只能說牛X -
《見微知著》Web用戶體驗入門書籍
贊助商
