• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator繪製復古風格的閃光燈圖標




    Illustrator繪製復古風格的閃光燈圖標

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自站酷的矢量教程類文章,寫教學的作者是154054334,感謝154054334提供Illustrator教程的實作教學。

    教學大綱:

    今天我們來學習用Illustrator繪製復古閃光燈圖標,主要使用Illustrator的一些基礎工具就可以繪製出一個好看的圖標,此教程適合新手來練習和熟悉Illustrator。


    Illustrator教程教學開始

    先看看效果圖

    Illustrator繪製復古風格的閃光燈圖標

    步驟1

    創建閃光燈的上半身的側部,選擇66×24像素的矩形(#595353),我們將通過設置調整半徑其左角落到12像素。在添加一個4像素的外描邊(#443E3E),距離繪畫區域的上下邊距如下圖所示:

    Illustrator繪製復古風格的閃光燈圖標

    第2步

    添加使用閃光燈的上半身的前部48×24像素的圓角矩形並設置圓角半徑4 PX, 填充顏色#7C7575,給4 PX外描邊(#443E3E),然後組合併組。距離繪畫區域的上下邊距如下圖所示:

    Illustrator繪製復古風格的閃光燈圖標

    第3步

    創建一個44×20像素的圓角矩形(#443E3E)設置圓角半徑2像素,在添加一個36×12像素的矩形(#C19468),我們將合併組。距離繪畫區域的上下邊距如下圖所示:

    Illustrator繪製復古風格的閃光燈圖標

    第4步

    添加一個反射到黃色面板,繪製一個32×8像素的矩形,填充的顏色設置為白色(#FFFFFF),其混合模式為疊加,其不透明度為40% 。

    Illustrator繪製復古風格的閃光燈圖標

    第5步

    使用矩形工具(M) ,添加三個28×2像素水平分隔線(#443E3E)垂直堆疊 1像素彼此,合組。

    Illustrator繪製復古風格的閃光燈圖標

    第6步

    繪製閃光燈本體的側部的垂直分隔線,繪製64×48像素圓角矩形(#443E3E)圓角半徑16像素,在繪製出一個較小的56×40像素一個,圓角半徑選擇12像素,選擇兩個形狀執行差集 ,距離繪畫區域的上下邊距如下圖所示:

    Illustrator繪製復古風格的閃光燈圖標

    第7步

    複製步驟1做的圖形,和上一步做的圖形,選中兩個圖形右鍵製作剪輯蒙版,得到下圖形狀(選擇兩個形狀>右鍵單擊>製作剪貼蒙版)。

    Illustrator繪製復古風格的閃光燈圖標

    第8步

    添加一個4×8像素的矩形(#443E3E),放在我們剛剛做的圖形右側,確保垂直居中對齊兩個。

    Illustrator繪製復古風格的閃光燈圖標

    第9步

    使用矩形工具(M) ,創建一個28×4像素水平分割線(#443E3E),放在剛剛創建的形狀右側。

    Illustrator繪製復古風格的閃光燈圖標

    第10步

    繪製閃光燈的上半身的側部,繪製一個4×4像素圓(#524E4E)添加4像素的外描邊(#443E3E)

    Illustrator繪製復古風格的閃光燈圖標

    第11步

    繪製閃光燈的本體的下半部分,繪製一個48×60像素的矩形(#7C7575),我們將通過設置調整半徑的頂部邊角的至4像素。給所得到的形狀的4像素外描邊(#443E3E)

    Illustrator繪製復古風格的閃光燈圖標

    第12步

    繪製側面部分,複製剛剛得到的形狀,放置在離右邊緣14像素的位置,更改填充形狀的顏色#595353。

    Illustrator繪製復古風格的閃光燈圖標

    第13步

    開始繪製閃光燈的下半部分的前端部,繪製一個32×12像素的矩形(#B55550),我們將通過設置調整半徑 的頂部邊角的至4像素。

    給所得到的形狀的添加4像素外描邊(#443E3E),在添加一個32×4像素矩形的水平分界線(#443E3E)把兩個形狀合併組。

    Illustrator繪製復古風格的閃光燈圖標

    第14步

    創建兩個2×16像素的矩形,我們將使用顏色#443E3E,放置在閃光燈前半部分的兩側。

    Illustrator繪製復古風格的閃光燈圖標

    第15步

    添加兩行的2×2像素的圓(#443E3E)位於 2像素彼此水平和垂直方向,距離紅色形狀2像素。

    Illustrator繪製復古風格的閃光燈圖標

    第16步

    繪製10×4像素的矩形(#443E3E)在繪製一個6×4像素矩形(#443E3E),間距2像素,然後選擇它們內底部錨點調整嚮往左2像素。 完成後合組,在繪製一個6×6像素的圓(#443E3E)距離間距如下圖所示:

    Illustrator繪製復古風格的閃光燈圖標

    第17步

    複製到閃光燈的的下半部分,放置在它下方離右邊6px。

    Illustrator繪製復古風格的閃光燈圖標

    第18步

    添加2×16像素的矩形(#443E3E),我們將中心對齊其右邊緣。

    Illustrator繪製復古風格的閃光燈圖標

    第19步

    現在繪製閃光燈的接口,先繪製一個16×2像素的矩形,我們將使用顏色#BFB6B6 ,並給予4 PX外描邊(#443E3E)。在添加一個小的4×1像素放在底部(#443E3E),合組放在下方。

    Illustrator繪製復古風格的閃光燈圖標

    第20步

    繪製一個8×2像素 的矩形(#968F8F)與4像素的外描邊(#443E3E),合組放置在它右邊。

    Illustrator繪製復古風格的閃光燈圖標

    第21步

    在接口下方,添加一個44×4像素的矩形(#443E3E),完成後合併組

    Illustrator繪製復古風格的閃光燈圖標

    步驟22

    圖標完成了,現在在它的下方添加一個陰影,我們這個圖標就完成了。如果這篇教程有幫助到你請不要吝嗇下方的點贊喲,謝謝。

    Illustrator繪製復古風格的閃光燈圖標

    — —

    文章永久連結為: Illustrator繪製復古風格的閃光燈圖標