当前位置:丝路教程网 > UI设计 > PS > PS教程 >

ps教程之作旋转的八卦图动画教程

2017-07-28 09:24 来源: 丝路教程网 分类: PS教程
325 作者:丝路教程网

[导读] 本ps教程主要使用Photoshop制作流畅的八卦图旋转动画教程,教程的步骤不是很难,感兴趣的朋友一起来学习吧。 先看看效果图 非常的简单,也挺好玩儿的,那么开始我们的教程吧 1、首

  本ps教程主要使用Photoshop制作流畅的八卦图旋转动画教程,教程的步骤不是很难,感兴趣的朋友一起来学习吧。

  先看看效果图

Photoshop制作旋转的八卦图动画教程

  非常的简单,也挺好玩儿的,那么开始我们的教程吧

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

Photoshop制作旋转的八卦图动画教程

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

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

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

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

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

Photoshop制作旋转的八卦图动画教程

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

Photoshop制作旋转的八卦图动画教程

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

Photoshop制作旋转的八卦图动画教程

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

Photoshop制作旋转的八卦图动画教程

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

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

Photoshop制作旋转的八卦图动画教程

  推荐阅读:UI设计PS软件班哪家靠谱?来南京丝路教育


免责声明:

丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

  • 所属专题:PS教程专题
  • 本文链接:http://blog.silucg.com/UICN/psjc/article-7339.html
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图
点击这里给我发消息
丝路教育