织梦CMS - 轻松建站从此开始!

我的网站

当前位置: 主页 > 设计教程 > Photoshop教程

Photoshop设计iOS7风格倒数计时器(2)

时间:2015-06-18 14:55来源:太平洋电脑网 作者:么么茶 点击:
Step 7 将最先绘制的正圆复制一次,然后放置在图层面板顶层,这个复制的正圆就是用来做旋转指示器。 图09 调出正圆的图层样式混合选项,勾选渐变叠加

Step 7

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

Photoshop设计iOS7风格倒数计时器

图09

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

Photoshop设计iOS7风格倒数计时器

图10

Step 8

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

Photoshop设计iOS7风格倒数计时器

图11

Step 9

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

Photoshop设计iOS7风格倒数计时器

图12

Final Step

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

Photoshop设计iOS7风格倒数计时器

图13

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

Photoshop设计iOS7风格倒数计时器

图14

小结:

这次的PS翻译教程还是比较简单的,通过这次的教程,可以学习到自由变换的强大功能,希望大家喜欢这次的PS翻译教程。

(责任编辑:RGB)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容