PS如何設(shè)計APP圖標(biāo)?PS繪制擬物風(fēng)格APP圖標(biāo)教程

今天我們要做的圖標(biāo)選擇制作時間、播放器、天氣、相機(jī)、計算器、相冊這些圖標(biāo),話不多說馬上開始今天的教程。
先來看看最后效果
教程步驟:
一 、信息圖標(biāo)
步驟 01 建立文檔并制作背景
新建文檔,大小3600*2800px,分辨率72。新建圖層,命名背景,填充前景色#f9dfb6,圖層模式改為正片疊底,不透明度32%。
步驟 02 制作底座
新建720*720px的圓角矩形,圓角半徑為200px,命名底座,填充顏色#ff7f8c,并添加圖層樣式來制造體積感。如圖。
步驟 03 制作信息的基本形狀
新建430*320px的圓角矩形,再用鋼筆工具勾出信息圖形的小尾巴。將兩個圖層合并,命名為信息形狀,并添加圖層樣式,如圖。
步驟 04 制作省略號
新建70*70px的橢圓,復(fù)制粘貼,得到3個圓,并且排列對齊,然后合并圖層,命名為省略號,調(diào)整參數(shù),如圖。
步驟 05 完成制作
二 、天氣圖標(biāo)
步驟 01 制作底座
新建720*720px的圓角矩形,圓角半徑為200,命名底座,填充顏色c6da8f,并添加圖層樣式來制造體積感,如圖。
步驟 02 云朵形狀的制作
按住shift,用橢圓工具制作2個240*240px和1個200*200px的圓,并制作一個矩形,將四個圖形合并,命名為云朵,填充顏色#def1f1,如圖。
添加圖層樣式,如圖。
步驟 03 制作太陽
用橢圓工具制作一個200*200的圓,填充顏色f39800,并命名為太陽。添加圖層樣式,如圖。
將太陽圖層放在云朵圖層下面,完成制作。
三 、時鐘圖標(biāo)
創(chuàng)作思路:形狀比較簡單,主要制作刻度和時針、分針。指針通過調(diào)整圖層樣式突出該圖標(biāo)的立體感以及光影感,用漸變疊加來給指針添加高光。
四 、相冊圖標(biāo)
創(chuàng)作思路:制作相冊主題圖標(biāo)時,最難的部分就是用鋼筆工具勾出山的形狀,山一定要帶些弧度才能符合貼切主體圖標(biāo)的風(fēng)格。在圖形繪制好之后,一定要記得做出高光、漸變等效果。
五 、相機(jī)圖標(biāo)
相機(jī)主題圖標(biāo)形狀基本由圓角矩形、正六邊形和圓形構(gòu)成,在制作過程中一定要注意鏡頭的明暗變化,并且鏡頭需要做出投影突出它的立體感。實(shí)物鏡頭一般是黑色,但是在制作過程中一定要選擇合適的顏色,讓鏡頭和機(jī)身比較相配,不會突兀。
六 、播放器圖標(biāo)
播放器圖標(biāo)的構(gòu)成比較簡單,選擇的形狀制作相對容易,但是按鈕部分的三角形形狀需要帶一點(diǎn)弧度或者圓角,這個時候可以用AI制作出帶圓角的三角形,然后拖入PS中,這樣播放器的整體風(fēng)格看起來就比較圓潤可愛啦。
結(jié)語
本期教程到這里就結(jié)束了,希望大家在練習(xí)過程中多思考、理解制作思路和操作方法,活學(xué)活用。
相關(guān)文章
ps怎么繪制書本圖標(biāo)?PS繪制簡約可愛的書本圖標(biāo)教程
學(xué)習(xí)了很多逼真的繪制書本教程,咱們今天來學(xué)習(xí)制作可愛的書本圖標(biāo),最后的效果實(shí)在是太可愛啦,那么我們就開始今天的教程吧2021-06-04PS如何繪制士兵圖標(biāo)?PS繪制士兵圖標(biāo)教程
繪制圖標(biāo)有很多的技巧,今天我們就用方形、圓形、三角形、圓角方形繪制一個士兵角色,這里我們有用到的繪制工具就是PS,一起來學(xué)習(xí)吧2021-06-04怎么繪制小黑板圖標(biāo)呢?用PS繪制小黑板應(yīng)用圖標(biāo)教程
圖標(biāo)這個東西,我們可以和原來的圖標(biāo)做的一模一樣,也可以加入自己的想象豐富一下,今天咱們做一個比較簡單的小黑板圖標(biāo),一起動手吧2021-05-28如何繪制半透明矢量星球?PS繪制半透明星球矢量圖標(biāo)教程
今天我們的教程是用PS繪制一個半透明的宇宙星球,并且星球的顏色用到了漸變色彩,因為用到了PS的漸變疊加工具和混合模式,讓星球看起來更加充滿神秘的色彩2021-05-24如何設(shè)計透明雪景圖標(biāo)?用PS設(shè)計晶瑩剔透的雪景圖標(biāo)教程
炎炎夏日使用Photoshop設(shè)計一個晶瑩剔透的雪景圖標(biāo),感覺整個房間的環(huán)境都變得清涼起來了,還不快來動手試一試,教程就在下方,一起學(xué)習(xí)吧2021-05-22如何繪制卡通風(fēng)格的兔子圖標(biāo)?用PS繪制卡通動畫風(fēng)格兔子圖標(biāo)教程
這篇教程主要是通過PS繪制卡通動畫風(fēng)格兔子圖標(biāo)的教程,用PS繪制了一組UI界面的卡通風(fēng)格圖標(biāo),操作也是非常簡單,現(xiàn)在就開始我們今天的教程吧2021-05-12如何用PS繪制醫(yī)療愛心APP圖標(biāo)?用PS繪制醫(yī)療愛心APP圖標(biāo)教程
這篇教程主要是通過PS繪制醫(yī)療愛心APP圖標(biāo)教程,具體教程請看下文,大家如果覺得教程還不錯的話,也可以推薦給朋友們一起學(xué)習(xí),現(xiàn)在就開始我們今天的教程吧2021-05-07如何用PS繪制C4D軟件圖標(biāo)呢?用PS繪制立體的C4D軟件圖標(biāo)教程
本來只是個小練習(xí),不過挺多小伙伴希望出教程,所以就有了今天這篇教程,因為所用的技巧不多,基本都是靠畫筆和形狀工具做的,本次教程會寫的很詳細(xì)并標(biāo)注出參數(shù)2021-05-06教你如何使用PS繪制落日主題風(fēng)格下的大象插畫圖標(biāo)教程
說說為什么選擇大象和駱駝吧,選擇大象是因為是前幾天看了一篇呼吁大家不要騎大象的視頻,覺得騎大象很殘忍,并且這段時間又在讀《未來簡史》人類史,從另一些角度顛覆了一2021-04-22如何用PS制作一款卡比獸圖標(biāo)呢?PS制作可愛卡比獸圖標(biāo)教程
今天這篇教程是臨摹追波大神@GsMike7 的Pokémon 圖標(biāo),來一枚可愛的卡比獸圖標(biāo),教程不難,重在運(yùn)用漸變色,一起來試試吧2021-04-15