分享

ps cs6制作gif动画教程:视频等待

 ldjsld 2015-12-06

视频等待动画

我们看下这节课要学的效果:

ps cs6制作gif动画教程:视频等待
ps cs6制作gif动画教程:视频等待

想必大家在很多地方见过这样的动画吧,今天我们学下这个效果的制作。

1.新建一个文件,大小根据自己的需要设置,背景白色。

2.选择椭圆工具,

ps cs6制作gif动画教程:视频等待

工具选项中,设置如下:

第一个选择星转,填充任意颜色,描边取消。

ps cs6制作gif动画教程:视频等待

3.在画布靠左边的位置画一个圆:

ps cs6制作gif动画教程:视频等待

Ctrl+T,自由变换,按住Alt键,把自由变换的中心点移出来,移动的同时按住Shift键,保持水平方向(放大画布以方便操作)。

ps cs6制作gif动画教程:视频等待

目标点和我们的圆的距离,就是整体大圆的半径,所以现在你移动的距离决定了未来你大圆的尺寸。

在选项栏里设置旋转角度为40度:

ps cs6制作gif动画教程:视频等待

然后回车确定。

确认你处于选中椭圆图层,按住键盘上的Shift+Ctrl+Alt然后按T键(8次),让这个圆变成一个大的圆环:

ps cs6制作gif动画教程:视频等待

右键椭圆图层,栅格化:

ps cs6制作gif动画教程:视频等待

4.在选中椭圆图层的情况下,点击图层面板下边的添加图层样式按钮,为本图层添加渐变叠加(相当于点右键,混合选项。这是混合选项的快捷方式)

ps cs6制作gif动画教程:视频等待

在弹出的渐变叠加中,设置如下:

ps cs6制作gif动画教程:视频等待

基本都是默认值,没有做过任何修改,唯一要改的就是渐变条,单击渐变条,设置渐变为下图样式:

ps cs6制作gif动画教程:视频等待

左右两端各一个亮灰色颜色快,颜色值:f0f0f0;95%的位置处有一个纯黑色的颜色块。

4.打开帧动画面板,第一帧设置时间为0,循环设置为"永远",然后新建一帧,打开椭圆图层的渐变叠加选项,把角度设置为-30,然后确定。

ps cs6制作gif动画教程:视频等待

新建一帧,再次打开椭圆图层的渐变叠加选项,把角度设置为-150,然确定

ps cs6制作gif动画教程:视频等待

在这里我要解释一下,为什么要这样设置。因为PS里不像其他软件(比如AE),可以做复杂的关键帧属性动画,PS只能做一些简单的,这个角度动画,如果只用两帧是无法用过渡来实现的,所以我们要把360度分成3个阶段,第一帧是90度,第二帧为什么是30度?渐变的90度在顺时针转的时候是90,80,70…0,然后是-10,20…所以,90度加-30就是120度。-30度再加120,就是-150。当然,这个负号不能用数学里的负数算。希望你明白。

5.既然我们把3个阶段的画面做好了,下面我们来做动画,选择第二帧(明智的选择),点击添加过渡按钮。过渡方式:"上一帧",添加11帧,然后确定,再次单击添加过渡按钮(目前选中的是13帧,这是之前的第二帧),过渡方式:"下一帧",添加11帧。然后我们选择最后一帧,添加过渡,过渡方式为:"第一帧",依然添加11帧过渡。

6.播放一下,是不是一个类似"loading"的动画就做好了呢?

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多