PS绘制IOS7风格倒数计时器

2016-04-05 14:32 4 1 收藏

下面图老师小编跟大家分享一个简单易学的PS绘制IOS7风格倒数计时器教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - ps鼠绘 】

PS绘制IOS7风格倒数计时器

  这篇教程PS鼠绘学习者们使用PS绘制IOS7风格倒数计时器,教程严格来说算是一个ICON制作教程吧,教程难度一般

  我们先来看看最终的效果图吧:

PS绘制IOS7风格倒数计时器  图老师

  图00

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

  具体的绘制步骤如下:

  步骤 1

  打开Photoshop,新建画布,尺寸730像素×410像素。然后我们通过标志工具,定位画布从的水平和垂直中心位置。设置效果如下图所示。

PS绘制IOS7风格倒数计时器

  图01

  步骤 2

  选择椭圆工具,创建一个尺寸为120像素×120像素的正圆,隐藏填充图层,描绘路径5像素和颜色选择#e1e1e1。椭圆设置如图02所示,绘制效果如图03所示。

PS绘制IOS7风格倒数计时器

  图02

PS绘制IOS7风格倒数计时器

  图03

  步骤 3

  使用PS导航器放大1200%,使用直线工具,绘制一条1像素宽的直线,然后如下图放置。

PS绘制IOS7风格倒数计时器

  图04

  步骤 4

  这时直线可能还没有达到底部。按Ctrl+T调出自由变换菜单,你会看到如下图所示的变换控制点。找到直线底部的控制点,按着Alt一直拖拉到底。效果图如下图所示。

PS绘制IOS7风格倒数计时器

  图05

  步骤 5

  拉长之后,不要马上按回车确定。再调整直线的角度,顺时针10°,按两次回车。设置效果如下图所示。

PS绘制IOS7风格倒数计时器

  图06

  步骤 6

  这一步就按Alt拖直线图层,然后再按Ctrl+T调整角度,直至直线呈放射性分布在圆圈内。效果如下图所示。

PS绘制IOS7风格倒数计时器

  图07

  然后改变直线的颜色为白色,效果如下图所示。

PS绘制IOS7风格倒数计时器

  图08

  步骤 7

  将最先绘制的正圆复制一次,然后放置在图层面板顶层,这个复制的正圆就是用来做旋转指示器。

PS绘制IOS7风格倒数计时器

  图09

  调出正圆的图层样式混合选项,勾选渐变叠加,渐变的设置颜色如下图所示。

PS绘制IOS7风格倒数计时器

  图10

  步骤 8

  下面在正圆图层设置蒙版,按照下面显示的15分钟遮蔽四分之一。效果如下图所示。tulaoShi.com

PS绘制IOS7风格倒数计时器

  图11

  步骤 9

  选择文字工具,添加文字,具体文字内容,以及文字字体、颜色、大小等如下图所示。

PS绘制IOS7风格倒数计时器

  图12

  Final 步骤

  最后将刚才做的图案复制3次,分别按照17日、9时、32分的顺序排列并修改文字和蒙版,这样就能完美显示时间啦。

PS绘制IOS7风格倒数计时器

  图13

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

  下面来看看笔者的最终效果图吧,很有科技感有木有。这里笔者添加了iOS7的背景壁纸,圆圈外围添加了阴影,看上去有质感和立体化。你也来试试制作自己的iOS7风格设计吧。

PS绘制IOS7风格倒数计时器

  图14

        :更多精彩教程请关注图老师photoshop教程栏目,图老师PS群:182958314欢迎你的加入

来源:https://www.tulaoshi.com/n/20160405/2123811.html

延伸阅读
标签: 电脑入门
在大家PPT演讲的时候,是不是经常因为把握不好时间而尴尬呢? PPT计时器的实现可以帮你轻松搞定这些小问题!但大家查询网上的资源不是叫你用VBA技术去搞就是编代码,现在PPT教程网给大家推荐两种简单快捷的PPT计时器的实现方法,看招了。 小提示:以下的方法都是在WPS软件中实现的(国产的office),但方法也通用于微软的PPT。 方法一:嵌入Flash...
随着近年来iOS7的发布,很多网站和APP都忙于改头换面,来适配这套全新的扁平纤细的iOS设计风格。设计好图标是件棘手的事情,尤其当你要设计一整套时,而设计线条式图标本身又是另一项挑战。 下面,我为你准备了一系列指南,能帮你通过简单的步骤打造iOS7风格的图标。 目标是什么? 凡事分轻重缓急,你设计的图标或图标集是用于你的APP吗(这里...
标签: PS PS基础
本教程主要使用Photoshop设计iOS7风格的邮件软件应用,我们勾勒想法开始讲起,然后是如何在Photoshop中将想法试试出来,最后就是如何把设计稿放在iPhone手机壳中展示,下面让我们一起来学习吧。 教程素材: 设计iOS风格的邮件应用PS教程素材  
标签: 电脑入门
课件时常会用到时间限制方面的制作,如进入倒计时,练习倒计时等。我们可以在用WPS演示文稿为平台制作时,利用自定义动画中的出现方式,设置每一个对象的延时为1秒来实现,下面以英语口语比赛计时系统为例详细介绍一下制作过程。 一、输入标题 打开WPS演示文稿,选择空演示文稿,版式选为只有标题,在标题文本框中输入英语口语比赛计时系统字...

经验教程

466

收藏

9

精华推荐

解读javascript的计时器(翻译教程)

解读javascript的计时器(翻译教程)

炫彩流年却似水

HTML5计时器小例子

HTML5计时器小例子

邹锦锦锦

ios7省电设置

ios7省电设置

鸡情死舍

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部