如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.tlbvwg.live

設計立體擬物風格APP圖標的PS實例教程

當前位置 : PS學習網 > 實例教程 > 正文來源:網絡作者:網絡時間:2019-08-12人氣:

在開始制作之前呢,首先確定好自己要做的內容有哪些,大致的一個風格。然后去尋找參考,看看其他作者如何在作品中將自己的想法展現出來。這里我選擇相機、天氣、日歷、相冊、設置、信息、視頻和地圖。

內容和風格確定了,參考也找的的差不多了,對于自己要做的東西有一個比較清晰的思路之后,先在草圖上將自己大致的想法畫出來,然后才用軟件將想法構建完善。這里做的幾個圖標都是比較簡單的,基本上可以用圖層樣式來實現所有的效果。

因為是擬物風格,所以在圖標制作的過程當中,要注意體積和光影的表達。通過顏色的選擇、相似的裝飾元素使整體風格看起來更加統一和諧。

先看看效果圖

設計立體擬物風格APP圖標的PS實例教程

教程步驟

草圖

設計立體擬物風格APP圖標的PS實例教程

一、相機圖標

步驟 01 建立文檔并制作背景

新建文檔,大小2000x800px,分辨率72;新建圖層,命名背景,填充前景色#d6d6dd

步驟 02 制作底座

新建300x300px的圓角矩形,圓角半徑60px,命名底座,添加圖層樣式制造體積感

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

步驟 03 制作鏡頭外圓

新建228x228px的圓形,命名【外圓1】,添加圖層樣式

復制外圓1,修改大小190x19px,命名【外圓2】,添加圖層樣式

將外圓1,外圓2編組命名【外圓】

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

 

步驟 04 鏡頭內部

新建大小162×162 px的圓形,命名【內圓1】

復制3個,大小分別修改為130x130px、90x90px、56x56px

分別命名為【內圓2】、【內圓3】、【內圓4】

再按順序添加以下圖層樣式

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

步驟 05 制作玻璃球

新建大小24x24px的圓形,顏色#000000,復制一個備用

添加蒙版,擦去上半部分,添加圖層樣式

將復制的圓形顏色改為#ffffff,調整不透明度10%,添加蒙版,擦出一個月牙形狀

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

步驟 06 制作鏡頭高光

按住CTRL+左鍵點擊【外圓1】圖層縮略圖得到圓形選區

新建一個圖層,用柔邊圓筆刷(大概400px)在圓形選區的上半部分輕輕拍一下,顏色#ffffff,不透明度20%

用布爾運算做出圖中圖形(三個圖層),顏色#ffffff,不透明度30%

添加蒙版將邊緣擦的模糊一點,讓邊緣過渡看起來自然一些

在較大的兩個圖像上添加圖層樣式

設計立體擬物風格APP圖標的PS實例教程

 

步驟 07 添加裝飾性元素

新建100×300 px的矩形,顏色#d43131,調整圖層順序使它在底座上方,做剪貼蒙版

選個字體打一些裝飾性的文字啥的

至此,相機就做完啦~(做完記得將相機的都編成一個組)

設計立體擬物風格APP圖標的PS實例教程

二、日歷圖標

步驟 01 制作底座和日歷基本形狀

將相機底座復制一個,新建228x 224 px大小的圓角矩形,圓角半徑24,命名【底頁1】,添加圖層樣式

復制底頁1,命名【底頁2】,修改投影大小,相對底頁1上移2px

復制底頁2,命名底頁3,相對底頁2上移2px。

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

設計立體擬物風格APP圖標的PS實例教程

回頂部
黑龙江p62玩法开奖结果查询 14场胜负 湖南永州麻将怎么打 钢琴老师赚钱多 河北排列7 卖菜不会赚钱 紫金彩票群 一分一块麻将群二维码 ipfs矿机为什么能赚钱 广东36选7 魔兽90级快速赚钱 浙江快乐彩 达达赚钱地图怎么关 快乐赛车 中国最赚钱科技公司 内蒙古11选5 魔兽世界 70级怎么赚钱