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




  • 【 設計教學 】Sketch繪製一枚精美的鎚子論壇圖標




    Sketch繪製一枚精美的鎚子論壇圖標

    這一次的教學是屬於攝影作品領域中的其他資訊的相關教學。

    文章出處是來自知乎的攝影作品類文章,寫教學的作者是羅方可,感謝羅方可提供其他資訊的實作教學。

    教學大綱:

    好久沒出Sketch教程了,今天跟着老羅弟弟羅方可來一發圖標臨摹,原圖標是鎚子科技的UI高手方遲設計的,效果驚艷。剛買Sketch的同學,內文附有新手系列教程,幫你從零開始掌握Sketch。不多說,先看今天教程。


    其他資訊教學開始

    好久沒出Sketch教程了,今天跟着老羅弟弟羅方可來一發圖標臨摹,原圖標是鎚子科技的UI高手方遲設計的,效果驚艷。剛買Sketch的同學,內文附有新手系列教程,幫你從零開始掌握Sketch。不多說,先看今天教程。

    先看看效果圖

    Sketch繪製一枚精美的鎚子論壇圖標

    工具:Sketch 3.3.2

    首先,先畫一個水箱

    Sketch繪製一枚精美的鎚子論壇圖標

    新建圓角矩形、調透明度,然後調大小。

    Sketch繪製一枚精美的鎚子論壇圖標

    水箱的角,我是直接添加描點繪製的。

    接下來就是添加水箱的邊,和凹面繪製。先看一下所有樣式。

    Sketch繪製一枚精美的鎚子論壇圖標

    因為這個水箱的邊內外有兩個切面,所以描邊一共有三層。

    第一層、第二層分別是線性漸變。

    Sketch繪製一枚精美的鎚子論壇圖標

    Sketch繪製一枚精美的鎚子論壇圖標

    第一層比第二層短,這是因為第二層才是水箱邊的內切面。

    Sketch繪製一枚精美的鎚子論壇圖標

    這是第三層,這裡我使用了環形漸變,因為水箱角的上部_外切面也是高光的。

    接下來是水箱凹面。

    Sketch繪製一枚精美的鎚子論壇圖標

    Sketch繪製一枚精美的鎚子論壇圖標

    這裡使用了兩個樣式,徑向漸變+內陰影。

    同樣的,外陰影也兩個。

    Sketch繪製一枚精美的鎚子論壇圖標

    紅陰影

    Sketch繪製一枚精美的鎚子論壇圖標

    黑陰影

    接着畫水

    同樣,先把水部分的輪廓勾出來,然後調整漸變色。

    Sketch繪製一枚精美的鎚子論壇圖標

    Sketch繪製一枚精美的鎚子論壇圖標

    水與水箱之間是有“縫隙”的,所以也是要有“邊”。

    接下來添加水面的波紋。

    Sketch繪製一枚精美的鎚子論壇圖標

    Sketch繪製一枚精美的鎚子論壇圖標

    水波共兩層( Path 21、Path 22 )。

    繪製方式:Path 21 是純色面+描邊,Path 22 是線段,色彩自己看着調,這裡不上圖了。

    氣泡

    Sketch繪製一枚精美的鎚子論壇圖標

    Sketch繪製一枚精美的鎚子論壇圖標

    感受一下矢量圖和位圖之間的差別。

    直接上圖。

    Sketch繪製一枚精美的鎚子論壇圖標

    徑向漸變填充

    Sketch繪製一枚精美的鎚子論壇圖標

    描邊居中、線性漸變

    Sketch繪製一枚精美的鎚子論壇圖標

    外描邊、純色填充

    之後就是複製、粘貼、放大縮小、變形。

    水影

    水面上半部分的 LOGO 我就不說了,我直接說水影。

    Sketch繪製一枚精美的鎚子論壇圖標

    Sketch繪製一枚精美的鎚子論壇圖標

    水影我是直接繪製的,共兩層(愚蠢的方式)。

    Sketch繪製一枚精美的鎚子論壇圖標

    Sketch繪製一枚精美的鎚子論壇圖標

    第一層我用的高斯模糊。注意!是 Path 1 ~ Path 10 。

    Sketch繪製一枚精美的鎚子論壇圖標

    這是第一層 Path 24 的樣式(變焦模糊)。

    Sketch繪製一枚精美的鎚子論壇圖標

    Sketch繪製一枚精美的鎚子論壇圖標

    第二層全部是變焦模糊。注意!變焦模糊會嚴重變形曲線,所以一定要使用蒙版(蒙到“水”里)。

    主體完成,來做背景

    Sketch繪製一枚精美的鎚子論壇圖標

    也是兩層。

    Sketch繪製一枚精美的鎚子論壇圖標

    Sketch繪製一枚精美的鎚子論壇圖標

    Sketch繪製一枚精美的鎚子論壇圖標

    這是“背景”層,徑向漸變+雜色。

    然後複製一層(中心背景),並添加圓形蒙版。

    Sketch繪製一枚精美的鎚子論壇圖標

    最後,改一下“中心背景”層的雜色。

    Sketch繪製一枚精美的鎚子論壇圖標

    — —

    文章永久連結為: Sketch繪製一枚精美的鎚子論壇圖標