ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3770|回复: 4
收起左侧

[UI设计] 用PS几步搞定时钟图标

[复制链接]
发表于 2015-1-3 01:44:48 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

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

        最终效果

       

提示:教程详细步骤在二楼!
想下载该教程的可以到这里下载:点击进入下载页
教程编号:136031 作者:小林 出处:小林设计
 楼主| 发表于 2015-1-3 01:44:48 | 显示全部楼层

用PS几步搞定时钟图标



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

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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-1-3 01:44:48 | 显示全部楼层

用PS几步搞定时钟图标



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

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

        5,建立路径,如图;

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-1-3 01:44:48 | 显示全部楼层

用PS几步搞定时钟图标



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

       

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-11-22 07:43 , Processed in 0.030688 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表