ps UI設(shè)計(jì)教程:設(shè)計(jì)扁平化風(fēng)格圖片

2023-12-12 17:27:58 來源/作者: / 己有:0人學(xué)習(xí)過

現(xiàn)在創(chuàng)建筆尖,如法炮制一個(gè)三角形,大小為32x32px,顏色填充為#474f57,移動(dòng)到筆頭處對(duì)齊,創(chuàng)建為剪切蒙版,如圖:

PS設(shè)計(jì)制作扁平化IOS7風(fēng)格圖標(biāo)

PS設(shè)計(jì)制作扁平化IOS7風(fēng)格圖標(biāo)

成果快出現(xiàn)咯,現(xiàn)在給它加個(gè)橡皮擦。

創(chuàng)建一個(gè)圓角矩形,寬高是64x96px,半徑是20px,顏色填充# f78879,命名為"Rubber"

然后創(chuàng)建一個(gè)矩形,大小32x96px,填充顏色# d5d5d5,如圖:

PS設(shè)計(jì)制作扁平化IOS7風(fēng)格圖標(biāo)

為它添加點(diǎn)光,創(chuàng)建一個(gè)圓角矩形,大小是10* 40px ,填充白色,不透明度改成30%

PS設(shè)計(jì)制作扁平化IOS7風(fēng)格圖標(biāo)

好了,現(xiàn)在是給它添加長(zhǎng)投影的時(shí)間了,創(chuàng)建矩形,大小352x160px,其他的按照前邊的長(zhǎng)投影一樣變換角度,添加漸變就大功告成了。

PS設(shè)計(jì)制作扁平化IOS7風(fēng)格圖標(biāo)