优艾设计网

Photoshop UI设计教程:设计扁平化风格图片

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:blue
我们先来看看最终的效果图吧: 扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧。今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成

现在创建笔尖,如法炮制一个三角形,大小为32x32px,颜色填充为#474f57,移动到笔头处对齐,创建为剪切蒙版,如图:

Photoshop UI设计教程:设计扁平化风格图片

Photoshop UI设计教程:设计扁平化风格图片

成果快出现咯,现在给它加个橡皮擦。

创建一个圆角矩形,宽高是64x96px,半径是20px,颜色填充# f78879,命名为"Rubber"

然后创建一个矩形,大小32x96px,填充颜色# d5d5d5,如图:

Photoshop UI设计教程:设计扁平化风格图片

为它添加点光,创建一个圆角矩形,大小是10* 40px ,填充白色,不透明度改成30%

Photoshop UI设计教程:设计扁平化风格图片

好了,现在是给它添加长投影的时间了,创建矩形,大小352x160px,其他的按照前边的长投影一样变换角度,添加渐变就大功告成了。

Photoshop UI设计教程:设计扁平化风格图片

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消