页面载入中...

Photoshop制作炫酷的万花筒GIF动画教程

xingphotoshop, 2017-04-130

 来源:未知  作者:佚名  

这篇教程教脚本之家的PS学习者们使用PS时间轴制作超炫万花筒动画效果。大家可以乍看一下我们要制作出来的效果图,看上去是非常困难的一个方法。其实教程难度一般,制作出来的动画效果非常炫,希望大家通过这篇教程能掌握PS制作动画的方法和技巧。先来看看最终的效果图吧:

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

具体的制作步骤如下:

1、首先启动ps,执行文件-新建命令,新建一个大小为800*800,分辨率为100,背景颜色为黑色的文档。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

2、选择工具箱里椭圆选框,按住shift键在画布上绘制一个正圆,接着新建图层1,按alt+delete组合键填充前景色红色。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

3、拖动选区同时按住shift键进行水平移动,移动到一定位置后,按delete键删除后形成一个月牙形状,执行ctrl+d取消选区。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

4、执行ctrl+j组合键复制一个新图层1副本,拖动月牙移动一定的位置,使其看起来更加美观。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

5、选择钢笔工具在第一个月牙上创建一个锚点接着选择一个闭合的路径,按ctrl+enter组合键形成一个选区。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

6、接着按delete键进行删除,选择上面两个图层执行ctrl+e组合键合并图层,执行ctrl+r调出标尺,并拖拽出参考线。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

7、执行ctrl+t组合键进行自由变换,同时按住shift进行缩放,调整其位置使其一端对准中心位置。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

8、执行ctrl+j组合键复制一个新图层,执行ctrl+t组合键进行自由变换,把中心点拖拽到左下角,设置角度为22.5度点击确定按钮。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

9、接着执行ctrl+shift+alt+t组合键,形成一个圆圈,选择上面的所有图层执行ctrl+e组合键进行合并图层。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

10、接着执行ctrl+j组合键复制一个新图层,接着执行ctrl+t组合键进行自由变换,右键单击从下拉菜单中选择水平翻转选项。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

11、双击图层1副本17弹出图层样式对话框,在该对话框中勾选颜色叠加,设置颜色为蓝色,点击确定按钮,右键单击该图层,从菜单中选择栅格化图层选项。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

12、执行ctrl+j组合键再次复制一个图层得到图层1副本18,接着执行ctrl+t自由变换命令,输入旋转角度为-1.5度,按回车键。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

13、接着执行shift+alt+ctrl+t组合键,反复执行,直到把空隙填满,选择上面的图层创建一个组,命名为蓝色,并隐藏该组。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

14、选择红色图案图层执行ctrl+j组合键复制一个新图层1副本32,执行ctrl+t组合键自由变换,输入角度为1.5后按回车键,再执行shift+alt+ctrl+t组合键,直至填满为止。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

15、选择所有红色图层执行ctrl+g组合键创建组,命名为红色,取消隐藏的蓝色图层修改图层模式为正片叠底,执行窗口-动画命令,调出时间轴。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

16、在动画面板中点击从图层创建帧选项,选择第一帧,然后按删除键把它删除,按住shift键选择16-30帧,执行拷贝多帧命令。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

17、按住shift选择1-15帧,选择粘贴多帧命令,在弹出的对话框中选择粘贴在所选帧之上选项,点击确定按钮,并删除16-30帧。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

18、按住shift键选择所有的帧,执行将帧拼合到图层命令,选择所有的帧设置延迟时间为0.1s

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

19、选择所有帧显示背景图层,执行文件-存储为web所用格式命令,在弹出的对话框中直接点击存储保存在一个合适的位置即可。

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

效果如图:

Photoshop制作炫酷的万花筒GIF动画教程,PS教程,素材中国网

 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信