文档章节

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

王尘宇
 王尘宇
发布于 2017/09/07 00:05
字数 734
阅读 4
收藏 0
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 添加内阴影,参数如下: 2 为它做一个长投影效果,创建一个矩形,填充黑色,大小可以自己调整,我是宽718.22px和高732.74px,Ctrl + T 变换角度。 添加图层样式—— 渐变叠加,参数如图,顺便把不透明度调整为30%,填充0% 04 好了,现在的效果是这样的: 05

Part 2 :创建笔记本

同样创建圆角矩形,参数如下: 06 然后复制一层,快捷键“A”来到选择工具,减少16px,调整高度为432px。 完成后继续复制一层,依上高度改为416px,填充颜色改为 # f3f3f3,完成后如图: ios7icon-8 笔记本雏形完成了,现在给它划线,用直线工具,粗细的像素调整为2,填充黑色。 完成后调整图层不透明度为20%,笔记本就成型咯。 ios7 flat icon PS tutorial

Part 3:创建铅笔

创建矩形,大小为192 x 96px,颜色改成 #00da67或者任何你喜欢的颜色。 继续创建两个矩形,高度改为32px,填充黑色,调整不透明度为25%和10%,整齐列到笔身上,如图: ios7 flat icon PS tutorial 现在来创建笔头,你可以用多边形工具,双击画布后,参数设置如下: 3 颜色填充为#e39a4d,然后对齐笔身。 ios7icon-11 现在创建笔尖,如法炮制一个三角形,大小为32x32px,颜色填充为#474f57,移动到笔头处对齐,创建为剪切蒙版,如图: 6 5 成果快出现咯,现在给它加个橡皮擦。 创建一个圆角矩形,宽高是64x96px,半径是20px,颜色填充# f78879,命名为“Rubber” 然后创建一个矩形,大小32x96px,填充颜色# d5d5d5,如图: 8 为它添加点光,创建一个圆角矩形,大小是10* 40px ,填充白色,不透明度改成30% ios7 flat icon PS tutorial 好了,现在是给它添加长投影的时间了,创建矩形,大小352x160px,其他的按照前边的长投影一样变换角度,添加渐变就大功告成了。 需要下载PSD的同学 →  移步下载 wps_clip_image-30089.png   原文地址: graphicsfuel

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
私信 提问
iOS 7 应用开发者需要注意的五件事

据国外媒体报道,苹果在 今年早些时候的“全球开发者大会”(WWDC)已经明确表示将在今年秋天发布旗下全新移动操作系统iOS 7,这一版本的iOS将完全摒弃过去的“拟物”设计风格,并开始采用实...

oschina
2013/08/13
2.2K
3
传 iOS 7 采用扁平化设计:颠覆拟物理念

据美国科技博客9to5Mac报道,多位亲眼见过或大致了解新一代iOS 7操作系统的人士透露,这款系统将对用户界面进行重新设计,虽然可能会吸引新的iOS用户,但却有可能导致已经习惯旧界面的老用户...

oschina
2013/05/01
4.6K
15
苹果不经意间要求开发者提交针对iOS 7优化的App图标

在苹果iOS 7正式版发布之前,苹果似乎要求开发者提供尺寸更大的应用图标。作为iOS 7界面改变之一,相比iOS 6,iOS 7主 比如在下图中,我们可以看到没有针对iOS 7优化的Netflix图标周围有一丝...

oschina
2013/08/31
4K
7
从iOS 11看怎样设计APP图标

苹果WWDC2017开发者大会已经尘埃落定,除了新产品的发布,iOS 11也正式亮相。新系统中,地图、App Store、时钟、相机、联系人等等原生应用都换了新的图标。此次图标的变化势必也会激发下一个...

jongde
2017/10/18
0
0
使用 iOS 7 在更新应用时应该避免的 5 件事情

iOS 7的发布将移动手机的世界推向一个新的高潮,很多人认为ios 7是ios历史上影响最广泛的升级之一。显然,iOS 7为全世界几亿的用户提供了一个更加强大健壮的平台,并且,在短短的几周后,在A...

oschina
2013/07/30
3.9K
6

没有更多内容

加载失败,请刷新页面

加载更多

Docker搭建代码质量检测平台-SonarQube(中文版)

Sonar是一个用于代码质量管理的开源平台,用于管理源代码的质量,可以从七个维度检测代码质量。通过插件形式,可以支持包括java,C#,C/C++,PL/SQL,Cobol,JavaScrip,Groovy等等二十几种编程语言...

Jacktanger
10分钟前
0
0
Windows / Linux / MacOS 设置代理上网的方法汇总

本文汇总了 Windows / Linux / MacOS 设置代理上网的各种方法,总结如下: 1、设置系统代理(Windows、Linux、MacOS) 2、设置代理插件(Chrome、Chromium、Firefox、Opera、QQ等浏览器) 3、...

sunboy2050
昨天
2
0
自定义 Maven 的 repositories

有时,应用中需要一些比较新的依赖,而这些依赖并没有正式发布,还是处于milestone或者是snapshot阶段,并不能从中央仓库或者镜像站上下载到。此时,就需要 自定义Maven的<repositories>。 ...

waylau
昨天
1
0
徒手写一个es6代码库

mkdir democd demonpm initnpm install -g babelnpm install -g babel-clinpm install --save-dev babel-preset-es2015-node5 在项目目录创建两个文件夹 functional-playground ......

lilugirl
昨天
3
0
linux定位应用问题的一些常用命令,特别针对内存和线程分析的dump命令

1.jps找出进程号,找到对应的进程号后面才好继续操作 2.linux查看进程详细信息 ps -ef | grep 进程ID 3. dump内存信息 Jmap -dump:format=b,file=YYMMddhhmm.dump pid 4.top查看cpu占用信息 ...

noob_chr
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部