当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

ps加载动画图片(4)

来源:SDC翻茄匠 作者:TAT.sheran 学习:18599人次

,这里样式可以自由发挥,仅供参考

16、按照以下左图把下面5个图层合成组(ctrl+G),然后复制整个组再按ctrl+T让其旋转45°,后面复制同理(注意,tirck3是在复制 tirck2的基础上再旋转的45°,以此类推)

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

17、最后做成动画,步骤如下:

1> 选择动画属性:

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

2> 创建新图层:

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

,这里每帧对应需显示的组,其它组则需隐藏。

例如下图所示:第2帧对应下面显示了trik2的组,但是其它组都需要隐藏,以此类推

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

18、最后保存:文件——

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

最终结果如下所示

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

总结:知道gif动画的初步制作原理后,以后为我们制作逐帧动画也奠定了一定基础!

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
小蚂蚁_SM-G9008V2018-05-11 06:46
很不错
一只帅羊羊2016-11-21 10:17
一只帅羊羊2016-11-21 10:11
4966547462016-03-17 10:07
加载中.....
4966547462016-03-17 10:03
加载中.....
曉嫻君2013-02-20 08:46
好东西,谢谢分享
中华长城永不倒2013-02-20 08:15
很想学习
描述反向2013-02-20 06:06
想来学习,新手上路
私奔花火2013-02-20 01:39
看得云里雾里
有时候可是我2013-02-20 06:33
谢老师分享!!!!!!

关注大神微博加入>>

网友求助,请回答!