动画教程,制作旋转动态八卦图

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

动画教程,制作旋转动态八卦图_www.16xx8.com

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

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

动画教程,制作旋转动态八卦图_www.16xx8.com
www.16xx8.com

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

动画教程,制作旋转动态八卦图_www.16xx8.com

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

动画教程,制作旋转动态八卦图_www.16xx8.com

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

动画教程,制作旋转动态八卦图_www.16xx8.com

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

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

动画教程,制作旋转动态八卦图_www.16xx8.com

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

动画教程,制作旋转动态八卦图_www.16xx8.com

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

动画教程,制作旋转动态八卦图_www.16xx8.com

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

动画教程,制作旋转动态八卦图_www.16xx8.com

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

动画教程,制作旋转动态八卦图_www.16xx8.com

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

动画教程,制作旋转动态八卦图_www.16xx8.com

以上就是本次八卦图的制作全部步骤,希望大家能跟着教程制作出来。

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以关注我们小程序,每天都有新教程:点我用微信扫一下
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

最新评论
江湖泪

我的作业:

19-07-05 09:06回复
梅梅来了

懂了 谢谢

18-12-10 07:02回复
小白兔

交作业了。

18-12-46 03:36回复
O回忆

真不错,必看这种教程

18-12-50 03:15回复
qzuser

在这里真的学习了好多

18-12-40 11:09回复
幸运四叶草[emoj

交作业了。

18-12-55 08:22回复
一方通行

第8步怎么弄出来的呀,我真的是弄不出来了

婧滆揪 的原帖:

这是我的作业,白色转得看不见了,换了个蓝色好看点我的作业:

18-06-57 03:04回复
溜达

这是我的作业,白色转得看不见了,换了个蓝色好看点我的作业:

18-06-32 12:07回复
溜达

弄得糙了!我的作业:

鐙愮嫄缃戝弸 的原帖:

好厉害,弄出来了,我第8步不会弄

18-06-03 12:07回复
溜达

第8步的 然后对图层进行自由变换,逆时针90度,敲回车键 这个90度不会弄啊

18-06-20 12:06回复
溜达

怎么做到位置修改成变换呢?无法完成这个操作[/大哭]

18-06-25 11:19回复
一方通行

这是我的作业,白色转得看不见了,换了个蓝色好看点我的作业:

18-05-38 04:24回复
狐狐网友

弄得糙了!我的作业:

17-12-11 12:57回复
张兆淇

哈哈

涓嶅垎鎭嬬埍 的原帖:

我也是矩形啦

的原帖:

第四步为什么我填充后效果是矩形的,求解?

涓嶅垎鎭嬬埍 的原帖:

在图层那把透明像素锁定以后再填充颜色就可以是符合圆形的填充而不会是矩形了

17-09-23 08:54回复
完善自己1247在搜狐

分享图片

17-09-28 07:52回复

  网友求助,请回答!