• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ Illustrator教程 ] Illustrator製作漂亮水晶按鈕圖標—- AI/CD教程




    教學主題: Illustrator製作漂亮水晶按鈕圖標

    大家好!! 小編今天來和大家分享關於 AI/CD教程中的Illustrator教程教學

    今天的這個教學主題是: Illustrator製作漂亮水晶按鈕圖標

    這教學的重點為這幾點 [ 按鈕,圖標,水晶,漂亮,製作,漸變,路徑,Ctrl,工具,選 ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    本教程主要用Illustrator製作漂亮水晶按鈕圖標,整體的質感表現很漂亮,下面讓我們一起來學習吧。

    首先,把效果圖發出來!

    Illustrator製作漂亮水晶按鈕圖標

    下面開始:

    一 繪製"底座"部分

    1.用橢圓工具(L),按住ALt+Shift(以某一點為中心)畫出一正圓,

    然後打開圖層調板(F7),在對象名上雙擊,重命名為"金屬底座",如圖000:

    Illustrator製作漂亮水晶按鈕圖標

    2.為了讓它在最後看起來更真實,我想要給這個正圓一些透視,

    使用"自由變換工具"(E),鼠標移動到正圓對象定界框右下角的空心方點上(如沒有顯示對象定界框,請按快捷鍵Shift+Ctrl+B使之顯示),

    當鼠標變為雙向箭頭時,按下鼠標不放,再同時按下Shift+Ctrl+Alt鍵不放(此時鼠標變為一個虛的三角形),

    按住的鼠標往右拖移,讓底座圓做垂直方向的透視變形!

    3.按>鍵切換到漸變填色,(Ctrl+F9)調出漸變調板,設置"徑向漸變"

    然後用漸變工具(G)在圓中拉了徑向漸變,並設置描邊為黑色,粗細為2Pt,如圖001:

    Illustrator製作漂亮水晶按鈕圖標

    4.打開外觀面板(Shift+F6),按Ctrl+/ 給底座圓"添加新填色",

    (在外觀面板中藍色表示已選擇新填色,)對這個新填色,用漸變工具(G),從左上角往中心拉出黑白徑向漸變,(此時這個漸變會覆蓋下面的漸變)

    再在"透明度調板"中設置此漸變的混合模式為"濾色",如圖002:

    Illustrator製作漂亮水晶按鈕圖標

    二 繪製"金屬凹邊"

    1.選中"底座圓"路徑,然後"對象>路徑>偏移路徑",得到新路徑,在圖層面板中命名為"金屬凹邊",如圖003:

    Illustrator製作漂亮水晶按鈕圖標

    2.對此偏移路徑,(Shift+F6)打開外觀面板,點右上角的倒三角菜單,選擇"簡化至基本外觀",如圖示004:

    Illustrator製作漂亮水晶按鈕圖標

    3.填充設為無色,設置一個描邊大小(比如為5Pt),Ctrl+C複製一份(到粘貼板)以備後用,

    再"對象>路徑>輪廓化描邊",然後填充線性漸變如圖示005:

    Illustrator製作漂亮水晶按鈕圖標

    三 繪製"金屬上拋光面"

    1.(將二-3中複製的路徑)Ctrl+F粘貼到前面,得到新路徑,在圖層中命名為"金屬上拋光面",

    2.按>鍵,切換到漸變填色並調出漸變調板,按住Ctrl鍵鼠標點擊工具欄中的"漸變方框圖標",將漸變重置為默認的黑白漸變!如圖示006:

    Illustrator製作漂亮水晶按鈕圖標

    然後,在漸變調板中設置色標,並用漸變工具(G),拉出黑白線性漸變,描邊設為無,如圖007:

    Illustrator製作漂亮水晶按鈕圖標

    四 繪製"內部藍漸變" (這一步,我要用一個路徑畫出內部複合漸變)

    1.再畫一稍小的橢圓,圖層命名為"內部藍漸變",位置稍偏上右,如圖008:

    Illustrator製作漂亮水晶按鈕圖標

    2.填充一徑向漸變,並設置描邊為灰色,粗細為4Pt, 如圖009:

    Illustrator製作漂亮水晶按鈕圖標

    3.(如一-4) 打開外觀面板(Shift+F6),按Ctrl+/ 給橢圓"添加新填色",並

    用漸變工具(G),從右下角往右,拉出徑向漸變,如圖010:

    Illustrator製作漂亮水晶按鈕圖標
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    在"透明度調板"中設置此漸變的混合模式為"濾色",如圖011:

    Illustrator製作漂亮水晶按鈕圖標
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    註:如果文檔為RGB模式的,AICS3以下版本,必須用三色黑來代替單色黑,濾色模式才能濾去黑色部分!

    五 開始做"內部標牌"

    1.用"圓角矩形工具",拖畫出圓角矩形,不鬆開鼠標,同時按↑或↓來調整圓角大小,填充白色,描邊為無,如圖012:

    Illustrator製作漂亮水晶按鈕圖標

    2.文本工具(T)點擊並輸入英文Graby,然後"文字>創建輪廓"(Shift+Ctrl+O),

    3.選擇矩形和文字路徑,Shift+Ctrl+F9調出路徑查找器,從矩形減去文字路徑,如圖013:

    Illustrator製作漂亮水晶按鈕圖標

    4.把標牌置於水晶按鈕上,並運用"效果>風格化>投影",並做了適當角度的旋轉,如圖014:

    Illustrator製作漂亮水晶按鈕圖標

    六 內部內發光

    1.選擇工具(V),選擇"內部藍漸變",Ctrl+C複製,再Ctrl+F原位粘貼到前面,

    按D鍵,使它為默認的填充描邊,然後菜單命令"對象>路徑>偏移路徑",得到小一些的橢圓,用淺藍色填充,設置如圖015:

    Illustrator製作漂亮水晶按鈕圖標

    2.執行菜單命令"效果>風格化>羽化"(羽化半徑適當),再(Ctrl+Shift+F10)調出透明度調板,設為濾色模式,35%透明度,如圖016:

    Illustrator製作漂亮水晶按鈕圖標

    七 高光部分

    1.選擇工具(V),選擇上一步偏移路徑剩下的大橢圓,Ctrl+C複製到粘貼板(以備後用)

    2.畫一路徑形狀,與此橢圓相減,得到一形狀區域如圖017:

    Illustrator製作漂亮水晶按鈕圖標

    3.為這一路徑命名為"質感高光",填充一種青色,調出透明度調板(Ctrl+Shift+F10),設為濾色模式,85%透明度,如圖018:

    Illustrator製作漂亮水晶按鈕圖標

    4.將1中複製的橢圓Ctrl+F粘貼到前面,選擇橢圓及"質感高光",透明度調板中,點開右上角倒三角菜單,選擇"建立不透明蒙版",如圖019:

    Illustrator製作漂亮水晶按鈕圖標

    5.單擊蒙版縮略框(圖020紅圈處),進入蒙版編輯,

    Illustrator製作漂亮水晶按鈕圖標

    6.選擇蒙版路徑,按Ctrl點擊漸變小方框(圖021紅圈處)即用默認漸變填充蒙版路徑,漸變工具(G)調整漸變,做出漸隱效果,

    最後再點左側對象縮略圖,回到圖層,如圖021:

    Illustrator製作漂亮水晶按鈕圖標

    八 完美演繹

    同樣用建立不透明蒙版的方法我加上了左上高光,和右下高光,

    最後,我把"內部標牌"的不透明度降為了80%,並為底座加上的陰影,得到最終效果圖022:

    Illustrator製作漂亮水晶按鈕圖標

    到此,教程完畢

    討論和交作業請進論壇:http://www.missyuan.com/viewthread.php?tid=443724

    看完小編分享的教學之後 是不是對Illustrator教程中的AI/CD教程教學更熟悉了呢?

    希望我們所介紹的 Illustrator製作漂亮水晶按鈕圖標 這教學會喜歡

    文章標題: 骨子愛創意- Illustrator製作漂亮水晶按鈕圖標–轉載請註明來源處

    本教學分類為Illustrator教程中的 AI/CD教程相關教學

    文章相關關鍵字為: 按鈕,圖標,水晶,漂亮,製作,漸變,路徑,Ctrl,工具,選

    本文永久連結 :Illustrator製作漂亮水晶按鈕圖標

    本文轉載自 :VIA