视频等待动画 我们看下这节课要学的效果: 想必大家在很多地方见过这样的动画吧,今天我们学下这个效果的制作。 1.新建一个文件,大小根据自己的需要设置,背景白色。 2.选择椭圆工具, 工具选项中,设置如下: 第一个选择星转,填充任意颜色,描边取消。 3.在画布靠左边的位置画一个圆: Ctrl+T,自由变换,按住Alt键,把自由变换的中心点移出来,移动的同时按住Shift键,保持水平方向(放大画布以方便操作)。 目标点和我们的圆的距离,就是整体大圆的半径,所以现在你移动的距离决定了未来你大圆的尺寸。 在选项栏里设置旋转角度为40度: 然后回车确定。 确认你处于选中椭圆图层,按住键盘上的Shift+Ctrl+Alt然后按T键(8次),让这个圆变成一个大的圆环: 右键椭圆图层,栅格化: 4.在选中椭圆图层的情况下,点击图层面板下边的添加图层样式按钮,为本图层添加渐变叠加(相当于点右键,混合选项。这是混合选项的快捷方式) 在弹出的渐变叠加中,设置如下: 基本都是默认值,没有做过任何修改,唯一要改的就是渐变条,单击渐变条,设置渐变为下图样式: 左右两端各一个亮灰色颜色快,颜色值:f0f0f0;95%的位置处有一个纯黑色的颜色块。 4.打开帧动画面板,第一帧设置时间为0,循环设置为"永远",然后新建一帧,打开椭圆图层的渐变叠加选项,把角度设置为-30,然后确定。 新建一帧,再次打开椭圆图层的渐变叠加选项,把角度设置为-150,然确定 在这里我要解释一下,为什么要这样设置。因为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"的动画就做好了呢? |