當前位置:主頁 > PS教程 > 設計教程 >

用ps制作出微擬物風格的手機主體圖標

  • 2019-08-25 10:28
  • 來源/作者:攝影社區/梧子
  • 己被圍觀 次

本次教程是用ps制作出微擬物風格的手機主體圖標,整體形狀相對簡單,難度不算很大,但是在顔色選擇方面一定要慎重哦!要讓整體作品看起來幹淨清爽才能更好體現出這個主題圖標的

在制作主題圖標的過程的時候,要先選好參考的圖標內容,圖標顔色。仔細觀察其他作者的作品中是如何表示出各個圖標的。這裏選擇了時間、播放器、天氣、相機、計算器、相冊。

在確定好自己的構思之後,先畫一個大致的草圖,然後就用軟件開始制作。在制作過程中,要注意光影、體積等。這裏的圖標是半擬物風格,可以用圖層樣式來實現。

在圖標制作好之後,排列順序可以按照顔色深淺明暗進行排列,讓整個畫面顯得有序規整,更好的體現出主題圖標的特點。

在整個創作過程中,圖標的光影體積是重點,應定要選擇幹淨明亮的顔色,才能突出這組圖標的特色,如若用色不當,會讓整體看起來不夠幹淨整潔,並且所有圖標都應該色澤統一,明暗統一,投影大小統一。

通過學習主題圖標的制作,讓我更進一步的了解軟件的應用,各個功能,並且能熟練使用,對今後制作各種原創作品有了更大的幫助,多做原創,對自己的思維、審美、設計都會有很大的益處,所以應多進行原創,提高自己的能力。

初稿

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

終稿

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

教程步驟

一 、信息圖標

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

新建文檔,大小3600*2800px,分辨率72。新建圖層,命名背景,填充前景色#f9dfb6,圖層模式改爲正片疊底,不透明度32%。

步驟 02 制作底座

新建720*720px的圓角矩形,圓角半徑爲200px,命名底座,填充顔色#ff7f8c,並添加圖層樣式來制造體積感。如圖。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

步驟 03 制作信息的基本形狀

新建430*320px的圓角矩形,再用鋼筆工具勾出信息圖形的小尾巴。將兩個圖層合並,命名爲信息形狀,並添加圖層樣式,如圖。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

步驟 04 制作省略號

新建70*70px的橢圓,複制粘貼,得到3個圓,並且排列對齊,然後合並圖層,命名爲省略號,調整參數,如圖。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

步驟 05 完成制作

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

二 、天氣圖標

步驟 01 制作底座

新建720*720px的圓角矩形,圓角半徑爲200,命名底座,填充顔色c6da8f,並添加圖層樣式來制造體積感,如圖。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

步驟 02 雲朵形狀的制作

按住shift,用橢圓工具制作2個240*240px和1個200*200px的圓,並制作一個矩形,將四個圖形合並,命名爲雲朵,填充顔色#def1f1,如圖。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

添加圖層樣式,如圖。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

步驟 03 制作太陽

用橢圓工具制作一個200*200的圓,填充顔色f39800,並命名爲太陽。添加圖層樣式,如圖。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

將太陽圖層放在雲朵圖層下面,完成制作。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

三 、時鍾圖標

創作思路:形狀比較簡單,主要制作刻度和時針、分針。指針通過調整圖層樣式突出該圖標的立體感以及光影感,用漸變疊加來給指針添加高光。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

四 、相冊圖標

創作思路:制作相冊主題圖標時,最難的部分就是用鋼筆工具勾出山的形狀,山一定要帶些弧度才能符合貼切主體圖標的風格。在圖形繪制好之後,一定要記得做出高光、漸變等效果。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

五 、相機圖標

相機主題圖標形狀基本由圓角矩形、正六邊形和圓形構成,在制作過程中一定要注意鏡頭的明暗變化,並且鏡頭需要做出投影突出它的立體感。實物鏡頭一般是黑色,但是在制作過程中一定要選擇合適的顔色,讓鏡頭和機身比較相配,不會突兀。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

六 、播放器圖標

播放器圖標的構成比較簡單,選擇的形狀制作相對容易,但是按鈕部分的三角形形狀需要帶一點弧度或者圓角,這個時候可以用AI制作出帶圓角的三角形,然後拖入PS中,這樣播放器的整體風格看起來就比較圓潤可愛啦。

手機圖標:用PS制作擬物風格手機APP圖標,PS教程,PS家園網

結語

本期教程到這裏就結束了,希望大家在練習過程中多思考、理解制作思路和操作方法,活學活用。


(責任編輯:極限)

*PSjia.COM 傾力出品,轉載請注明來自PS家園網(www.jiosab.com)

分享到:

更多精彩內容

  • 飛利浦耳機海報設計教程 飛利浦耳機海報設計教程
  • 教你用PS設計複古镂空海報 教你用PS設計複古镂空海報
  • 用photoshop設計鐵軌上的霸 用photoshop設計鐵軌上的霸
  • 鋼鐵俠電影海報設計教程 鋼鐵俠電影海報設計教程