<button id="ptu4h"><acronym id="ptu4h"><input id="ptu4h"></input></acronym></button>

<tbody id="ptu4h"></tbody>

    <dd id="ptu4h"><center id="ptu4h"></center></dd><dd id="ptu4h"></dd><dd id="ptu4h"><track id="ptu4h"><video id="ptu4h"></video></track></dd>
  • 16素材
    您現在的位置:首頁 > 教程中心 > Illustrator教程

    Illustrator繪制漂亮的水晶質感按鈕圖標教程

     首先,我們先來看看效果圖!

    Illustrator繪制漂亮的水晶按鈕圖標
    效果圖

      說明:

      1、教程內容分八部分,考慮到適合初學者,特別詳細; 
      2、文字部分,()中的內容為相對的命令快捷鍵或所作的補充說明!

      下面開始制作步驟:

      一、繪制"底座"部分 

      1、用橢圓工具(L),按住ALt+Shift(以某一點為中心)畫出一正圓。然后打開圖層調板(F7),在對象名上雙擊,重命名為“金屬底座”,如圖1:

    Illustrator繪制漂亮的水晶按鈕圖標
    圖1

      2、為了讓它在最后看起來更真實,我想要給這個正圓一些透視,使用"自由變換工具"(E),鼠標移動到正圓對象定界框右下角的空心方點上(如沒有顯示對象定界框,請按快捷鍵Shift+Ctrl+B使之顯示),當鼠標變為雙向箭頭時,按下鼠標不放,再同時按下Shift+Ctrl+Alt鍵不放(此時鼠標變為一個虛的三角形),按住的鼠標往右拖移,讓底座圓做垂直方向的透視變形!

      3、按>鍵切換到漸變填色,(Ctrl+F9)調出漸變調板,設置"徑向漸變" ,然后用漸變工具(G)在圓中拉了徑向漸變,并設置描邊為黑色,粗細為2Pt,如圖2:

    Illustrator繪制漂亮的水晶按鈕圖標
    圖2

     

      4、打開外觀面板(Shift+F6),按Ctrl+/ 給底座圓“添加新填色”,對這個新填色,用漸變工具(G),從左上角往中心拉出黑白徑向漸變,再在"透明度調板"中設置此漸變的混合模式為"濾色",如圖3:

    Illustrator繪制漂亮的水晶按鈕圖標
    圖3

      二、繪制"金屬凹邊"

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

    Illustrator繪制漂亮的水晶按鈕圖標
    圖4

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

    Illustrator繪制漂亮的水晶按鈕圖標
    圖5

      3、填充設為無色,設置一個描邊大小(比如為5Pt),Ctrl+C復制一份(到粘貼板)以備后用,再"對象>路徑>輪廓化描邊”,然后填充線性漸變如圖示6:

    Illustrator繪制漂亮的水晶按鈕圖標
    圖6

     

      三、繪制"金屬上拋光面"

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

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

    Illustrator繪制漂亮的水晶按鈕圖標
    圖7

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

    Illustrator繪制漂亮的水晶按鈕圖標
    圖8

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

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

    Illustrator繪制漂亮的水晶按鈕圖標
    圖9

      2、填充一徑向漸變,并設置描邊為灰色,粗細為4Pt,如圖10:

    Illustrator繪制漂亮的水晶按鈕圖標
    圖10

     

      3、(如一-4) 打開外觀面板(Shift+F6),按Ctrl+/ 給橢圓"添加新填色",并用漸變工具(G),從右下角往右,拉出徑向漸變,如圖11:

    Illustrator繪制漂亮的水晶按鈕圖標
    圖11

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

    Illustrator繪制漂亮的水晶按鈕圖標
    圖12

      五、開始做"內部標牌"

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

    Illustrator繪制漂亮的水晶按鈕圖標
    圖13

      2、文本工具(T)點擊并輸入英文Graby,然后"文字>創建輪廓"(Shift+Ctrl+O)。

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

    Illustrator繪制漂亮的水晶按鈕圖標
    圖14

    關鍵詞: Illustrator教程AI教程AI繪制圖標教程水晶質感按鈕AI繪制水晶按鈕教程

    相關素材

    聯系客服 加入QQ群
    素材中国