百科
首页 > 平面设计 > Photoshop > PS如何制作GIF动态指针图标

PS如何制作GIF动态指针图标
作者:暂无发布时间:暂无


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】-【旋转】至合适的角度。具体效果如图示。


19.使用相同的方法给其他剩余的指针图层作出相同的时间轴角度。按【Ctrl+Alt+S】存储为Web格式,后缀名为GIF动画格式。具体效果如图示。


20.最终效果如图示。



点击观看视频
UI设计 PS-GIF动态指针动画图标
2806人学过 难度:初级练习

相关知识

最新知识

相关百科

最新百科

相关教程