UI设计教程 扁平化记事本UI图标教程(1)

来源:网络   作者:热心网友   发布时间:2016-08-19    浏览次数:195

我们先来看看最终的效果图吧:

PS设计制作扁平化IOS7风格图标扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧。今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯。

好了,教程开始:步骤 1 :打好地基

Cttrl + N 创建画布,大小为1024px * 1024px , 填充背景色为#fcf2da。

然后 → 编辑 → 首选项 → 参考线、网格和切片,设置如下:

PS设计制作扁平化IOS7风格图标

武器已准备,接下来踏上征程吧!

先创建一个圆角矩形,大小为512px*512px,半径120px,记住左上角是形状哦。

搞定后填充颜色#c47420,命名"icon base"

PS设计制作扁平化IOS7风格图标

添加内阴影,参数如下:

PS设计制作扁平化IOS7风格图标

为它做一个长投影效果,创建一个矩形,填充黑色,大小可以自己调整,我是宽718.22px和高732.74px,Ctrl + T 变换角度。

添加图层样式-- 渐变叠加,参数如图,顺便把不透明度调整为30%,填充0%

PS设计制作扁平化IOS7风格图标

好了,现在的效果是这样的:

PS设计制作扁平化IOS7风格图标

教程未完,请看下一页!


123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4697.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通