PS教程:教你制作扁平化手机
事先聲明,這不是廣告。就是一個(gè)簡約的PS教程,適合練手,制作其它圖標(biāo)也是類似的思路。融會貫通,您可以將任何物體扁平化成小巧可愛的圖標(biāo):
>
>>
1. 創(chuàng)建新文件,大小1200×1600 px,油漆桶上色,#20ade1,分辨率72px>>
2.選擇圓角矩形工具,勾選”對齊邊緣”寬度:680px
高度:1350px
半徑:70px
>>
3.Ctrl/CMD+A 全選,然后水平居中,垂直居中,然后Ctrl/CMD+D取消選擇>>
4.雙擊形狀圖層縮略圖,顏色改為 #d6d6d6 重命名為”外部輪廓”5.繼續(xù)圓角矩形工具,勾選”對齊邊緣”寬度:670px
高度:1340px
半徑70 px
顏色設(shè)為#ffffff,然后水平居中,垂直居中。
當(dāng)然,如果你用的是CC,完全可以復(fù)制一份圖層,然后使用實(shí)時(shí)形狀屬性進(jìn)行修改,如下圖。
現(xiàn)在,上下左右各有5px的空間了
>>
6.使用矩形工具寬度:670px
高度:1150px
顏色#2d2d2d
水平居中并垂直居中,命名為屏幕1
>>
7.使用矩形工具寬度:640px
高度:1035px
顏色#646464
柵格化圖層,Shift+向上箭頭 3次,命名為屏幕2
>
柵格化圖層,復(fù)制,按向上鍵移動8次,讓兩個(gè)黑點(diǎn)間距離為3px,然后打造出4個(gè)黑點(diǎn),合并圖層。 我們共需要48 欄x 4個(gè)黑點(diǎn),大家可自行合并 我的方案是1-2-4-8-16,然后復(fù)制了3個(gè)16欄,調(diào)整后合并。 復(fù)制完了水平居中,然后用方向鍵調(diào)節(jié)位置,讓揚(yáng)聲孔貼緊屏幕。然后Shift+向上鍵 2次 >>9.攝像頭部分橢圓工具 45×45顏色#222222 27×27 顏色#333333 19×19 顏色 #515151 9×9 顏色#6d6d6d 選擇四個(gè)圖層,然后水平居中,垂直居中,Ctrl+G編組,命名為”攝像頭” 視圖>顯示>智能參考線 然后讓攝像頭和揚(yáng)聲器圓點(diǎn)垂直中心對齊,讓攝像頭緊挨圓點(diǎn),然后Shift+向右鍵 4次 >>10.揚(yáng)聲器左邊加兩個(gè)圓,尺寸16x 16,揚(yáng)聲器和圓之間距離25px,兩圓之間距離10px>>11.SHIFT+ALT +拖移揚(yáng)聲器圖層,貼緊屏幕下邊緣,Shift+向下鍵兩次>>12.最后,我們需要添加圖標(biāo),左邊的圖標(biāo)使用直線工具,粗細(xì)3px,隨便畫一條,然后自由變換,長度18,寬度18,CTRL+J復(fù)制圖層,然后水平翻轉(zhuǎn),調(diào)整位置,讓兩個(gè)直線形狀圖層拼成向左箭頭,然后合并圖層。顏色設(shè)為#C9C9C9,利用只能參考線讓箭頭圖層和揚(yáng)聲器圖層左邊緣對齊 垂直對齊,用矩形選框選取下圖的位置,然后選擇垂直居中對齊就可以了。命名為左圖標(biāo) 右圖標(biāo),直線工具,3px,下邊寬度20px,左右邊高度12px,然后用直線工具畫出兩條正方形對角線交合。對齊什么的參考上一步即可。命名為右圖標(biāo) 完工! |
總結(jié)
以上是生活随笔為你收集整理的PS教程:教你制作扁平化手机的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何利用好光和影的结合,教你发现艺术之美
- 下一篇: 数控六面钻的加工效率及精度高吗