江湖泪 发表于 2019-7-2 21:05:13

制作太极旋转动态图教程

教程作者：你们的三先生
本篇动态图片教程跟大家分享了如何把太极八卦图片制作成不停旋转的效果，动作过程用到了PS的时间轴，喜欢做动图的同学来学习一下吧。先看看效果：

http://pic1.16xx8.com/allimg/170815/0506233622-0.gif

下面开始本篇动态教程的制作步骤。

1、首先，我们新建一个600X600像素的透明画布。

http://pic1.16xx8.com/allimg/170815/050623F23-1.thumb.png

2、接下来我们选择椭圆工具，在画上点击，新建一个500X500像素的圆形。

http://pic1.16xx8.com/allimg/170815/0506235938-2.thumb.png

3、接下来我们再创建两个像素为205X250像素的圆形，颜色为一黑一白，按照距离摆放好

http://pic1.16xx8.com/allimg/170815/05062323E-3.thumb.png

4、好的，接下来我们把下边的大圆形图层进行栅格化处理，然后把圆形的下半部分用矩形选框工具选中，然后填充为黑色。

http://pic1.16xx8.com/allimg/170815/0506233958-4.thumb.png

5、接下来我们再创建一黑一白两个像素为50X50的小圆形，放在放在适当位置

并按快捷键CERL+ALT+SHIFT+E盖印图层。

http://pic1.16xx8.com/allimg/170815/05062361J-5.thumb.png

6，接下来我们让它旋转起来，点击窗口，找到时间轴工具栏

http://pic1.16xx8.com/allimg/170815/0506235539-6.thumb.png

7、我们首先将时间结尾拖拽到2秒处（不需要太长时间)，然后点击白色小箭头找到旋转，逆时针，设置完成

http://pic1.16xx8.com/allimg/170815/0506233400-7.thumb.png

8、点击图层1左侧的小箭头，我们可以看到两个关键帧小黄点，我们将后面的一个删除掉，将时间轴的小滑块拖拽到15f处，然后对图层进行自由变换，逆时针90度，敲回车键，我们可以看到15f处又出现了一个黄色的关键帧小黄点，以此类推，分别在1.0f，下一个15f和2f处都执行自由变换逆时针90度操作，敲击回车。

http://pic1.16xx8.com/allimg/170815/0506232F8-8.thumb.png

9、好的，我们把关键帧都设置好之后直接点击播放按键就可以看见它已经可以旋转起来了

http://pic1.16xx8.com/allimg/170815/0506235223-9.thumb.png

10、最后我们将其保存为web可用格式GIF文件就可以了，为了观察清晰呢，我们也可以为其加上其他颜色的背景

http://pic1.16xx8.com/allimg/170815/0506233609-10.gif

以上就是本次八卦图的制作全部步骤，希望大家能跟着教程制作出来。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

江湖泪 发表于 2019-7-2 21:06:05


我的作业：

激萌君° 发表于 2019-7-25 18:47:08

{:5_337:}不太理想

sei欧欧AI鸥 发表于 2019-11-5 19:46:58

可以加个联系方式讨论下吗

sei欧欧AI鸥 发表于 2019-11-5 19:47:33

我的动不了

查查 发表于 2019-11-6 01:24:38

sei欧欧AI鸥 发表于 2019-11-5 19:47
我的动不了

把你时间轴的图截图发上来看看就知道为什么不能动了。PS：保存时按CTRL+ALT+SHIFT+S保存，格式选GIF

小小PS小小 发表于 2021-7-23 09:47:17

我的作业：
页: [1]
查看完整版本: 制作太极旋转动态图教程