企业及高校合作：010-59833514 ‬咨询电话：400-810-1418 服务与监督电话：400-810-1418转接2
北京
b

北京

g

广州

h

杭州

s

上海

w

武汉

火星网校
课程导航
元宇宙设计
虚幻引擎视效表现大师班 虚幻引擎交互开发工程师班
游戏设计
原画概念设计大师班 游戏UI设计师班 3D模型大师班 游戏动作设计师班 游戏特效大师班 VR视效与交互大师班
剪辑包装
影视剪辑包装广告大师班 影视剪辑大师班
影视后期
影视原画与模型渲染大师班 3D角色动画大师班 影视特效与合成大师班
游戏程序
Unity3D游戏开发工程师班 虚幻引擎交互开发工程师班
U I 设计
AI+UX设计大师班
商业插画
商业插画高级设计师班 艺术设计基础班
IT 学院
WEB前端+全栈工程师班 人工智能+Python开发工程师班
室内设计
室内设计表现大师班 室内高级设计师班 室内高级设计研修班 BIM全科班 VR建筑与室内表现设计师班
当前位置：首页 >教程首页 > Photoshop >用PS设计一枚IOS 7风格日记图标

用PS设计一枚IOS 7风格日记图标

发布时间：2018-11-17 19:57:24
 

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

 
挺干净的，兴趣大增有没有? 那就开始咯。
 
Part 1 ：打好地基
 
Cttrl + N 创建画布，大小为1024px * 1024px ， 填充背景色为#fcf2da。
 
然后 → 编辑 → 首选项 → 参考线、网格和切片，设置如下：
 

 
武器已准备，接下来踏上征程吧!
 
先创建一个圆角矩形，大小为512px*512px，半径120px，记住左上角是形状哦。
 
搞定后填充颜色#c47420，命名“icon base”
 

 
添加内阴影，参数如下：
 

 
为它做一个长投影效果，创建一个矩形，填充黑色，大小可以自己调整，我是宽718.22px和高732.74px，Ctrl + T 变换角度。
添加图层样式—— 渐变叠加，参数如图，顺便把不透明度调整为30%，填充0%
 

 
好了，现在的效果是这样的：
 

 
Part 2 ：创建笔记本
 
同样创建圆角矩形，参数如下：
 

 
然后复制一层，快捷键“A”来到选择工具，减少16px，调整高度为432px。
 
完成后继续复制一层，依上高度改为416px，填充颜色改为 # f3f3f3，完成后如图：
 

 
笔记本雏形完成了，现在给它划线，用直线工具，粗细的像素调整为2，填充黑色。
 
完成后调整图层不透明度为20%，笔记本就成型咯。
 

 
Part 3：创建铅笔
 
创建矩形，大小为192 x 96px，颜色改成 #00da67或者任何你喜欢的颜色。
 
继续创建两个矩形，高度改为32px，填充黑色，调整不透明度为25%和10%，整齐列到笔身上，如图：
 

 
现在来创建笔头，你可以用多边形工具，双击画布后，参数设置如下：
 

 
颜色填充为#e39a4d，然后对齐笔身。
 

 
现在创建笔尖，如法炮制一个三角形，大小为32x32px，颜色填充为#474f57，移动到笔头处对齐，创建为剪切蒙版，如图：
 

 

 
成果快出现咯，现在给它加个橡皮擦。
 
创建一个圆角矩形，宽高是64x96px，半径是20px，颜色填充# f78879，命名为“Rubber”
 
然后创建一个矩形，大小32x96px，填充颜色# d5d5d5，如图：
 

 
为它添加点光，创建一个圆角矩形，大小是10* 40px ，填充白色，不透明度改成30%
 

 
好了，现在是给它添加长投影的时间了，创建矩形，大小352x160px，其他的按照前边的长投影一样变换角度，添加渐变就大功告成了。
 

上一篇 PS快速把美女合成到水花四溅的玻璃瓶中

下一篇 “诛神之战”字体设计

返回列表
学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

热门课程

专业讲师指导 快速摆脱技能困惑

相关文章

多种教程 总有一个适合自己

专业问题咨询

你担心的问题，火星帮你解答

火星资讯

链接合作电话 : 400-180-1418
室内设计 游戏培训 ui设计培训 影视特效培训 插画培训 原画培训 动画培训 平面设计培训 建筑设计 动漫培训 火星问答 web前端培训 技校 学技术 中专 动漫绘画教程 通用培训
关于火星
关于我们 人才合作 建议和意见
内容分类
频道专区 热门标签
火星优势
师资团队 教学模式 课程研发 学员成果 图书出版 资质认证
帮助中心
专业选择 考察学校 学习方式 如何就业 如何退费
联系我们
课程咨询：400-810-1418 人力资源：010-59833585 总机电话：010-59833333 监督电话：400-810-1418转接2 就业部：010-59833202 企业及高校合作：010-59833514 市场合作：010-59833359
©2021, www.hxsd.com 北京火星时代网络技术有限公司 电信与信息服务业务经营许可证070738号 京ICP备09083002号-6  京ICP证061064号  京公网安备11010502025474
获取验证码

×

确定