×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载随时随地聆听大师开讲/课堂酷素材!视频教程打包下手绘教程
咔咔摄影抠图教程路径专辑photoshop cs3视频教程 
查看: 741|回复: 5

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

[复制链接]

该用户从未签到

发表于 2017-8-29 10:43:39 | 显示全部楼层 |阅读模式
先看看效果图
2017072521163544.gif
非常的简单,也挺好玩儿的,那么开始我们的教程吧
1、首先,我们新建一个600X600像素的透明画布。
2017072521163580.png
2、接下来我们选择椭圆工具,在画上点击,新建一个500X500像素的圆形。
20170725221832410.png
3、接下来我们再创建两个像素为205X250像素的圆形,颜色为一黑一白,按照距离摆放好
2017072521163582.png
4、好的,接下来我们把下边的大圆形图层进行栅格化处理,然后把圆形的下半部分用矩形选框工具选中,然后填充为黑色。
2017072521163593.png
5、接下来我们再创建一黑一白两个像素为50X50的小圆形,放在放在适当位置
并按快捷键CERL+ALT+SHIFT+E盖印图层。
2017072521163578.png

6,接下来我们让它旋转起来,点击窗口,找到时间轴工具栏
2017072521163545.png
7、我们首先将时间结尾拖拽到2秒处(不需要太长时间),然后点击白色小箭头找到旋转,逆时针,设置完成
2017072521163599.png
8、点击图层1左侧的小箭头,我们可以看到两个关键帧小黄点,我们将后面的一个删除掉,将时间轴的小滑块拖拽到15f处,然后对图层进行自由变换,逆时针90度,敲回车键,我们可以看到15f处又出现了一个黄色的关键帧小黄点,以此类推,分别在1.0f,下一个15f和2f处都执行自由变换逆时针90度操作,敲击回车。
9、好的,我们把关键帧都设置好之后直接点击播放按键就可以看见它已经可以旋转起来了
2017072521163569.png
10、最后我们将其保存为web可用格式GIF文件就可以了,为了观察清晰呢,我们也可以为其加上其他颜色的背景
2017072521163535.gif

本教程完!
========================= 学习提示 =========================
打开ps,跟着教程做一遍,做完的图要到这里评论交作业
http://bbs.jcwcn.com/thread-1007462-1-1.html
教程有看不懂的地方,可以在贴子下面评论
============================================================


                    

该用户从未签到

发表于 2018-6-17 18:14:57 | 显示全部楼层
顶顶多好
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2018-6-17 17:40:25 | 显示全部楼层
真心顶。。。。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2018-6-17 17:39:25 | 显示全部楼层
难得一见的好帖
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2018-6-17 17:49:31 | 显示全部楼层
很好哦。。。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2018-6-17 17:27:01 | 显示全部楼层
LZ真是人才
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [免费注册]

本版积分规则