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

繪制扁平化HTC手機圖片的PS鼠繪教程

當前位置 : PS學習網 > 鼠繪專區 > 正文來源:網絡作者:網絡時間:2019-11-08人氣:

事先聲明,這不是廣告。就是一個簡約的PS教程,適合練手,制作其它圖標也是類似的思路。融會貫通,您可以將任何物體扁平化成小巧可愛的圖標。

繪制扁平化HTC手機圖片的PS鼠繪教程

1. 創建新文件,大小1200×1600 px,油漆桶上色,#20ade1,分辨率72px

繪制扁平化HTC手機圖片的PS鼠繪教程

2.選擇圓角矩形工具,勾選”對齊邊緣”

寬度:680px

高度:1350px

半徑:70px

繪制扁平化HTC手機圖片的PS鼠繪教程

3.Ctrl/CMD+A 全選,然后水平居中,垂直居中,然后Ctrl/CMD+D取消選擇

繪制扁平化HTC手機圖片的PS鼠繪教程

4.雙擊形狀圖層縮略圖,顏色改為 #d6d6d6 重命名為”外部輪廓”

繪制扁平化HTC手機圖片的PS鼠繪教程

5.繼續圓角矩形工具,勾選”對齊邊緣”

寬度:670px

高度:1340px

半徑70 px

顏色設為#ffffff,然后水平居中,垂直居中。

當然,如果你用的是CC,完全可以復制一份圖層,然后使用實時形狀屬性進行修改,如下圖。

繪制扁平化HTC手機圖片的PS鼠繪教程

 

現在,上下左右各有5px的空間了

繪制扁平化HTC手機圖片的PS鼠繪教程

6.使用矩形工具

寬度:670px

高度:1150px

繪制扁平化HTC手機圖片的PS鼠繪教程

顏色#2d2d2d

水平居中并垂直居中,命名為屏幕1

繪制扁平化HTC手機圖片的PS鼠繪教程

7.使用矩形工具

寬度:640px

高度:1035px

繪制扁平化HTC手機圖片的PS鼠繪教程

顏色#646464

柵格化圖層,Shift+向上箭頭 3次,命名為屏幕2

繪制扁平化HTC手機圖片的PS鼠繪教程

8.揚聲器部分,使用橢圓工具。

寬度:5px

高度:5px

顏色#000000

繪制扁平化HTC手機圖片的PS鼠繪教程

柵格化圖層,復制,按向上鍵移動8次,讓兩個黑點間距離為3px,然后打造出4個黑點,合并圖層。

繪制扁平化HTC手機圖片的PS鼠繪教程

我們共需要48 欄x 4個黑點,大家可自行合并

繪制扁平化HTC手機圖片的PS鼠繪教程

我的方案是1-2-4-8-16,然后復制了3個16欄,調整后合并。

復制完了水平居中,然后用方向鍵調節位置,讓揚聲孔貼緊屏幕。然后Shift+向上鍵 2次

繪制扁平化HTC手機圖片的PS鼠繪教程

9.攝像頭部分

橢圓工具

45×45顏色#222222

27×27 顏色#333333

19×19 顏色 #515151

9×9 顏色#6d6d6d

繪制扁平化HTC手機圖片的PS鼠繪教程

 

選擇四個圖層,然后水平居中,垂直居中,Ctrl+G編組,命名為”攝像頭”視圖>顯示>智能參考線,然后讓攝像頭和揚聲器圓點垂直中心對齊,讓攝像頭緊挨圓點,然后Shift+向右鍵 4次

繪制扁平化HTC手機圖片的PS鼠繪教程

10.揚聲器左邊加兩個圓,尺寸16x 16,揚聲器和圓之間距離25px,兩圓之間距離10px

繪制扁平化HTC手機圖片的PS鼠繪教程

11.SHIFT+ALT +拖移揚聲器圖層,貼緊屏幕下邊緣,Shift+向下鍵兩次

繪制扁平化HTC手機圖片的PS鼠繪教程

12.最后,我們需要添加圖標,左邊的圖標使用直線工具,粗細3px,隨便畫一條,然后自由變換,長度18,寬度18,CTRL+J復制圖層,然后水平翻轉,調整位置,讓兩個直線形狀圖層拼成向左箭頭,然后合并圖層。

繪制扁平化HTC手機圖片的PS鼠繪教程

顏色設為#C9C9C9,利用只能參考線讓箭頭圖層和揚聲器圖層左邊緣對齊

繪制扁平化HTC手機圖片的PS鼠繪教程

垂直對齊,用矩形選框選取下圖的位置,然后選擇垂直居中對齊就可以了。命名為左圖標

繪制扁平化HTC手機圖片的PS鼠繪教程

右圖標,直線工具,3px,下邊寬度20px,左右邊高度12px,然后用直線工具畫出兩條正方形對角線交合。對齊什么的參考上一步即可。命名為右圖標

繪制扁平化HTC手機圖片的PS鼠繪教程

完工

繪制扁平化HTC手機圖片的PS鼠繪教程

回頂部
双色球基本走势图 山东11运夺金开奖结果 爱彩乐河北十一选五 国标麻将胡牌规则 天津11选5 一肖一马彩资料 新娱网棋牌官方下载 皇家国际平台合法吗 海南琼崖麻将辅助器下载 浙江新十一选五 广东36选7走势图奖结果 球探比分网即时比分 经典二人麻将