photoshop中的时间轴制作动画效果精选.docx

photoshop中的时间轴制作动画效果翼狐网：/photoshop通常被我们用来修图抠图，处理照片，其实，它也可以被用来制作动画效果，photoshop中的时间轴就是制作动画效果的关键工具，今天从时间轴面板的基础知识开始做一个详解。　　5种类型的图层　　从零开始带你认识PS的时间轴工具，附超简单的动画实例，十分钟就可以学会，来收！　　我们首先要了解的是PS有5种类型的图层 按顺序依次为像素图层、调整图层、文字图层、形状图层以及智能对象。而对应的时间轴里面，各种类型的图层都有对应时间轴的动作属性，如图所示：　　可以得知所有的动作属性有：位置、不透明度、样式、图层蒙版位置、图层蒙版启用、变换、文字变形、矢量蒙版位置、矢量蒙版启用。　　时间轴的基本面板参数　　位置：单纯控制图层对象在画布的移动。（该参数动画对位图图层有效，矢量图层则需要启动矢量蒙版位置才会产生移动动画效果）。像素图层中元素移动的位置，也可以理解成位移，它不包含旋转和缩放，并且对形状图层无效。　　演示动画：　　不透明度：是控制图层对象的整体透明度。图层的透明度，而调整填充则无效。　　演示动画：　　样式：图层样式，产生动画的是各种样式参数变化（即颜色、角度、大小、不透明度等参数）。控制图层对象样式效果。图层样式是可以产生很丰富的动画效果，除了简单的外发光、内发光、投影等基本动画效果，里面的图案样式更可以应付重复的背景场景，如飘雪，流星等效果。　　演示动画：　　图层蒙版位置：使用蒙版的时候蒙版位置与蒙版启用一起使用。图层蒙板位置具有控制动画效果范围的作用。矢量蒙板位置则控制矢量图层对象的移动。　　矢量蒙版位置：形状图层中元素移动的位置。　　演示动画：　　变换：动作最多的一个属性，其中包含移动、缩放、旋转、斜切、翻转，因此很多情况下需要把图层类型转换为智能对象才能做。包含对图层对象在画布的移动控制和变形控制，可以产生原地旋转，放大缩小，翻转动画效果。（参数只针对智能对象图层而言）　　演示动画：　　制作一个动画的基本步骤　　 STEP 01　　创建一个500px×500px的画布，调出时间轴面板（窗口—时间轴）　　点击创建时间轴按钮，等一下！！！因为当前只有一个图层，所以最好先新建一个图层再点击这个按钮，当然如果是要做背景透明的可以直接点击（事实上要做透明背景的只需隐藏背景图就行了），否则在制作动画的时候会有很繁琐的事等着你。　　当你要做一个设计的时候，新建带背景图层的文件（切图及少部分特殊的情况下可以新建透明背景的~），保留原生态纯正的背景图层，当你不需要的时候可以隐藏。否则，就算你新建一个背景图层，加上任何锁定，并且把它改为同样的ID，它始终不是纯正的背景图层，聪明的你看字体就知道啦。　　 STEP 02 ?添加一个颜色变化　　首先思考，要做一个图层的颜色变化的动作，是属于时间轴上的哪个动作属性，我们可以很轻易的知道是样式，而如果改变图层图像本身的颜色，则无法产生动画。　　先用形状工具画一个圆，然后到时间轴面板点击样式旁边的一个小钟启用关键帧（出现棱形）动画→给图层加上图层样式→颜色叠加打上勾并任意给个颜色。　　然后回到时间轴拖动时间线到想要的位置→双击图层调出图层样式→在颜色叠加设置另一种颜色。　　这个时候已经制作好颜色变化的动画了，接下来你可以调整关键帧的位置，动画的长度，剪辑的长度（导出的时候生效）　　如果你想要调整帧速率，点击时间轴右上角→设置时间轴帧速率　　最后导出动画，文件→储存为web所用格式→选择gif格式→循环选项，如果文件太大，你可以再确保画面的质量的情况下减少颜色值→导出这5个非常有用的知识点可以让大家更深入地探索PS时间轴。　　虽然这个变换动画并没有像专业动画工具中的形状变化那样过渡自然，但是这确实是从一个图形变成另外一个图形的最佳办法。　　剪贴蒙版+移动　　你还可以使用移动的方法来制作各种动画，移动的对象可以是上面的图层，也可以是下面的图层　　这个方法可以制作写字动画、波浪动画等。　　GIF动画的一些技巧　　PS时间轴没有像flash那样可以设置运动轨迹，但是它的运动也是有规律的，即跟随最近原则，比如我们做一个旋转动画，第一帧的角度为0°，下一帧的角度旋转360°，事实上它还是0°，也就不会产生动画；另一种情况，第一帧的角度为0°，下一帧的角度旋转270°，产生动画则是反转90°，因此，必要的情况下我们需要在开始帧和结束帧之间添加更多的关键帧。颜色变化更是如此。　　 STEP 01 ?关键帧的拷贝和粘贴　　大部分情况下我们做的动画都是循环的，因此在开始帧（第一帧）和结束帧（最后一帧）都是一样的，所以我们先复制第一帧再把时间线拖到最后并复粘贴。操作：右键点击想要拷贝的关键帧→拖动时间线到想要的位置→右键点击任意关键帧→粘贴（温馨提示：这里会重新在