Photoshop制作旋转的八卦图动画GIF教程(图文教程)

    本文为Photoshop制作旋转的八卦图动画GIF教程:

    先看看效果图

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第1张

    非常的简单,也挺好玩儿的,那么开始我们的教程吧
1、首先,我们新建一个600X600像素的透明画布。

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第2张

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

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第3张

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

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第4张

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

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第5张

5、接下来我们再创建一黑一白两个像素为50X50的小圆形,放在放在适当位置
并按快捷键CERL+ALT+SHIFT+E盖印图层。

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第6张


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

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第7张

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

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第8张

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

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第9张

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

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第10张

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

Photoshop制作旋转的八卦图动画GIF教程(图文教程),Photoshop制作旋转的八卦图动画GIF教程,文件,选择,完成,第11张

免责声明:
1;所有标注为智造资料网zl.fbzzw.cn的内容均为本站所有,版权均属本站所有,若您需要引用、转载,必须注明来源及原文链接即可,如涉及大面积转载,请来信告知,获取《授权协议》。
2;本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除,相关侵权责任均由相应上传用户自行承担。
内容投诉
智造资料网打造智能制造3D图纸下载,在线视频,软件下载,在线问答综合平台 » Photoshop制作旋转的八卦图动画GIF教程(图文教程)