http://www.yuyong.net

如何制作动态图标 如何制作动态图标图片

我们经常看到各种各样的动态图标,比如动画指针动态图标,动态计时器图标等等。很多不了解PS的,看到这类的图标也许会觉得很难制作,也不清楚制作这种动态图标会需要哪些步骤...

  我们经常看到各种各样的动态图标,比如动画指针动态图标,动态计时器图标等等。很多不了解PS的,看到这类的图标也许会觉得很难制作,也不清楚制作这种动态图标会需要哪些步骤,其实只要把PS掌握了,那么对动态图标的制作也会变得简单许多。下面就来用PS演示制作动态图标的操作过程。想学的不要错过哦,win7系统吧网还有其他 图标设计的教程,想学图标设计的,一定要看哦。

PS制作动态图标的操作教程:

1.【打开】PS软件,【新建】任意大小的画布。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

2.使用【矩形工具】,绘制合适大小的矩形框,打开【图层样式】-【渐变叠加】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

3.【新建】图层,使用【圆角矩形工具】,绘制合适大小的圆角矩形,【填充】灰色。打开【图层样式】-【斜面和浮雕】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

4.添加【投影】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

5.【新建】图层,使用【椭圆形状工具】,绘制合适大小的正圆,并放置圆角矩形上方合适的位置。打开【图层样式】-【斜面和浮雕】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

6.添加【渐变叠加】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

7.打开【图层属性面板】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

8.【重命名】各图层。【复制】椭圆图层,按【Ctrl+T】自由变换至合适的大小。打开【图层样式】,【取消】斜面和浮雕,打开【渐变叠加】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

9.添加【内阴影】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

10.单击【图层属性面板】,【取消】羽化效果。按【Ctrl+T】自由变换至合适的大小。【复制】截面图层,【重命名】内圆。【填充】蓝色,打开【图层样式】-【内阴影】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

11.调整各图层的图层样式 细节部位至合适的位置。【拖出】两条参考线,并放置画面合适的位置。【新建】图层,使用【矩形工具】绘制合适大小的矩形,【填充】白色,按【Ctrl+T】自由变换-【透视】。按Alt键【移动复制】至合适的位置,按【Ctrl+T】自由变换,【填充】红色。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

12.【新建】图层,使用【矩形工具】,在合适的位置绘制合适大小的矩形,【填充】灰色,【图层模式】正片叠底,【不透明度】30%,按Alt键单击【创建剪切蒙版】。【复制】矩形图层,至红色矩形图层上方,并【创建剪切蒙版】。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

13.在最顶层【新建】图层,使用【椭圆形状工具】,绘制合适大小的正圆,放置画面合适的位置,【填充】白色。打开【图层样式】-【斜面和浮雕】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

14.添加【投影】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

15.添加【渐变叠加】,具体参数如图示。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

16.【选择】指针关联图层,按【Ctrl+G】编组,并【重命名】针。【右击】-【转换为智能对象】,并【添加】投影效果。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

17.【复制】四个针图层,并隐藏指针拷贝图层。打开【时间轴面板】,【新建】5个时间图层。具体效果如图示。

如何制作动态图标 如何制作动态图标图片

18.【设置】图层时间轴,具体数值如图示。第一个时间图层保持不变,【单击】第二个时间轴,【关闭】原指针图层,【打开】隐藏的拷贝1图层,按【Ctrl+T】-【旋转】至合适的角度。具体效果如图示。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。