繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

2020-07-05 19:02:41 來(lái)源/作者: PS自學(xué)網(wǎng) / 郁杰 己有:492人學(xué)習(xí)過(guò)

事先聲明,這不是廣告。就是一個(gè)簡(jiǎn)約的PS教程,適合練手,制作其它圖標(biāo)也是類似的思路。融會(huì)貫通,您可以將任何物體扁平化成小巧可愛(ài)的圖標(biāo)。

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

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

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

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

寬度:680px

高度:1350px

半徑:70px

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

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

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

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

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

5.繼續(xù)圓角矩形工具,勾選”對(duì)齊邊緣”

寬度:670px

高度:1340px

半徑70 px

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

當(dāng)然,如果你用的是CC,完全可以復(fù)制一份圖層,然后使用實(shí)時(shí)形狀屬性進(jìn)行修改,如下圖。

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

 

現(xiàn)在,上下左右各有5px的空間了

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

6.使用矩形工具

寬度:670px

高度:1150px

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

顏色#2d2d2d

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

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

7.使用矩形工具

寬度:640px

高度:1035px

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

顏色#646464

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

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

8.揚(yáng)聲器部分,使用橢圓工具。

寬度:5px

高度:5px

顏色#000000

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程

柵格化圖層,復(fù)制,按向上鍵移動(dòng)8次,讓兩個(gè)黑點(diǎn)間距離為3px,然后打造出4個(gè)黑點(diǎn),合并圖層。

繪制扁平化HTC手機(jī)圖片的PS鼠繪教程