萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> PS台灣設計師教你快速制作圓形漸變圖標

PS台灣設計師教你快速制作圓形漸變圖標

 PS台灣設計師教你快速制作圓形漸變圖標 三聯

  @Akane_Lee :看到有人問這種圓型 icon 要怎麼做,覺得很有趣稍微思考一下原理,做了個簡易快速版本。比不上原版精致、只是記錄思考方式。

  中間的漸層色

  畫一個圓,設圖層樣式,角度。

PS教程:台灣老師教你快速制作藍白漸變圖標

  凹進去的部份

  其實是用迭的,再畫一個半圓,設內陰影。

PS教程:台灣老師教你快速制作藍白漸變圖標

  中心

  畫一個圓,用圖層樣式設定,一層就能解決厚度和高光問題。

PS教程:台灣老師教你快速制作藍白漸變圖標
PS教程:台灣老師教你快速制作藍白漸變圖標
PS教程:台灣老師教你快速制作藍白漸變圖標
PS教程:台灣老師教你快速制作藍白漸變圖標

  外框

  用形狀工具、重迭兩個圓畫出圓環。同樣用圖層樣式設定,一層就解決厚度和高光。

PS教程:台灣老師教你快速制作藍白漸變圖標
PS教程:台灣老師教你快速制作藍白漸變圖標
PS教程:台灣老師教你快速制作藍白漸變圖標
PS教程:台灣老師教你快速制作藍白漸變圖標

  陰影

  復制需要陰影的那個圖層、高斯模糊,復制一層略縮小85%,調整透明度和重迭部份,陰影會比較立體。共有外框、中心、整體這 3 個部份要處理。

PS教程:台灣老師教你快速制作藍白漸變圖標
PS教程:台灣老師教你快速制作藍白漸變圖標
PS教程:台灣老師教你快速制作藍白漸變圖標

  如果這顆 icon 小於 300x300px 、又不是主力 icon 只是個配角、且走扁平化風格的話,用圖層樣式一層解決高光和厚度是很方便快速的作法。但如果是擬物風就得把這幾層拆開獨立制作。比較有趣的部份是「角度漸層」,平時很少使用這種漸層方式、明明是凹陷的部份卻以迭加一個圓的方式制造假陰影也扭轉平時的作圖想法。果然多臨摹大師作品可以學到很多不同的思維方式。

copyright © 萬盛學電腦網 all rights reserved