首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 鼠绘教程 >> 正文

PhotoShopCS5绘制一个扁平化风格的IOS7铅笔记事本图标

[ 作者来源:设计派 翻译 编辑整理:PhotoShop资源网 更新时间: 2015-05-04 录入: 黄叶飞扬 ]

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

先上效果图:

按此在新窗口浏览图片

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

Part 1 :打好地基

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

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

按此在新窗口浏览图片

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

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

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

按此在新窗口浏览图片

添加内阴影,参数如下:

按此在新窗口浏览图片

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

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

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!