手把手教!用PS设计一枚IOS 7风格日记图标

time达凌

time达凌

2016-01-29 09:12

手把手教!用PS设计一枚IOS 7风格日记图标,扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧。今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯。好嘞,教程开始! 先上 ...

ios7风格日记图标

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


先上效果图:

wps_clip_image-30089

挺干净的,兴趣大增有没有? 那就开始咯。

Part 1 :打好地基

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

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

wps_clip_image-30338

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

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

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

1

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

添加内阴影,参数如下:

2

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

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

04

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

05

Part 2 :创建笔记本

同样创建圆角矩形,参数如下:

06

然后复制一层,快捷键“A”来到选择工具,减少16px,调整高度为432px。

完成后继续复制一层,依上高度改为416px,填充颜色改为 # f3f3f3,完成后如图:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

ios7icon-8

12
展开更多 50%)
分享

猜你喜欢

手把手教!用PS设计一枚IOS 7风格日记图标

PS PS教程
手把手教!用PS设计一枚IOS 7风格日记图标

PS手把手教你绘制一枚日历图标

PS
PS手把手教你绘制一枚日历图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

PS教程!手把手教你绘制一枚QQ旋风图标

PS PS教程
PS教程!手把手教你绘制一枚QQ旋风图标

PS教程!手把手教你绘制一枚扁平的相机图标

PS PS教程
PS教程!手把手教你绘制一枚扁平的相机图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS教程!手把手教你绘制一枚酷炫的机械风格图标

PS PS教程
PS教程!手把手教你绘制一枚酷炫的机械风格图标

PS新手教程!手把手教你绘制一枚酷狗图标

PS PS教程
PS新手教程!手把手教你绘制一枚酷狗图标

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PS新手教程!手把手教你打造嶙峋的岩石字体效果

PS新手教程!手把手教你打造嶙峋的岩石字体效果

PS新手教程!手把手教你创建美味的巧克力字体效果

PS新手教程!手把手教你创建美味的巧克力字体效果
下拉加载更多内容 ↓