PS动画制作实例

PS利⽤时间轴制作动画教程我们⾸先要了解的是PS有5种类型的图层按顺序依次为像素图层、调整图层、⽂字图层、形状图层以及智能对象。

⽽对应的时间轴⾥⾯，各种类型的图层都有对应时间轴的动作属性，如图所⽰：可以得知所有的动作属性有：位置、不透明度、样式、图层蒙版位置、图层蒙版启⽤、变换、⽂字变形、⽮量蒙版位置、⽮量蒙版启⽤。

名称描述位置：像素图层中元素移动的位置，也可以理解成位移，它不包含旋转和缩放，并且对形状图层⽆效。

不透明度：图层的透明度，⽽调整填充则⽆效。

样式：图层样式，产⽣动画的是各种样式参数变化（即颜⾊、⾓度、⼤⼩、不透明度等参数）。

图层蒙版位置：暂不描述。

变换：动作最多的⼀个属性，其中包含移动、缩放、旋转、斜切、翻转，因此很多情况下需要把图层类型转换为智能对象才能做。

⽮量蒙版位置：形状图层中元素移动的位置。

制作⼀个动画的基本步骤1，创建⼀个500px×500px的画布，调出时间轴⾯板（窗⼝—时间轴）。

点击创建时间轴按钮，等⼀下因为当前只有⼀个图层，所以最好先新建⼀个图层再点击这个按钮，当然如果是要做背景透明的可以直接点击（事实上要做透明背景的只需隐藏背景图就⾏了），否则在制作动画的时候会有很繁琐的事等着你。

额外话：本⼈建议，当你要做⼀个设计的时候，新建带背景图层的⽂件（切图及少部分特殊的情况下可以新建透明背景的~），保留原⽣态纯正的背景图层，当你不需要的时候可以隐藏。

否则，就算你新建⼀个背景图层，加上任何锁定，并且把它改为同样的ID，它始终不是纯正的背景图层，聪明的你看字体就知道啦。

2，做⼀个颜⾊变化的动画⾸先思考，要做⼀个图层的颜⾊变化的动作，是属于时间轴上的哪个动作属性，我们可以很轻易的知道是样式，⽽如果改变图层图像本⾝的颜⾊，则⽆法产⽣动画。

先⽤形状⼯具画⼀个圆，然后到时间轴⾯板点击样式旁边的⼀个⼩钟启⽤关键帧（出现棱形）动画→给图层加上图层样式→颜⾊叠加打上勾并任意给个颜⾊，然后回到时间轴拖动时间线到想要的位置→双击图层调出图层样式→在颜⾊叠加设置另⼀种颜⾊。

如何在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的最全教程如何制作用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动画制作第十一课使用蒙版制作动画Ps动画制作第十一课使用蒙版制作动画吉祥如意988/编辑资料/大师之路前一课的作业没有技术层面上的难点，所需要的就是细致的观察和耐心的思考。

因此我们不会再做详细讲评，仅简要介绍。

并附带PSD源文件供大家参考。

文字从黑变白的做法是建立白色文字层，将文字层的填充不透明度作成动画，即可形成从黑到白的效果。

其实应该是逐渐隐现的淡入效果，只是由于背景为黑色而已。

文字边缘的效果则是描边，使用了图案描边。

图案描边可以使用鼠标拖动调整位置，正是将这个位置做成了动画效果。

大部分边缘闪动的效果都可以这样来制作。

另外还可以试试看将图案缩放做成动画，效果也类似。

点此下载该范例的PSD源文件，打开后若出现字体缺失的警告，则可改用其它字体，对最终效果没有多大影响。

在Photoshop制作动画的内容中，最重要的是基本的时间轴、关键帧等概念。

在此基础上，要令动画漂亮、精细，则需要依靠样式。

因此够熟练使用图层样式也是一个重要的条件。

本课将介绍另一个动画基础知识，就是在动画中使用蒙版。

当然，在此之前要求大家已完全掌握了基础教程中蒙版部分的知识，在这里不会重复介绍。

如果想要了解这方面的内容，可点此观看动画教程。

蒙版的文字教程只包含于书籍《大师之路-Photoshop中文版完全解析》中。

在时间轴的项目中，大家都已经看到过蒙版的项目，分为普通的点阵蒙版与矢量蒙版。

它们各自都具备两个动画项目，一是蒙版的位置，二是蒙版的启用。

所谓启用就是指蒙版的有效性，即开启或关闭。

可以用来控制物体的出现或消失，但不能带有过渡效果。

也就是说要么就完全有，要么就完全没有，而不能在两者间过渡。

实用价值不是很大，因为同样的效果我们直接使用图层不透明度和“保留插值”就可以实现。

蒙版位置则是一个大有用处的项目，如果我们要制作一个模拟进度条的动画，如下图所示。

由于Photoshop不支持变形动画，因此不能简单地通过变换命令实现。

虽然可以通过之前介绍的“独立图层”来制作，但未免显得太过繁琐，且后期可编辑性极差。

如何利用ps制作小鸟飞翔动画
1、首先需要准备一张小鸟的图片，最好是矢量轮廓图片，这样最容
易做动画处理，可以使用Adobe Illustrator 或 Corel Draw等软件进行
处理。

2、打开photoshop，点击“文件”，在面板中点击“新建”，新建
一个白色的画布，大小可以根据我们想要输出动画的大小进行设置。

3、将绘制的小鸟图片拖放到photoshop画布中，在面板的“图层”里，双击小鸟图片，在弹出的窗口中设置图片的形状，大小等参数，确定
后画布中就有了小鸟的图片。

