Photoshop动画教程：玩转时间轴之基础篇
如果不坚持,何必当初那么努力
帖子154959&缘分币417516 Y&阅读权限255&注册时间&
15:55 
Photoshop动画教程：玩转时间轴之基础篇
本教程主要后私用Photoshop详细解析时间轴动画之基础篇，当PS有了时间轴功能以后，制作GIF动画变得轻而易举，相比帧动画，时间轴更灵活，更容易。今天我们就来从基础来叫大家如何使用时间轴制作动作。
来源：站酷& & 作者：矢量人生
今天我们开始讲一下动作中的时间轴。
我们首先要了解的是PS有5种类型的图层，按顺序依次为像素图层、调整图层、文字图层、形状图层以及智能对象。而对应的时间轴里面，各种类型的图层都有对应时间轴的动作属性，如图所示：
可以得知所有的动作属性有：位置、不透明度、样式、图层蒙版位置、图层蒙版启用、变换、文字变形、矢量蒙版位置、矢量蒙版启用。
位置：像素图层中元素移动的位置，也可以理解成位移，它不包含旋转和缩放，并且对形状图层无效。
不透明度：图层的透明度，而调整填充则无效。
样式：图层样式，产生动画的有角度、大小、不透明度。
图层蒙版位置：暂不描述。
变换：动作最多的一个属性，其中包含移动的位置，缩放，旋转，因此很多情况下需要把图层类型转换为智能对象才能做。
矢量蒙版位置：形状图层中元素移动的位置。
制作一个动画的基本步骤
1，创建一个500px×500px的画布，调出时间轴面板(窗口—时间轴)，
点击创建时间轴按钮，等一下!!!因为当前只有一个图层，所以最好先新建一个图层再点击这个按钮，当然如果是要做背景透明的可以直接点击(事实上要做透明背景的只需隐藏背景图就行了)，否则在制作动画的时候会有很繁琐的事等着你。
本人建议，当你要做一个设计的时候，新建带背景图层的文件(切图及少部分特殊的情况下可以新建透明背景的~)，保留原生态纯正的背景图层，当你不需要的时候可以隐藏。否则，就算你新建一个背景图层，加上任何锁定，并且把它改为同样的ID，它始终不是纯正的背景图层，聪明的你看字体就知道啦。
2，做一个颜色变化的动画
首先思考，要做一个图层的颜色变化的动作，是属于时间轴上的哪个动作属性，我们可以很轻易的知道是样式，而如果改变图层图像本身的颜色，则无法产生动画。
先用形状工具画一个圆，然后到时间轴面板点击样式旁边的一个小钟启用关键帧(出现棱形)动画→给图层加上图层样式→颜色叠加打上勾并任意给个颜色，
然后回到时间轴拖动时间线到想要的位置→双击图层调出图层样式→在颜色叠加设置另一种颜色
这个时候已经制作好颜色变化的动画了，接下来你可以调整关键帧的位置，动画的长度，剪辑的长度(导出的时候生效)
如果你想要调整帧速率，点击时间轴右上角→设置时间轴帧速率
最后导出动画，文件→储存为web所用格式→选择gif格式→循环选项，如果文件太大，你可以再确保画面的质量的情况下减少颜色值→导出
现在你已经掌握了制作GIF动画最基本的步骤，年后再跟大家分享进阶篇，希望大家多多支持!
最后，祝福大家猴年吉祥，身体健康，家庭幸福，在新的一年顺风顺水!
如果您在做图或者看教程（PHOTOSHOP方面），遇到任何问题请到问题交流区提问，地址：；我们会在第一时间帮助您解决问题，如果在教程后面跟帖，一律不给予解决！~
UID1&精华&积分470709&威望26090 F&回复币50798 B&警告0 次&贡献2117557 &金币2 个&学分0 点&性别男&来自上海&最后登录&
当前时区 GMT+8, 现在时间是【教程】用时间轴做旋转图片_photoshop吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：1,058,735贴子：
【教程】用时间轴做旋转图片收藏
在这个帖子中看到@q求助让图片旋转起来，四楼大神@_projava_使用了时间轴，但是没写具体方法，嗖，我是来补充的。。。。过程比较简单。。。第一步：打开素材就是这样子的
苏宁易购photoshop cs6,正品行货+百城半日达,全国联保,服务一站式,全场为你而省!苏宁易购photoshop cs6,支持货到付款,让您省钱省心!
前排留名，
这是第二步，打开时间轴调板，并创建时间轴
第三步：将图层1转化为智能对象，具体方法是在图层1后面右击鼠标在弹出的选项里面选择转化为智能对象第四部：打开位置位置前面的秒表，点击一下就可以如图，之后就会出现菱形过度帧
补充一下，转化为智能对象以后的图层是这样子的
第五步：将时间线移动到1秒处，按ctrl+T调出自由变换，在修改旋转角度90度，按enter键确定；再将时间线移动到2秒处，按ctrl+T调出自由变换，在修改旋转角度180度，按enter键确定；再将时间线移动到3秒处，按ctrl+T调出自由变换，在修改旋转角度-90度，按enter键确定；再将时间线移动到4秒处，按ctrl+T调出自由变换，在修改旋转角度0度，按enter键确定。如下图
第六步：保存成GIF，颜色选择4，可以减小体积；循环选项设置成永远。如图
拜大神，呵呵
LZ那个每个圈不同方向旋转的又怎么做呢？？？
photoshop mac,苏宁电脑O2O购物节,爆款低价,每天整点领千元神券,爆款直降等你抢!photoshop mac,苏宁易购正品低价,支持货到付款!7天无理由退换货,100个城市半日达!
01:00f 是1秒的位置？
大神们。。。我遇到困难了，按照lz的教程我做了这两个=。。=做出来才发现截图截得不干净其中图2我想做一个由中心向四周飘的光点的效果。。。结果想不出来该怎么做。。。
大神，我想问问，为什么一定要转成智能对象？不转的话就不行吗？
学习学习十五字十五字，有了么
还有为什么我把时间轴转成帧动画后保存了就不能旋转了？？
本想也跟这溜一边呢
发现没有时间轴
很好啊！教程什么的我最喜欢了！顶之！
请问楼主是CS6么？好像CS5 时间轴没有带旋转功能哈...
这种情况的话。多分几个图层就可以了
为什么我时间轴里面每一秒没有菱形呢？楼主教程里面有的
登录百度帐号推荐应用PS详细解析动画时间轴的基础操作
下面请跟着图老师小编一起来了解下PS详细解析动画时间轴的基础操作，精心挑选的内容希望大家喜欢，不要忘记点个赞哦！今天这篇通俗易懂的好文，从零开始带你认识PS的时间轴工具，附上一个超简单的颜色动画实例，十分钟就可以学会，来收。
Photoshop简单的制作GIF动态效果图先看看效果图首先把你做好的效果图拿出来。想一下如何做这个动态。把页面分解几个区域以便于做动态。新建一个干净的界面 把整理好的区域做一个初始状态接下来做在窗口选择时间轴并且创建帧之后就是做动画了，点左下角倒数第二个按钮新建一帧，并把内容下移到你想要的位置Photoshop制作星光闪烁的字体教程前几天的动态文字教程，有同学反映操作有难度，今天来一篇比较容易上手的。很多新手不理解的动画原理方面，作者也特意挑出来讲，生动贴切，通俗易懂，一学即会。素材跟源文件都给备好了，就等涨姿势了。记得素材和源文件：星光闪烁的文字动画素材打开PS，新建一个文档。文档大小我选用600px*800px。新建成功后，选用渐变工具，沿着画笔的对角线画出一个直线渐变背景。色值从#0a485a过渡到#1180a0。这里的文字我选用了较为粗的字形，当然，并不是细的字形就不适合。文字设置为#08d7f0。将文字栅格化。这里我建议大家还是放大图像处理一下文字的边缘，让边缘变得更clean。有人问，这里可以选用别的颜色吗?完全可以!选用颜色时要注意的就是，首先，背景不能抢镜。所以背景色一定要比文字的颜色更暗。其次，文字的颜色因为要凸显闪亮，所以也不要选用太暗淡的颜色。整个画面保持统一色系，由于闪光已经足够抢眼的效果，因此，不必再增加花哨的来迷人眼了。三、理解基本的动画的原理在做GIF小动画之前，我想和大家分享一下基本的动画的原理。很多人大概知道，我们看的动画，都是由帧组成的。一般而言1秒有25帧，而对于普通的动画而言，6帧就需要一张原画。我自己理解动画，也就是类似于师，让静止的画面以很快的速度切换，让你的眼睛以为它在移动。因此，回到我们今天要做的动画效果这里来，我们要做的是一个闪闪发光的动画，那就是光点效果的变化。就像波光粼粼的湖面那种阳光反射出的水光不断星星点点闪烁的效果一样。经过这样一梳理，我们就知道，我们接下来要做的是就是创造出闪闪发光的不同效果图，然后让这些效果不断切换。而与此同时，文字保持不变。那么，这个闪光效果能变得真实可信。没错。理解了原理，可以开始动手了!将文字图层复制两个，变成三个文字图层。进入【滤镜杂色添加杂色】，分别为三个文字图层添加杂色滤镜，在杂色滤镜中分别为三个图层设置杂色数量为15%、16%、17%，高斯分布，取消单色的单选框。Photoshop详细解析动画时间轴的进阶技巧上一篇文章跟大家讲过PS时间轴的基础，接下来跟大家分享制作简单GIF动画的一些技巧，文字动画、颜色渐变、咻一咻动画、模糊动画、旋转时钟以及变化的月亮等等，文章提到的动画都有提供打包下载，想学时间轴的同学来收。教程里用到的动画素材：MissYuan_GIF动画.zip一般来说，制作动画不会选择像素图层，因为它的动作属性可操作性太少，正如我们设计UI的时候也不会直接用像素绘制。如果我们需要制作的动画中包括旋转或者缩放，我们只能把图层转换为智能对象，而文字图层是个例外(但并不绝对)，因为它已经有变换的动作属性，然而仅仅改变颜色或者移动位置直接用形状图层制作便可。PS时间轴没有像flash那样可以设置运动轨迹，但是它的运动也是有规律的，即跟随最近原则，比如我们做一个旋转动画，第一帧的角度为0&，下一帧的角度旋转360&，事实上它还是0&，也就不会产生动画;另一种情况，第一帧的角度为0&，下一帧的角度旋转270&，产生动画则是反转90&，因此，必要的情况下我们需要在开始帧和结束帧之间添加更多的关键帧。颜色变化更是如此。关键帧的拷贝和粘贴大部分情况下我们做的动画都是循环的，因此在开始帧(第一帧)和结束帧(最后一帧)都是一样的，所以我们先复制第一帧再把时间线拖到最后并复粘贴。操作：右键点击想要拷贝的关键帧&拖动时间线到想要的位置&右键点击任意关键帧&粘贴(图老师网温馨提示：这里会重新在拖动时间线的位置上生成一个新的关键帧，而不是替换你当前右键点击的关键帧，除非时间线刚好在这个关键帧上)具有动画的图层拷贝我们都知道图层的快捷复制是直接按ctrl+J，而这种操作无法将其动画复制到时间轴上，也就是无法复制时间轴上的动作属性(复制组可以将其动画复制到时间轴上)。还有一种操作就是在当前图层按住alt+移动，即可复制时间轴上的动作属性，并且哪怕你鼠标复制图层后移动到任何位置，再次回到时间轴面板拖动时间线它还是保持原来的位置(仅对智能对象图层有效，其他类型图层的位置会发生改变)，事实上这是一个良性的bug(图老师健康网温馨提示：如果你不重新拖动时间线直接导出动画，有一帧的位置就是你拖动的位置)。制作类似咻一咻的动画首先分析动画是由圆环从小变大并且慢慢消失，如果我们直接用圆圈减去的方法制作圆环，那么圆环的宽度并不能保持一致，因此采用图层样式的方法，操作：用形状工具画一个足够大的正圆(为什么要足够大?几年前已经粗略讲过图层样式和智能对象，这里再补一下，就是当前形状大小转换为智能对象后，它最大的形状也就是当前固定了，如果转换为智能对象后再放大，则会失真，所以宁可画得大一些，转换智能对象后缩小后再次放大也不至于失真了，图片更是如此)& 转换为智能对象再将其缩小& 将其图层填充为0& 添加图层样式& 描边。接下来转到时间轴上制作动画。圆环发生缩放属于变换的动作属性，因此在变换旁边打开关键帧开关，然后拖动时间线到指定位置，再次放大圆环。圆环还有慢慢消失的动作，则在透明度上旁边打开关键帧开关，设置开始帧的透明度为100，结束帧的透明度为0，一个圆环的动作已经完成了。我们需要很多个圆环跟着节奏，所以按照上面说的动画的图层拷贝，alt+鼠标移动(复制N个)，生成相同的动作以后，再调整各个图层动画预览的位置错开时间紧随节奏，动画制作完毕。你还可以运用在其他动画上制作模糊动画如果PS可以像flash那样有滤镜动画，那是值得高兴的事，很遗憾ps总归是ps，它制作动画的功能无法跟专业的动画工具比，而我写的这个文章也并不是做专业动画的，因为已经表明了是轻松制作简单的gif动画。但说是简单，也需要实用才行，这还是符合我写教程的三个基本原则的，简单、实用、原创。好吧，又装X了~新建一个文字图层并打上模糊，ctrl+J复制一个图层，估计到这里大家已经知道怎么做了。让文字从模糊慢慢变得不模糊，将其中一个图层转换为智能对象再添加其高斯模糊滤镜(这也就是为什么文字图层也不绝对不用转换智能对象了，必要情况下还是要转的)。然后开始帧的透明度设置100，结束帧设置0，另外一个图层开始帧的透明度设置0，结束帧设置100，参数反过来设置就是不模糊变得模糊，制作完毕。图片模糊同样方法。制作旋转的时钟我还是要吐槽一下ps动画没有运动轨迹真是一个遗憾，这使得很多动画的制作需要技巧，如果真的没办法做的动作建议还是使用专业的工具。但是还是许多动作可以做的，而更多动作都跟旋转有关，比如手脚的摆动，时钟的转动等。值得注意的是，当我们ctrl+T改变图形的中心点的时候，只是在当前操作起作用，而下一次再次ctrl+T，中心点位置还是会回归到原始的中心位置。而旋转，正是跟这个中心点有关。既然中心点无法用ctrl+T改变后制作动画，那我们需要用到技巧。因为中心点是固定在图像垂直居中的中心位置，如果只是在当前的图形上旋转，那必定不是我们想要的动画，因此需要添加额外的内容填充。以时钟为例，将指针沿着时钟的中心位置转动起来：用形状工具画一个指针&将其指针转换为智能对象&双击智能对象调整画布的高度/宽度大小200%(参数的设置取决于你想要转换智能对象后的中心点位置)，确定再按ctrl+T，我们可以看到中心点还是在中间的位置，只是添加的额外内容隐藏了。接下来就是将指针旋转起来，转到时间轴面板，打开变换的关键帧开关，上面已经说过运动规律是跟随最近原则的，因此每个帧的旋转幅度不要超过180&，否则将不会顺时针旋转。制作变化的月亮上一篇没有描述的图层蒙版位置的动作属性，现在终于派上用场了。用形状工具画一个正圆，添加图层样式，然后添加图层蒙版并拉个黑白渐变，这个时候时间轴的动作属性已经发生改变，多出了图层蒙版位置和图层蒙版启用。点击取消图层和图层蒙版中间的链接(否则将一起移动)回到时间轴，打开图层蒙版位置的关键帧开关，拖动时间线到指定位置，回到图层面板，按住alt+点击图层蒙版进入预览，然后用移动工具移动渐变位置再次按住alt+点击图层蒙版回到画面，月亮的变化制作完毕。接下来可以在矢量蒙版位置上加个移动的动作，打开移动蒙版位置的关键帧开关&拖动时间线到指定位置&拖动图层到指定位置，月亮的移动制作完毕。最后还可以加上图层样式的动作，整个动画制作完毕。以上就是本章跟大家分享的技巧，其中包括：文字动画、颜色渐变、咻一咻动画、模糊动画、旋转的时钟以及变化的月亮。里面所需用到的技巧可以用在更多的动画上，相信大家一定能做出更炫的动画。Photoshop巧用视频时间轴制作简单的GIF动画在平时工作项目中，多少会碰上要做简单gif动画的需求。以往做gif动画最麻烦的就是逐帧制作，一旦修改起来也很痛苦。随着Photoshop版本的不断升级，其功能的优化和增加，都是一次次的惊喜，发展到CC版本，时间轴已可以对视频简易剪辑，所以时间轴制作简单的gif动画足已。1、如何调出视频时间轴面板在 窗口&时间轴，调出时间轴面板后，选择创建视频时间轴。选择了视频时间轴面板后，若想切换到帧动画面板，可以点击上图中红色内图标进行切换。位置：单纯控制图层对象在画布的移动。(该参数动画对位图图层有效，矢量图层则需要启动矢量蒙版位置才会产生移动动画效果)演示动画：变换：包含对图层对象在画布的移动控制和变形控制，可以产生原地旋转，放大缩小，翻转动画效果。(参数只针对智能对象图层而言)演示动画：样式：控制图层对象样式效果。图层样式是可以产生很丰富的动画效果，除了简单的外发光、内发光、投影等基本动画效果，里面的图案样式更可以应付重复的背景场景，如飘雪，流星等效果。演示动画;不透明度：是控制图层对象的整体透明度。演示动画：蒙版：使用蒙版的时候蒙版位置与蒙版启用一起使用。图层蒙板位置具有控制动画效果范围的作用。矢量蒙板位置则控制矢量图层对象的移动。演示动画：Photoshop详细解析GIF动画的制作技巧为了避免写僵尸教程，有些地方还是需要大家自行思考并且延伸到更多的制作，如果仅仅参考教程做出的东西而不动脑经，除了临时练手以外意义真的不大。类似loading的动画Step1画圆环新建一个500px²(以下出现的所有数值可以自定义不用完全照搬)的默认画布，并用椭圆工具(填充无，描边30，色值#f2f2f2)画一个正圆环，然后调出时间轴并且创建时间轴动画。Step2圆环渐变给圆环上色，技巧也就在这里。首先我们分析颜色的变化是从无到有，再从有到无。利用图层样式的渐变，可以实现这个效果(事实上利用图层样式实现的动画实在是太多了并且太好用了)。在时间轴的第一帧位置打开样式动画的关键帧开关，调出图层样式勾上渐变，样式为角度，打开渐变编辑器并选取一个颜色如下图，因为是从无到有的过程，因此【无】(即白色)的透明度设置0，【有】(即绿色)的透明度设置100%，然后把【无】的透明度和颜色拖到跟【有】重叠如下图，图老师健康网温馨提示：当渐变的两个数值(标)完全重叠时，事实上还区分左右(上下)的位置，并且这个位置很重要。单击标可以切换标的位置，如果无法切换则没有完全重叠，此时你可以拉伸渐变编辑器尽可能让数值完全重叠，当然这个是在0的起始位置重叠，拉不拉伸没有太大意义~回到时间轴，拖动时间线到指定位置(20f)，把所有数值的标拖到最右边的位置如下图Step3添加圆形旋转动画一个动画基本完成，再给头部跟尾部添加圆形，尾部(起始位置)的圆固定不动，而头部的圆跟随颜色的变化一起运动。所以我们需要给这个圆做旋转(转换为智能对象方可做变换动作)，确立旋转图形新的中心点在玩转PS时间轴第三篇有讲过，这里就不多说了，我们还需要注意的是旋转的时候不能超过180&，这个也在第二篇文章有讲过，因此我们需要给这个旋转的圆圈至少添加4个关键帧，并且时长与旋转的位置要跟圆环的颜色对应。Step4复制+反向还有一个从有到无的过程，把刚才从无到有的动画编组并且复制，转到时间轴把这个组向后拖动到一定位置(在前面组的结尾往前一点点，使其神不知鬼不觉地循环运动)，然后在复制组的圆环图层的关键帧(起始帧与结束帧)互相对调，最后将时间线拖到关键帧的位置调出图层样式，渐变勾上反向。当然你不喜欢这种复制+反向的方法而要重新做颜色的渐变也没人拦你~以上4步已经完成了一个loading从无到有，从有到无的动画，你可以设置更多样式，比如设置圆环的填充为0，给圆环添加内阴影，转换为智能对象再添加样式等等。Photoshop制作马赛克人物GIF奔跑动画先看看效果图首先确定人物形象马赛克结构的正方形边长，我设计的是20px的正方形方块。服装及下半身自行设计，头部建议采用自己的头像经20px的像素化处理后再慢慢修饰调节各个方块颜色。根据设计的人物奔跑连贯运动动作制作gif动画：先确定画布大小，再分图层逐帧绘制各个运动画面。分不同图层保存jpg后再重新导入PS，打开窗口-时间轴-依次添加图层，在分别点击选中时间轴里的图层对应设置右侧图层框中只显示对应图层(通过小眼睛控制)，之后再设置延迟时间，播放预览调试完成后保存gif。Photoshop详细解析时间轴动画之进阶篇上一篇文章跟大家讲过PS时间轴的基础，估计大家比我都懂，接下来跟大家分享制作简单GIF动画的一些技巧，对于一些名称上篇已经讲过，这篇就不再描述了，如果不懂的朋友可以先看上一篇《玩转PS时间轴之基础篇》。下面出现的动画都有提供下载，同在一个PSD里面。教程源文件：MissYuan_教程源文件.rar一般来说，制作动画不会选择像素图层，因为它的动作属性可操作性太少，正如我们设计UI的时候也不会直接用像素绘制。如果我们需要制作的动画中包括旋转或者缩放，我们只能把图层转换为智能对象，而文字图层是个例外(但并不绝对)，因为它已经有变换的动作属性，然而仅仅改变颜色或者移动位置直接用形状图层制作便可。PS时间轴没有像flash那样可以设置运动轨迹，但是它的运动也是有规律的，即跟随最近原则，比如我们做一个旋转动画，第一帧的角度为0&，下一帧的角度旋转360&，事实上它还是0&，也就不会产生动画;另一种情况，第一帧的角度为0&，下一帧的角度旋转270&，产生动画则是反转90&，因此，必要的情况下我们需要在开始帧和结束帧之间添加更多的关键帧。颜色变化更是如此。关键帧的拷贝和粘贴大部分情况下我们做的动画都是循环的，因此在开始帧(第一帧)和结束帧(最后一帧)都是一样的，所以我们先复制第一帧再把时间线拖到最后并复粘贴。操作：右键点击想要拷贝的关键帧&拖动时间线到想要的位置&右键点击任意关键帧&粘贴(图老师健康网温馨提示：这里会重新在拖动时间线的位置上生成一个新的关键帧，而不是替换你当前右键点击的关键帧，除非时间线刚好在这个关键帧上)具有动画的图层拷贝我们都知道图层的快捷复制是直接按ctrl+J，而这种操作无法将其动画复制到时间轴上，也就是无法复制时间轴上的动作属性(复制组可以将其动画复制到时间轴上)。还有一种操作就是在当前图层按住alt+鼠标移动，即可复制时间轴上的动作属性，并且哪怕你鼠标复制图层后移动到任何位置，再次回到时间轴面板拖动时间线它还是保持原来的位置，事实上这是一个良性的bug(图老师健康网温馨提示：如果你不重新拖动时间线直接导出动画，有一帧的位置就是你拖动的位置)。制作类似咻一咻的动画首先分析动画是由圆环从小变大并且慢慢消失，如果我们直接用圆圈减去的方法制作圆环，那么圆环的宽度并不能保持一致，因此采用图层样式的方法，操作：用形状工具画一个足够大的正圆(为什么要足够大?几年前已经粗略讲过图层样式和智能对象，这里再补一下，就是当前形状大小转换为智能对象后，它最大的形状也就是当前固定了，如果转换为智能对象后再放大，则会失真，所以宁可画得大一些，转换智能对象后缩小后再次放大也不至于失真了，图片更是如此)&转换为智能对象再将其缩小&将其图层填充为0&添加图层样式&描边。接下来转到时间轴上制作动画。圆环发生缩放属于变换的动作属性，因此在变换旁边打开关键帧开关，然后拖动时间线到指定位置，再次放大圆环。圆环还有慢慢消失的动作，则在透明度上旁边打开关键帧开关，设置开始帧的透明度为100，结束帧的透明度为0，一个圆环的动作已经完成了。我们需要很多个圆环跟着节奏，所以按照上面说的动画的图层拷贝，alt+鼠标移动(复制N个)，生成相同的动作以后，再调整各个图层动画预览的位置错开时间紧随节奏，动画制作完毕。你还可以运用在其他动画上Photoshop详细解析时间轴动画之基础篇今天我们开始讲一下动作中的时间轴。我们首先要了解的是PS有5种类型的图层，按顺序依次为像素图层、调整图层、文字图层、形状图层以及智能对象。而对应的时间轴里面，各种类型的图层都有对应时间轴的动作属性，如图所示：可以得知所有的动作属性有：位置、不透明度、样式、图层蒙版位置、图层蒙版启用、变换、文字变形、矢量蒙版位置、矢量蒙版启用。名称描述位置：像素图层中元素移动的位置，也可以理解成位移，它不包含旋转和缩放，并且对形状图层无效。不透明度：图层的透明度，而调整填充则无效。样式：图层样式，产生动画的有角度、大小、不透明度。图层蒙版位置：暂不描述。变换：动作最多的一个属性，其中包含移动的位置，缩放，旋转，因此很多情况下需要把图层类型转换为智能对象才能做。矢量蒙版位置：形状图层中元素移动的位置。制作一个动画的基本步骤1，创建一个500px&500px的画布，调出时间轴面板(窗口时间轴)，点击创建时间轴按钮，等一下!!!因为当前只有一个图层，所以最好先新建一个图层再点击这个按钮，当然如果是要做背景透明的可以直接点击(事实上要做透明背景的只需隐藏背景图就行了)，否则在制作动画的时候会有很繁琐的事等着你。额外话：本人建议，当你要做一个设计的时候，新建带背景图层的文件(切图及少部分特殊的情况下可以新建透明背景的~)，保留原生态纯正的背景图层，当你不需要的时候可以隐藏。否则，就算你新建一个背景图层，加上任何锁定，并且把它改为同样的ID，它始终不是纯正的背景图层，聪明的你看字体就知道啦。，2，做一个颜色变化的动画首先思考，要做一个图层的颜色变化的动作，是属于时间轴上的哪个动作属性，我们可以很轻易的知道是样式，而如果改变图层图像本身的颜色，则无法产生动画。先用形状工具画一个圆，然后到时间轴面板点击样式旁边的一个小钟启用关键帧(出现棱形)动画&给图层加上图层样式&颜色叠加打上勾并任意给个颜色，然后回到时间轴拖动时间线到想要的位置&双击图层调出图层样式&在颜色叠加设置另一种颜色这个时候已经制作好颜色变化的动画了，接下来你可以调整关键帧的位置，动画的长度，剪辑的长度(导出的时候生效)如果你想要调整帧速率，点击时间轴右上角&设置时间轴帧速率最后导出动画，文件&储存为web所用格式&选择gif格式&循环选项，如果文件太大，你可以再确保画面的质量的情况下减少颜色值&导出现在你已经掌握了制作GIF动画最基本的步骤，年后再跟大家分享进阶篇，希望大家多多支持!最后，祝福大家猴年吉祥，身体健康，家庭幸福，在新的一年顺风顺水!& 搜索“图老师”或者“tulaoshi_com”加关注，每天最新的美食、健康、、美妆、、手工DIY等教程让你一手全掌握。推荐关注！【扫描下图可直接关注】
来源:/n/3008.html
点击查看更多与《》相关的文章>>
《上古卷轴5 天际》弓箭与弩兵操作详细解析,《上古卷轴5 天际》是Bethesda出品的史诗性奇幻风格RPG《上古卷轴》系列的第五部作品。下面为大家分享下游戏中弓箭与弩兵操作详细解析，希望大家喜欢！
Photoshop基础教程：详细解说画笔工具的运用,本例为PS基础教程，主要讲解画笔工具的运用，适合新手朋友掌握画笔工具的应用，希望能给朋友们带来帮助～～
岁数大了，QQ也不闪了，微信也不响了，电话也不来了，但是图老师依旧坚持为大家推荐最精彩的内容，下面为大家精心准备的Photoshop巧用视频时间轴制作简单的GIF动画，希望大家看完后能赶快学习起来。
有一种朋友不在生活里，却在生命力；有一种陪伴不在身边，却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗？话不多说下面就和大家分享详细解析PS团队工作时需要注意的事项吧。
《暗黑破坏神3》基础操作详细介绍,暗黑破坏神系列游戏通常需要比鼠标更多一些的操作，鼠标的左右两个按钮和若干键盘的按键。点击左键移动你的角色，点击在敌人或者物件上，角色就会与之互动（或使用主要技能），使用鼠标右键和数字键来施展技能。当然，还有许多非常有用的指令在你的战斗中一
Linux操作系统下的多线程编程详细解析,Linux操作系统下的多线程编程详细解析
热门搜索：
无法识别usb设备怎么办
http 403.2错误的解决方法
怎么关闭电脑系统自动更新 关闭电脑系统自动更新方法
怎么让电脑拥有一键锁定功能
慢阻肺是一种慢性阻塞性肺部疾病，常发于烟民，长期在有害气体环境下生活的人也有一定几率患病，慢阻肺早期会出现慢性咽炎、咳嗽等现象，针对不同时期的慢阻肺疾病，我们可以通过以下方法来缓解治疗。
一说到高钙血症很多人便会想起血栓结石等疾病，人们的普遍印象高钙血症即是由肿瘤及肾衰竭疾病引起，由于高钙浓度过高导致，除此之外还有很多原因会引发高钙血症疾病，接下来我们就一起来研究高钙血症引发的原因吧！
桂枝汤是一剂有效的解表剂，具有多种资料功效，常见的有感冒呕吐盗汗等现象。在服用桂枝汤期间，需要注意一些问题，通过以下内容我们一起来看看服用桂枝汤需要注意的一些问题。
今天韩国方面传出好消息，指Rain及金泰希将荣升父母，金泰希所属公司LUA娱乐宣布金泰希目前已怀孕15周的喜讯，并表示她在短时间内会集中在胎教上。喜讯一出获大批粉丝送上祝福。那么怀孕15周需要注意什么？怀孕15周可以同房吗？
Photoshop是我们办公和学习时经常用到一个修图软件，Photoshop是目前所有修图软件中最为强大的一个软件。我们可以用Photoshop制作一些图形或者图标。那么，怎样用Photoshop制作立体木盒图标呢？下面就一起来看看。
iPhone手机是现在人们日常生活中经常使用的一种通讯工具。而iPhone6s因为性价比较高被许多人喜爱着。但是在我们使用iPhone6s的过程中，有时候会出现一些问题，此时我们需要拆机检查修理。那么，iPhone6s如何拆机呢？下面就分享一下iPhone6s的拆机教程。
photoshop是我们日常工作中常见的一种修图工具，与其他修图软件相比，photoshop的功能非常强大。在用photoshop修图时，经常会需要给景点制造一些特殊的自然风光效果。那么，如何用photoshop给长城制造夕阳效果?下面就一起来看看吧。
2017年最受欢迎的生活服务APP！！生活服务类App的出现为日常生活带来极大便利，我们可以通过手机客户端预约各种家政服务，足不出户就能够享受实惠、便捷的生活服务，那么接下来我为大家推荐一些生活中必备生活app。
由于现在抢红包大热起来，很多app都开始支持发红包抢红包了，因此也出现了微信抢红包神器，可以自动抢微信红包,肯定比认为手动操作快,有消息就会自动打开,然后打开红包。今天就给大家分享2017微信自动抢红包神器大全。
2017手机赚钱软件排行榜！！很多朋友都在苦恼每天的钱不够话，空闲时间不知道怎么打发，总想寻找一种简单的赚钱方式，我们的手机app就有很多，下面具体给大家介绍手机赚钱软件有哪些，总有一款你中意的。
经常玩微信的朋友都知道，微信小程序已经全面上线了，对于小程序的出现是否会引发App变革众说纷纭，但不可否认的是小程序能够带给用户及产商一定的便利，那么今天为大家汇总目前上线的一些实用小程序。
男女交往一直都是人们比较关注的一个问题，都说相爱容易，相处不易，交往过的朋友应该都能深刻的体会到，女生常常抱怨着让男生理解自己，但男生也希望多体谅一下他们。尤其不要老是问一些无法回答的问题来考验他们。
很多朋友都信风水一说，对于自己家里房屋客厅的装修也是有一定要求的，因为客厅的风水关系着整个家居的运势，更关系着主人的财运与健康，因而客厅里的风水禁忌是需要我们谨慎注意的，那么风水学中客厅风水禁忌有哪些呢？
春天已经来临了，夏天也不远了，新的一才刚刚开始，时尚爱美的美眉们最关注的就是春夏服装设计的流行趋势了，早早的把握住时尚趋势走在流行的最尖端，今天就给大家整理分享2017春夏女装设计流行趋势 ，你绝对不能错过的亮点。