几个gif动画的制作技巧.pptVIP

为了避免写僵尸教程，有些地方还是需要大家自行思考并且延伸到更多的制作，如果仅仅参考教程做出的东西而不动脑经，除了临时练手以外意义真的不大。 类似loading的动画Step1——画圆环新建一个500pxsup2;(以下出现的所有数值可以自定义不用完全照搬)的默认画布，并用椭圆工 具(填充无，描边30，色值#f2f2f2)画一个正圆环，然后调出时间轴并且创建时间轴动画。Step2——圆环渐变给圆环上色，技巧也就在这里。 首先我们分析颜色的变化是从无到有，再从有到无。利用图层样式的渐变，可以实现这个效果(事实上利用图层样式实现的动画实在是太多了并且太好用了)。 在时间轴的第一帧位置打开样式动画的关键帧开关，调出图层样式勾上渐变，样式为角度，打开渐变编辑器并选取一个颜色如下图， 因为是从无到有的过程 ，因此【无】(即白色)的透明度设置0，【有】(即绿色)的透明度设置100%，然后把【无】的透明度和颜色拖到跟【有】重叠如下图， 温馨提示： 当渐变的两个数值(标)完全重叠时，事实上还区分左右(上下)的位置，并且这个位置很重要。单击标可以切换标的位置，如果无法切换则没有完全重叠，此 时你可以拉伸渐变编辑器尽可能让数值完全重叠，当然这个是在0的起始位置重叠，拉不拉伸没有太大意义~ 回到时间轴，拖动时间线到指定位置(20f )，把所有数值的标拖到最右边的位置如下图 Step3——添加圆形旋转动画一个动画基本完成，再给头部跟尾部添加圆形，尾部(起始位置)的圆固定 不动，而头部的圆跟随颜色的变化一起运动。所以我们需要给这个圆做旋转(转换为智能对象方可做变换动作)，确立旋转图形新的中心点在玩转PS时间轴第 三篇有讲过，这里就不多说了，我们还需要注意的是旋转的时候不能超过180deg;，这个也在第二篇文章有讲过，因此我们需要给这个旋转的圆圈至少 添加4个关键帧，并且时长与旋转的位置要跟圆环的颜色对应。 Step4——复制+反向还有一个从有到无的过程，把刚才从无到有的动画编组并且复制 ，转到时间轴把这个组向后拖动到一定位置(在前面组的结尾往前一点点，使其神不知鬼不觉地循环运动)，然后在复制组的圆环图层的关键帧(起始帧与结束 帧)互相对调，最后将时间线拖到关键帧的位置调出图层样式，渐变勾上反向。当然你不喜欢这种复制+反向的方法而要重新做颜色的渐变也没人拦你~以上4 步已经完成了一个loading从无到有，从有到无的动画，你可以设置更多样式，比如设置圆环的填充为0，给圆环添加内阴影，转换为智能对象再添加样 式等等。 绽放的烟花Step1——画长条新建一个500×900px(取决于烟花绽放尺寸)的画布，用钢笔工具(填充无，描边4，端点圆角，色值 任意但我喜欢用黄)画一根长182px(你要长短都行，不要影响到最后效果便可)的线条，ctrl+j复制多一根(保持一样的位置)，然后调出时间轴 并且创建时间轴动画。Step2——条子动画通过学习【玩转PS时间轴-3】中的剪贴蒙版+移动，我们先将其两根条子按下图设置 下面的图层填充设 置为0，图层样式的混合选项设置为 回到时间轴，将长度设置为30f(等于1s)，选择两个图层转换为一个智能对象，双击智能对象可以得知画布大小 与画的条子是一样的(4×182px)，而我们要将画布的长度调整如下图 (这是为了烟花的绽放有更大的伸展空间)。此时我们在这个智能对象制作动 画，先打开下面图层矢量蒙版位置的关键帧开关，拖动时间线先在起始帧(1f)添加关键帧，再移动时间线到最后(29f，时间线定位到最后只能在总帧数 -1的位置，做好动作后直接把关键帧拉到30f即可)， 移动这个图层的条子如图所示(设置条子底部与画布顶部相切大概的位置) 打开上面图层的 矢量蒙版位置的关键帧开关，在起始帧(1f)的条子拖动到如下图的位置： 将条子在画布底部露出几个像素，这样在制作变换动作的时候起到参考的作用 ，然后在15f处添加关键帧并且把条子移动到如下图(刚好顶置画布) 烟花最后还有一个淡出的效果，打开这个图层的不透明的关键帧开关，在20f处 添加关键帧，在29f处添加关键帧并且移动到30f处设置透明度为0，条子动画制作完毕。Step3——变换复制学习前面一篇文章【关于ps变换复制 的原理】，我们都知道快捷键ctrl+shift+alt+T变换复制，尤其在制作旋转图形的时候经常使用，而智能对象无法直接使用快捷键复制，需要 先用形状图层或者像素图层使用先制作变换复制轨，让系统记录这个轨迹，然后再选择智能对象图层后方可使用快捷键复制。回到原画布，此时我们已经制作了 一个1S的条子动画。把时间线拖到1f的位置，这个时候我们可以看到露出一点的条子，放大可以看到 制作变换复制轨迹，画一个圆，ctrl+T把参 考点向下移动并旋转15deg;，然后使用CAST执行变换复