PS动画制作实例
PS利用时间轴制作动画教程
PS利⽤时间轴制作动画教程我们⾸先要了解的是PS有5种类型的图层按顺序依次为像素图层、调整图层、⽂字图层、形状图层以及智能对象。
⽽对应的时间轴⾥⾯，各种类型的图层都有对应时间轴的动作属性，如图所⽰：可以得知所有的动作属性有：位置、不透明度、样式、图层蒙版位置、图层蒙版启⽤、变换、⽂字变形、⽮量蒙版位置、⽮量蒙版启⽤。
名称描述位置：像素图层中元素移动的位置，也可以理解成位移，它不包含旋转和缩放，并且对形状图层⽆效。
不透明度：图层的透明度，⽽调整填充则⽆效。
样式：图层样式，产⽣动画的是各种样式参数变化（即颜⾊、⾓度、⼤⼩、不透明度等参数）。
图层蒙版位置：暂不描述。
变换：动作最多的⼀个属性，其中包含移动、缩放、旋转、斜切、翻转，因此很多情况下需要把图层类型转换为智能对象才能做。
⽮量蒙版位置：形状图层中元素移动的位置。
制作⼀个动画的基本步骤1，创建⼀个500px×500px的画布，调出时间轴⾯板（窗⼝—时间轴）。
点击创建时间轴按钮，等⼀下因为当前只有⼀个图层，所以最好先新建⼀个图层再点击这个按钮，当然如果是要做背景透明的可以直接点击（事实上要做透明背景的只需隐藏背景图就⾏了），否则在制作动画的时候会有很繁琐的事等着你。
额外话：本⼈建议，当你要做⼀个设计的时候，新建带背景图层的⽂件（切图及少部分特殊的情况下可以新建透明背景的~），保留原⽣态纯正的背景图层，当你不需要的时候可以隐藏。
否则，就算你新建⼀个背景图层，加上任何锁定，并且把它改为同样的ID，它始终不是纯正的背景图层，聪明的你看字体就知道啦。
2，做⼀个颜⾊变化的动画⾸先思考，要做⼀个图层的颜⾊变化的动作，是属于时间轴上的哪个动作属性，我们可以很轻易的知道是样式，⽽如果改变图层图像本⾝的颜⾊，则⽆法产⽣动画。
先⽤形状⼯具画⼀个圆，然后到时间轴⾯板点击样式旁边的⼀个⼩钟启⽤关键帧（出现棱形）动画→给图层加上图层样式→颜⾊叠加打上勾并任意给个颜⾊，然后回到时间轴拖动时间线到想要的位置→双击图层调出图层样式→在颜⾊叠加设置另⼀种颜⾊。
PS眨眼动画制作
1,打开PS软件,导入一张大眼睛美女图片.从图层为美女背景图解锁--双击/变为图层0;
2,选择"画笔工具"/笔画大小选用5和3(眼角用3) ,按住ALT键,选中美女相片中黑眼珠慢慢地轻轻点击,用鼠标在美女眼部细心涂抹.直到把眼部全部涂黑,做成一张双眼黑的美女; 接着保存这张图片---点文件/存储为/取名[黑眼美女]/选用JPG格式确定后保存;
8；点动画小面板帧4，右击右边图层面板中的图层2/复制图层/改图层2副本为图层2闭眼/点蓝;
点动画小面板帧4/点其下面倒数第二个小图标--复制当前帧二次;点帧5/点秒字改延时为0.06秒; 点画笔工具/画笔大小3/同时左手按Alt键、右手用鼠标上的滴水管点黑眼珠/涂眼珠变黑色；关闭图层2小眼睛;分别点帧4和帧6//关闭图层2闭眼小眼睛,让图层2的小眼睛开着;
点画眼睛，做成闭眼效果。关闭图层1左边的眼睛。
5.、点工具栏最下面的“跳转按钮”，转到adobe imageready软件（做动画用的），
出来adobe imageready界面，同时出来动画面板，如果没有，点：窗口--动画。
6.、在动画面板的第一帧上，选择1.0秒（注意：帧的多少直接影响眨眼睛动作的快慢）。
7.、点：动画面板下面的“复制当前帧”图表，复制第二帧，
再回到photoshop界面上，把图层1左边的眼睛打开。
8、.回到adobe imageready界面，将第二帧的时间改成0.1秒。
（同样可以根据需要选择）
9.、按动画面板下面的播放按钮，就可以看效果了。
3,导入原美女图片---点文件/打开文件/大眼睛美女图片;
有了两张美女图片后,选中黑眼美女图/选择/全选/复制,再选中大眼睛美女图片 /粘贴,让两张图片完全重叠(也可选择移动工具,把其中闭眼的这张图片拖入另一张图片上面);
如何在ps中制作动画
如何在ps中制作动画在Photoshop中制作动画需要掌握图层和时间轴的使用，下面是详细的步骤：第一步：为动画创建新画布1. 打开Photoshop软件，并从菜单栏选择“文件”> “新建”。
2.在新建文档对话框中，选择所需的画布大小和分辨率，点击“OK”按钮。
第二步：创建动画帧1.在“图层”面板中，选择“创建新图层”按钮来创建新的图层。
2.在图层上绘制你的第一帧动画。
第三步：打开时间轴面板1.从菜单栏中选择“窗口”>“时间轴”来打开时间轴面板。
2.时间轴面板将显示你的第一帧。
第四步：添加更多帧1.在时间轴上选择展示你的第一帧的秒数，然后在时间轴面板上点击“复制帧”按钮来复制当前帧。
2.然后，点击“粘贴帧”按钮来粘贴复制的帧。
3.重复以上操作，添加所需数量的帧。
2.在图层面板中隐藏或显示图层来改变帧中的图像。
3.对于那些你希望在动画中保持静止的元素，你可以在时间轴面板中选择帧并点击“创建关键帧”按钮。
第六步：设置动画参数1.在时间轴面板中选择所有帧，然后选择你希望动画帧速率的秒数。
2.选择你希望的循环次数，或者选择无限循环。
第七步：预览动画1.在时间轴面板上点击“播放”按钮预览动画。
2.调整帧、图像及其顺序，直到你得到你想要的结果。
第八步：导出动画1. 从菜单栏中选择“文件”> “导出”> “保存为Web设备”。
2. 在“保存为Web设备”对话框中，选择GIF格式，并调整选项。
3.点击“保存”按钮，选择保存位置和文件名，并点击“保存”。
通过以上步骤，您可以在Photoshop中制作简单的动画。
请记住，精通动画需要更深入的学习和实践，但这些步骤将帮助您入门。
最有用的用PS来做GIF的最全教程
最有用的用PS来做GIF的最全教程如何制作用Photoshop制作GIF动画图片photoshopcs6最新版gif超强动画功能，还能加音频[1]第一步新建photoshop文档，选择file（文件）>new（新建）。
在弹出的newdocument（新建文档）对话框中，从presets（预设）列表中选择film&video（影片及视频）。
第2步：在“大小”列中选择“ntscdv宽屏”，该列用于设置文档大小、纵横比和每秒动画帧数，以满足NTSC视频标准。
第三步：“layer(图层)”菜单中，选择videolayers(视频层)>newvideolayerfromfile（从文件新建视频层）。
找到视频freemoonriseoverwater.mov并单击open。
介于视频文件的大小，你可从下再第四步时间线面板中，你会发现视频层出现在时间轴中了。
若没有，那从timeline（时间线）面板中选择createvideotimeline（创建视频时间线）就会出现。
第5步现在，我们需要调整视频屏幕大小以适应舞台。
按CMD+T（对于Windows系统，按Ctrl+T）从更改。
系统将提示警告，视频将被转换为智能对象。
单击“确定”并调整视频大小以适合舞台。
按住shift键可调整视频的纵横比。
在时间线面板的底部有一滑块，左右拖动将缩放时间线刻度使其展示动画帧数的变化。
而通过timeline面板顶部的帧数可以获晓此变化。
第6步使用类型工具，在屏幕中央写下“Adobe”，如下图所示。
请注意，时间轴上会出现一个新的动画层，以便可以为文本设置动画。
第7步在“时间轴”面板中，单击文本层旁边的小三角形，然后单击“变换”属性旁边的小秒表图标。
这允许您变换文本效果，例如移动和缩放。
第八步将时间轴的当前时间指示器移到帧号03:00f（表示动画第三秒）。
第9步如下图所示放大文本，并将其置于屏幕中央。
第十步将当前时间指示器移到帧号02:00f（表示动画第二秒）。
PS的绘图和动画
件夹导入，设置动画间
隔秒数。
张胜光制作
Hale Waihona Puke 15张胜光制作16
第七节 PS的绘图技术
1、画笔和铅笔
张胜光制作
19
张胜光制作
20
张胜光制作
21
实例制作 简单图形和文字
张胜光制作
22
2、渐变工具的使用
张胜光制作
24
实例制作 绘制立体球
张胜光制作
25
实例制作 立体彩球
张胜光制作
26
张胜光制作
27
张胜光制作
28
张胜光制作
29
实例制作 绘制圆柱体
张胜光制作
30
张胜光制作
31
实例制作 绘制圆锥体
张胜光制作
32
张胜光制作
33
本章结束语
Photoshop部分的教学，本课程到此暂时告一段 落。虽然我们8个课时理论教学只是达到了初级水平， 但有了这个基础，相信同学们自学Photoshop应当不
本章目录
5
PS的动作播放 PS的动画技术 PS的绘图技术
6 3
7 3
张胜光制作
1
第五节 PS的动作播放
先来看一个实例
张胜光制作
3
制作本例要使用“动作”
张胜光制作
4
张胜光制作
5
张胜光制作
6
用已经学过的知识使你的画框更漂亮
尽管使用默认动作中的各种画框非常方便， 但常常给人以单调之感。这时，可以用我们学 过的知识，综合使用图层、样式、渐变填充等 等手段，来对已经做出的画框加以改造，常常 会收到自己也意想不到的惊喜效果。
张胜光制作
7
改进后的木质像框
Ps动画制作第十一课使用蒙版制作动画
Ps动画制作第十一课使用蒙版制作动画Ps动画制作第十一课使用蒙版制作动画吉祥如意988/编辑资料/大师之路前一课的作业没有技术层面上的难点，所需要的就是细致的观察和耐心的思考。
因此我们不会再做详细讲评，仅简要介绍。
并附带PSD源文件供大家参考。
文字从黑变白的做法是建立白色文字层，将文字层的填充不透明度作成动画，即可形成从黑到白的效果。
其实应该是逐渐隐现的淡入效果，只是由于背景为黑色而已。
文字边缘的效果则是描边，使用了图案描边。
图案描边可以使用鼠标拖动调整位置，正是将这个位置做成了动画效果。
大部分边缘闪动的效果都可以这样来制作。
另外还可以试试看将图案缩放做成动画，效果也类似。
点此下载该范例的PSD源文件，打开后若出现字体缺失的警告，则可改用其它字体，对最终效果没有多大影响。
在Photoshop制作动画的内容中，最重要的是基本的时间轴、关键帧等概念。
在此基础上，要令动画漂亮、精细，则需要依靠样式。
因此够熟练使用图层样式也是一个重要的条件。
本课将介绍另一个动画基础知识，就是在动画中使用蒙版。
当然，在此之前要求大家已完全掌握了基础教程中蒙版部分的知识，在这里不会重复介绍。
如果想要了解这方面的内容，可点此观看动画教程。
蒙版的文字教程只包含于书籍《大师之路-Photoshop中文版完全解析》中。
在时间轴的项目中，大家都已经看到过蒙版的项目，分为普通的点阵蒙版与矢量蒙版。
它们各自都具备两个动画项目，一是蒙版的位置，二是蒙版的启用。
所谓启用就是指蒙版的有效性，即开启或关闭。
可以用来控制物体的出现或消失，但不能带有过渡效果。
也就是说要么就完全有，要么就完全没有，而不能在两者间过渡。
实用价值不是很大，因为同样的效果我们直接使用图层不透明度和“保留插值”就可以实现。
蒙版位置则是一个大有用处的项目，如果我们要制作一个模拟进度条的动画，如下图所示。
由于Photoshop不支持变形动画，因此不能简单地通过变换命令实现。
虽然可以通过之前介绍的“独立图层”来制作，但未免显得太过繁琐，且后期可编辑性极差。
如何利用ps制作小鸟飞翔动画
如何利用ps制作小鸟飞翔动画
1、首先需要准备一张小鸟的图片，最好是矢量轮廓图片，这样最容
易做动画处理，可以使用Adobe Illustrator 或 Corel Draw等软件进行
处理。
2、打开photoshop，点击“文件”，在面板中点击“新建”，新建
一个白色的画布，大小可以根据我们想要输出动画的大小进行设置。
3、将绘制的小鸟图片拖放到photoshop画布中，在面板的“图层”里，双击小鸟图片，在弹出的窗口中设置图片的形状，大小等参数，确定
后画布中就有了小鸟的图片。
4、下一步就是把小鸟移动到想要的位置上，在面板中选择选择工具box，然后在选择小鸟图片，单击图片拖拉，就可以把小鸟移动到想要的
位置上。
5、现在该动画处理了。
在面板中点击时间分层，点击“创建新时间
分层”，在出现的新窗口中，设置时间分层的持续时间，确定后，就可以
在面板中看到当前时间分层的动画效果了。
6、然后修改小鸟图片的位置，把小鸟图片拖拉到接下来动画处理的
位置上，修改位置后会看到小鸟的移动轨迹，就是动画了。
7、小鸟的飞翔动画就做好了，需要保存的话，可以在菜单里的“文件”，点击“保存另存为”，在弹出的窗口中，保存格式选择为GIF格式，保存后。
PS轮播图的动画制作
首先，我们新建一个800*800的画布大小。
如图：
其次可以，用裁剪工具，或者画布调整图片的宽度大小，要保持等比，输入倍数大小。
如图：
我们制作的是一个横向动画，所有是宽度2400像素。
接下来，用裁剪工具，进行裁剪，大小是800*800，不过要注意，裁剪属性栏设置。
如图：
方块内，不要有ห้องสมุดไป่ตู้号。
接下来，打开时间轴面板，开始制作动画。
在时间轴面板，点击创建帧动画，接下来，新建3个帧。
然后开始新建图层，新建3个图层。
如图：
3个图层，有不同的颜色或者图片，让图层对应帧，这样动画就可以制作了。
如图：
点击永远播放，设置好时间，每个帧0.5秒，然后保存为web格式里面的gif就可以把动画保存出来了。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
PS动画制作实例：
听音乐的女孩
效果图片需要动的部分有音符、光碟、人物的手。
这些都是同步的。
制作动画之前需要把这这些动画场景设置出来，然后再同步设置动画。
1、打开图片，制作所需要的素材。
2、手部素材：
1)ps里打开，用“套索工具”和“仿制图章”等工具，去掉原图中的音符。
然后，打开动
画面板(时间轴)，单击箭头所指小三角>文档设置>设定时间及帧数。
这里设为2秒，
每秒25帧。
2)用“快速选择工具”选中人物手部。
ctrl+J，得到图层2。
用“矩形选框工具”在图中选
一个合适对象用作覆盖与原图对应的区域。
如图1所示：
图1
3)ctrl+J，得到图层3；“移动工具”下，将图层3置于原图手部位置，调整至合适，然
后参考图示，移动参考点至红色箭头所指处，逆时针旋转9度左右，使手看起来有
种抬起的感觉。
如图2所示：
图2
4)接下来给图层2添加蒙版，设前景色为黑色，用“画笔工具”涂去手部多余部分。
完
成后，合并图层2和3，并命名为“变换的左手”。
如图3所示
图3
3、唱片素材制作
1）再次用“快速选择工具”，选择唱片，注意唱机的针头——属性模式为“添加到选区”，全部选中对象后，按住ALT键选择针头，可减去针头选区。
如图4所示。
ctrl+J，得到复制对象图层后，将它命名为“唱片”。
图4
2）然后单击红框处，添加图层样式>渐变叠加——打开“渐变拾色器”，渐变效果和混合模式参考图示，其它默认。
如图5所示
图5
4、音符素材制作
1）新建图层，选择“自定义工具”，参考图6中红框所示，依次绘制出各种音符。
绘制时，距离可拉大，可边绘制边改变方向，使其看起来大小和方向呈不规则状。
图6
2）在编辑绘制完音符后，添加图层样式>渐变叠加——参数设置按图7所示；然后，ctrl+J，复制一层，打开图层样式编辑窗，在渐变条右侧勾选“反向”。
这样就使两个音符图层的色彩看起来不完全一样了。
最后，在它们各自的下方分别新建一个图层，分别合并变为普通图层即可。
记着为图层命名。
图7
3）将“小音符图层”缩小并改变一下方向。
好了，关闭背景图层预览下效果。
我们可以看到编辑好的手臂、唱片和音符等四个图层。
如图8所示
图8
5、图片布局调整
按图9所示，将大小音符图层位置向左下移动，使它们右侧正好处在喇叭口处。
下来的工作就是要让音符看起来是从喇叭里飘出来的。
当然，蒙版是最佳选择，为便于操作和控制，给这个图层先编组。
方法是，单击“小音符层”，再按住ctrl键单击“大音符层”，然后，鼠标将它们拖至箭头所指处的“创建新组”按钮。
图9
用“套索工具”，(羽化一下，参考图示)在喇叭出口和音符显示的区域画出选区，如图10所示。
需要提示下，这个选区内是可见的区域，选区外，自然就是被隐藏的区域了。
单击面板下方蒙版按钮为组添加蒙版——黑色为隐藏、白色为显示，如图11所示。
“变换的手”图层也加个黑色蒙版，就可以把手盖住。
方法是：按住ALT键，单击蒙版按钮——可以快速为图层添加一个“隐藏全部”的蒙版。
图10
图11
6、动画制作
第一步小音符动画
先从“小音符”开始;我们设想的效果是让它从喇叭飘出，并在飘动中渐渐隐去，单击“小音符层”，首先编辑“不透明度”。
第一帧设置透明度为0。
将时间指示器移至时间轴的二分之一处，把不透明度设为100。
如图12所示。
将时间指示器移至时间轴的末端，再次将不透明度设为0、这个动作的过程是，从无到有，再到无。
然后，编辑“小音符”的“位置”。
第一帧的位置是设置好的，将时间指示器移至末端，“移动工具”把“小音符”移至窗口的右上方，参考图13所示。
这个动作过程是，从喇叭里出来，到右上角停止。
图12
图13
第二步大音符动画
编辑“大音符”。
原理和思路同上，但是，让它快点，同时，变换一下方向效果可能会更好。
(第一帧为初始关键帧，开始制作时已添加，下面不再赘述)还是从不透明度开始，时间指示器返回开始位置。
单击“大音符层”，时间指示器移至时间轴的五分之一处，更改不透明度为100。
时间指示器移至时间轴的五分之二处，更改不透明度为0、同时，移动图层位置至窗口右侧图示处。
这个动作过程是，用比“小音符”少一半多的时间从喇叭飘出，由无到有，再到无的运动至当前位置。
如图14所示。
图14
框选“大音符”下的所有关键帧(变为黄色)，然后在某个帧上单击右键>拷贝关键帧。
右移时间指示器至图15中位置，在某个帧上单击右键>粘贴关键帧，这样，“大音符”可以在设定的时间内运行两遍，当然，速度肯定会快于“小音符”。
图15
第三步唱片动画
编辑唱片。
设想是让它正时针旋转，时间指示器返回开始位置。
单击“唱片层”，再双击红框所示处的“渐变叠加”>图层样式编辑窗口打开——特别提醒注意红框内“角度选项”的设置为90度。
图16所示。
时间指示器移至时间轴的四分之一处，双击红框所示处的“渐变叠加”>“角度”旋转至0度，确定。
时间指示器移至时间轴的四分之二处，双击红框所示处的“渐变叠加”>“角度”旋转至-90度，确定。
下来是180度，再下来，到0度这样，此操作使这个角度渐变形成了一个从0度到0度无间断的正时针旋转效果。
图16
第四步，手部动画
时间指示器移至某一位置(此编辑凭感觉，没有固定位置)，按住SHIFT键，单击蒙版——可以使蒙版在“启用和停用”之间转换。
移动指示器，结合“SHIFT键+单击蒙版”，依次为帧加入动作。
“启用蒙版”——即隐藏当前图层;“停用蒙版”——即显示当前图层。
如图17所示。