Zi 字媒體

教學主題: Illustrator製作漂亮水晶按鈕圖標 大家好!! 小編今天來和大家分享關於 AI/CD教程中的Illustrator教程教學 今天的這個教學主題是: Illustrator製作漂亮水晶按鈕圖標 這教學的重點為這幾點 [ 按鈕,圖標,水晶,漂亮,製作,漸變,路徑,Ctrl,工具,選 ] 希望你可以從這幾點中領悟到修圖的精華 本文重點 本教程主要用Illustrator製作漂亮水晶按鈕圖標，整體的質感表現很漂亮，下面讓我們一起來學習吧。 首先,把效果圖發出來! 下面開始: 一 繪製"底座"部分 1.用橢圓工具(L),按住ALt+Shift(以某一點為中心)畫出一正圓, 然後打開圖層調板(F7),在對象名上雙擊,重命名為"金屬底座",如圖000: 2.為了讓它在最後看起來更真實,我想要給這個正圓一些透視, 使用"自由變換工具"(E),鼠標移動到正圓對象定界框右下角的空心方點上(如沒有顯示對象定界框,請按快捷鍵Shift+Ctrl+B使之顯示), 當鼠標變為雙向箭頭時,按下鼠標不放,再同時按下Shift+Ctrl+Alt鍵不放(此時鼠標變為一個虛的三角形), 按住的鼠標往右拖移,讓底座圓做垂直方向的透視變形! 3.按>鍵切換到漸變填色,(Ctrl+F9)調出漸變調板,設置"徑向漸變" 然後用漸變工具(G)在圓中拉了徑向漸變,並設置描邊為黑色,粗細為2Pt,如圖001: 4.打開外觀面板(Shift+F6),按Ctrl+/ 給底座圓"添加新填色", (在外觀面板中藍色表示已選擇新填色，)對這個新填色,用漸變工具(G),從左上角往中心拉出黑白徑向漸變,(此時這個漸變會覆蓋下面的漸變) 再在"透明度調板"中設置此漸變的混合模式為"濾色",如圖002: 二 繪製"金屬凹邊" 1.選中"底座圓"路徑,然後"對象>路徑>偏移路徑",得到新路徑,在圖層面板中命名為"金屬凹邊",如圖003: 2.對此偏移路徑,(Shift+F6)打開外觀面板,點右上角的倒三角菜單,選擇"簡化至基本外觀",如圖示004: 3.填充設為無色,設置一個描邊大小(比如為5Pt),Ctrl+C複製一份(到粘貼板)以備後用, 再"對象>路徑>輪廓化描邊",然後填充線性漸變如圖示005: 三 繪製"金屬上拋光面" 1.(將二-3中複製的路徑)Ctrl+F粘貼到前面,得到新路徑,在圖層中命名為"金屬上拋光面", 2.按>鍵,切換到漸變填色並調出漸變調板,按住Ctrl鍵鼠標點擊工具欄中的"漸變方框圖標",將漸變重置為默認的黑白漸變!如圖示006: 然後,在漸變調板中設置色標,並用漸變工具(G),拉出黑白線性漸變,描邊設為無,如圖007: 四 繪製"內部藍漸變" (這一步,我要用一個路徑畫出內部複合漸變) 1.再畫一稍小的橢圓,圖層命名為"內部藍漸變",位置稍偏上右,如圖008: 2.填充一徑向漸變,並設置描邊為灰色,粗細為4Pt, 如圖009: 3.(如一-4) 打開外觀面板(Shift+F6),按Ctrl+/ 給橢圓"添加新填色",並 用漸變工具(G),從右下角往右,拉出徑向漸變,如圖010: 貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以 使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使 用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。 在"透明度調板"中設置此漸變的混合模式為"濾色",如圖011: 貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓 的選區；按住Alt鍵將從起始點為中心勾劃選區。 註：如果文檔為RGB模式的，AICS3以下版本，必須用三色黑來代替單色黑，濾色模式才能濾去黑色部分! 五 開始做"內部標牌" 1.用"圓角矩形工具",拖畫出圓角矩形,不鬆開鼠標,同時按↑或↓來調整圓角大小,填充白色,描邊為無,如圖012: 2.文本工具(T)點擊並輸入英文Graby,然後"文字>創建輪廓"(Shift+Ctrl+O), 3.選擇矩形和文字路徑,Shift+Ctrl+F9調出路徑查找器,從矩形減去文字路徑,如圖013: 4.把標牌置於水晶按鈕上,並運用"效果>風格化>投影",並做了適當角度的旋轉,如圖014: 六 內部內發光 1.選擇工具(V),選擇"內部藍漸變",Ctrl+C複製,再Ctrl+F原位粘貼到前面, 按D鍵,使它為默認的填充描邊,然後菜單命令"對象>路徑>偏移路徑",得到小一些的橢圓,用淺藍色填充,設置如圖015: 2.執行菜單命令"效果>風格化>羽化"(羽化半徑適當),再(Ctrl+Shift+F10)調出透明度調板,設為濾色模式,35%透明度,如圖016: 七 高光部分 1.選擇工具(V),選擇上一步偏移路徑剩下的大橢圓,Ctrl+C複製到粘貼板(以備後用) 2.畫一路徑形狀,與此橢圓相減,得到一形狀區域如圖017: 3.為這一路徑命名為"質感高光",填充一種青色,調出透明度調板(Ctrl+Shift+F10),設為濾色模式,85%透明度,如圖018: 4.將1中複製的橢圓Ctrl+F粘貼到前面,選擇橢圓及"質感高光",透明度調板中,點開右上角倒三角菜單,選擇"建立不透明蒙版",如圖019: 5.單擊蒙版縮略框(圖020紅圈處),進入蒙版編輯, 6.選擇蒙版路徑,按Ctrl點擊漸變小方框(圖021紅圈處)即用默認漸變填充蒙版路徑,漸變工具(G)調整漸變,做出漸隱效果, 最後再點左側對象縮略圖,回到圖層,如圖021: 八 完美演繹 同樣用建立不透明蒙版的方法我加上了左上高光,和右下高光, 最後,我把"內部標牌"的不透明度降為了80%,並為底座加上的陰影,得到最終效果圖022: 到此,教程完畢 討論和交作業請進論壇：http://www.missyuan.com/viewthread.php?tid=443724 看完小編分享的教學之後 是不是對Illustrator教程中的AI/CD教程教學更熟悉了呢? 希望我們所介紹的 Illustrator製作漂亮水晶按鈕圖標 這教學會喜歡 文章標題: 骨子愛創意- Illustrator製作漂亮水晶按鈕圖標–轉載請註明來源處 本教學分類為Illustrator教程中的 AI/CD教程相關教學 文章相關關鍵字為: 按鈕,圖標,水晶,漂亮,製作,漸變,路徑,Ctrl,工具,選 本文永久連結 :Illustrator製作漂亮水晶按鈕圖標 本文轉載自 :VIA