设计欣赏 | 摄影欣赏 | 设计师素材下载 | 站长日志 | 有啥? | 衡阳网站建设 | 设计交流QQ群: 10635190 | 收藏小林设计网
小林设计首页 / 小林教程 > / 用PS简单几步搞定扁平化图标

用PS简单几步搞定扁平化图标

2014-12-19 10:43:57发布 | 查看:

随着移动APP的普及,扁平化设计也开始得到了运用;扁平化设计的核心概念是放弃一切装饰效果,诸如透视,纹理,渐变等能呈现3D立体效果的一概不用。所有元素图形都干净利落。没有羽化,渐变,浮雕。因为扁平化设计的运用,使得手机APP界面简约整齐,方便使用和操作。减少认知障碍。小林编写的以下这个利用Photoshop制作扁平化图标的教程,只需要简单几步,便可以制作出图标的平面长投影效果。希望对你有所帮助,欢迎多提宝贵建议。

Photoshop简单几步制作扁平化图标 来源: www.z990.com

最终效果

Photoshop简单几步制作扁平化图标 来源: www.z990.com

1,建立圆角矩形,填充一种自己比较喜欢的颜色;

2,画一个图标,填充白色;

Photoshop简单几步制作扁平化图标 来源: www.z990.com

3,再新建一个图层,填充黑色;(因为下一步,要使用定义画笔,白色无法定义画笔,所以图标实际上有两个层。一个是白色的,一个是黑色的。)

4,按CTRL键点击黑色图标的图层,建立图形选区,菜单>编辑>定义画笔预设;

5,建立路径,如图;

Photoshop简单几步制作扁平化图标 来源: www.z990.com

6,新建图层,选择画笔工具,如图定义画笔预设;再描边路径;改变透明度,完成最终效果;

关于我

自幼爱好美术,而后自学设计,没有高等美院的通行证,但对设计的热爱,从未改变!

z990.com是设计师小林的个人站点。用于个人设计作品展示以及设计教程的分享。通过站点与作品,希望能给客户更直观的视觉印象,以达成更好的设计共识,促成设计项目的合作。

E-MAIL: 9900d@163.com
QQ: 26853741

九年电脑培训教学经历

从事Photoshop,Flash,Dreamweaver,3DMax,素描等教学工作;

两年政府工作

曾就职于投资促进局,市委宣传部;

两年深圳打拼

就职于深圳电子产品生产企业设计部主管;

五年北漂

就职于某游戏公司,心理咨询公司设计部副经理;
微信公众号: z990_com
Top