4、下一步就是把小鸟移动到想要的位置上，在面板中选择选择工具box，然后在选择小鸟图片，单击图片拖拉，就可以把小鸟移动到想要的
位置上。

5、现在该动画处理了。

在面板中点击时间分层，点击“创建新时间
分层”，在出现的新窗口中，设置时间分层的持续时间，确定后，就可以
在面板中看到当前时间分层的动画效果了。

6、然后修改小鸟图片的位置，把小鸟图片拖拉到接下来动画处理的
位置上，修改位置后会看到小鸟的移动轨迹，就是动画了。

7、小鸟的飞翔动画就做好了，需要保存的话，可以在菜单里的“文件”，点击“保存另存为”，在弹出的窗口中，保存格式选择为GIF格式，保存后。

ps如何做出书翻页的动画尊敬的招生委员会：我是一个热爱动画设计的学生，对创意和艺术有着浓厚的兴趣。

在我探索和学习动画制作的过程中，我被书翻页的动画所吸引，深深地被它的细致和优美所打动。

因此，我希望能有机会在贵校继续深造动画设计相关的学习，并将我的热情和才华投入到这个领域。

书翻页的动画是一种传统而又经典的动画效果，它可以通过细微的细节和流畅的动作，将静态的页面变得生动起来。

这种动画不仅需要对图像的处理技术有着精湛的掌握，还需要对动作的把握和节奏感有着敏锐的触觉。

在制作书翻页的动画中，我会首先对书本的图像进行细致的处理和分析，将每一页的内容呈现出来；然后我会根据书页的厚度和材质来模拟翻页的效果，使得整个动画看起来更加真实和自然。

在制作书翻页的动画过程中，对于每一个细节的把握和处理都显得至关重要。

例如，书页在翻动过程中会产生一种特有的弯曲和变形效果，这些细微的变化在动画中需要被准确地捕捉和呈现。

同时，为了模拟出书页翻动时的自然流畅感，我还需要对每个动作和转折点进行精细的调整和编辑，使得整个动画看起来更加富有动态和生气。

除了技术方面的要求，我还相信对于动画制作的热情和创意才华同样重要。

在我看来，书翻页的动画不仅是一种技术上的挑战，更是一种对艺术想象力和创造力的考验。

因此，我会不断地尝试和探索新的创意和效果，让书翻页的动画表现出更多元化和多样化的风格和表现形式。

在我追求动画设计的道路上，我一直把学习和实践并重。

我曾参与过各种动画制作项目，如2D动画设计和视频特效制作等，积累了丰富的经验和技能。

我相信这些经验和技能将会使我在未来的动画设计工作中更加得心应手，并为我的学习和研究提供强有力的支持。

最后，我希望能够通过贵校的动画设计专业，继续深造我的专业知识和技能，并在未来的动画行业中有所作为。

我深信，我将会是一个充满激情和创意的动画设计师，能够通过我的努力和才华，为动画行业带来新的活力和风采。

最诚挚的问候！此致敬礼XXX。

Photoshop结合AE制作超炫的GIF动画图⽚本教程是向⼤家介绍Photoshop结合AE制作超炫的GIF动画图⽚，教程很实⽤，介绍的⾮常详细，需要学习者对这两款软件都⽐较熟悉。

转发过来，喜欢的朋友可以跟着⼀起来学习制作！版本：当然是越新越好，推荐CC。

注意Windows下只有64位系统才能安装AE CC，如果你是32位系统只能⽤CS4版本了。

以下以Windows版AE CC、PS CC作为例⼦，其他版本⼤同⼩异，⽤MAC的同学⾃⼰转换⼀下快捷键哈，由于我习惯⽤英⽂版AE，⼤家可能⽤中⽂版⽐较多，我尽量都照顾。

中⽂翻译以AE CC官⽅中⽂版为准。

1、使⽤软件：Adobe Photoshop、Adobe After Effect2、关于GIF动图GIF会动，是因为它是由很多单张的图⽚打包在⼀起播放，因⽽体积会很⼤，动辄好⼏兆，要发⽹上播放容易卡壳⼉影响效果。

当然适当的优化可以减⼩体积，更重要的是在做之前要⼼⾥有个数，在保证效果的前提下尽量避免会造成臃肿的情况。

那么什么参数会影响GIF图的体积呢?①尺⼨②动画时长③帧率④颜⾊数尺⼨、动画时长很容易理解;帧率说的是每秒播放多少张图，帧数越⼤动画越流畅，代价就是体积变⼤，⼀般超过超过30就没意义了;颜⾊数是很多⼈忽略也很重要的⼀个关键影响因素，颜⾊数越少体积越⼩，同时画质越差，但是很多动画本⾝就没⽤⼏种颜⾊，这⾥头的压缩空间就很可观了，所以那种有复杂写实背景的GIF通常要么体积巨⼤要么画质很渣。

尺⼨我建议⽤dribbble的400x300像素，长度控制在10秒内，帧率25，颜⾊数根据动画的不同尽量⽤128以下的吧。

3、“动”之前的准备除⾮已经很熟练了，不然那种⼀拍脑⼦就想三下五除⼆做⼀个好看的动图出来的⾏为常常事倍功半甚⾄⼀事⽆成。

这⾥我强烈建议⼤家拿出笔和纸，画⼀画分解图，理清⼀下思路。

分镜图不是什么⾼深的东西，只要能把关键的⼏个画⾯简单画出来，简单描述素材怎么运动就好，关键是⾃⼰边做的时候不会忘了要做啥，提⾼效率。