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

 

  扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格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入门教程
  • ps图标制作教程
时间: 2024-11-10 00:14:11

用PS设计一枚IOS 7风格日记图标的相关文章

巧用PS绘制一枚精美的IPHONE SE图标

  巧用PS绘制一枚精美的IPHONE SE图标.本期的内容所用的版本是CC 2015,使用过该版本的同学都清楚,CC 15增添了很多强大的功能,其中图层样式的加强(同一样式可以重复使用,最多可以累计使用10次)使PS如虎添翼. 自己使用CC15也是有大半年了,单就加强版的图层样式也积累了一些心得和小技巧.在CC 15中打造一些字体特效,超写实icon之类的设计时,加强版的图层样式会大大的提高工作效率.之后的教程会逐步更换为CC15的版本为大家讲解,其中好用 的功能可不仅仅只有图层样式这一个哦,

PS设计制作清爽的蓝色海洋风格网页模板教程

教程中,木木和童学们分享:使用photoshop设计一个非常清爽的网站主页,特色是网站的配色非常的不错,童学们好好学习一下. 效果图: 1.在这个网页设计教程中,使用的是960网格,所以童学们得先下载一个960网络,然后导入到photoshop软件中.通过编辑>画布大小,改变文件的大小为:1600x1500px. (注:宽度可以自由更改,但为了能在宽屏的显示器中也能更好的显示,建议大家还是用1600px) 三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5

PS设计制作美女咖啡矢量风格宣传海报教程

1>如图放置并添加层蒙板 2> 如鼠标处点击,然后选用渐变工具,颜色:白---黑渐变,选用第二个"O"图标--径向渐变.>(这是技术外的功夫,要把图片合成什么样子,BB也不能说清) 3:鼠标左上向右下一拉,得出如图.到这步,蒙板教程算是介绍结束了. 分类: PS入门教程

用PS设计一枚调节旋钮换挡图标

1.新建一个渐变调整层,做一个45度的从 #a1a5ae 到 #eef2f3 的线性渐变. 2..复制一层渐变图层,转智能对象,添加一个杂色. 3.执行"滤镜-风格化-浮雕效果",添加一个浮雕效果. 4.将这个图层的图层混合模式更改为"叠加",我们的背景就完成了. 5.画一个圆角矩形,并添加图层样式. 6.复制一层这个圆角矩形,移到下层,将图层填充修改为0,添加一个投影图层样式. 7.载入圆角矩形的选区,在主体阴影下层新建一层,填充黑色,执行一个动感模糊,配合蒙版,

ps设计电影质感海报风格效果

  ps设计电影质感海报风格效果!简单粗暴电影胶片色后期参数分享给大家,几分钟就可以出效果,喜欢这种魅惑夜美的画面. 分类: PS图片处理

测试版 iCloud 换上 iOS 7 风格 - 苹果对全新风格 iCloud.com 界面设计进行测试~

class="post_content" itemprop="articleBody"> iOS 7 的扁平化设计自其首次展示以来,受到各方的褒贬不一,现在不管你喜不喜欢 iOS 7 风格的设计,苹果也将会把这个风格延续下去,苹果今天对外展示了其测试版的 icloud.com 全新风格设计-- 风格与 iOS 7 高度统一,去除了之前的拟物化设计

不该错过的7枚iOS应用

摘要: 春困,秋乏,夏打盹,睡不醒的冬三月.一晃,2014年 3月就从眼前溜走,在天气乍暖还寒之时,iOS 应用市场,也已将目光逐渐从 Flappy Birds 们身上转向时下正热的,以 Threes! 为代表的数 春困,秋乏,夏打盹,睡不醒的冬三月.一晃,2014年 3月就从眼前溜走,在天气乍暖还寒之时,iOS 应用市场,也已将目光逐渐从 Flappy Birds 们身上转向时下正热的,以 Threes! 为代表的数字游戏系列和以Secret 为代表的匿名信息分享系列应用身上. 现在在上下班的

6 月你不该错过的 8 枚 iOS 应用

摘要: 各色奇葩的新兴聊天工具是 6月 iOS 应用市场的焦点,这个月里,接连出现的 TapTalk.Yo. 和 Slingshot ,给因过度趋同而甚显沉闷的社交 IM 类产品注入了新鲜年轻的血液.其他类似榫卯. 各色"奇葩"的新兴聊天工具是 6月 iOS 应用市场的焦点,这个月里,接连出现的 TapTalk.Yo. 和 Slingshot ,给因过度趋同而甚显沉闷的社交 IM 类产品注入了新鲜年轻的血液.其他类似榫卯.Hop.Spendbook.脸萌也以自己鲜明的个性,让人眼前一亮

移动图标设计教程:快速打造iOS7风格图标

文章描述:我为你准备了一系列指南,能帮你通过简单的步骤打造iOS7风格的图标. 随着近年来iOS7的发布,很多网站和APP都忙于改头换面,来适配这套全新的扁平纤细的iOS设计风格.设计好图标是件棘手的事情,尤其当你要设计一整套时,而设计线条式图标本身又是另一项挑战. 下面,我为你准备了一系列指南,能帮你通过简单的步骤打造iOS7风格的图标. 目标是什么? 凡事分轻重缓急,你设计的图标或图标集是用于你的APP吗(这里的APP也指网站)?对于这部指南来说,都无所谓.因为无论如何你都应当遵循下面这些步