Photoshop制作动态漂亮的星光闪烁GIF动画教程fed

Photoshop制作动态漂亮的星光闪烁GIF动画教程

作者：佚名来源：网络整理更新时间：2011-9-6

分享到

来源：网络作者：Renlb0217

本教程介绍较为简单的GIF动画制作方法。大致分为两部分来完成。首先是星光部分的制作，熟练的话几步就可以做好。然后再设置动画，可以根据自己的喜好设置不同的动画效果，注意过渡要自然。

最终效果

1、首先要绘制好星星，然后再做GIF动画。新建一个文档，参数如图。

2、设置参考线。

3、参数如图。

4、显示网格。

5、背景填充黑色。

6、新建一个图层。

7、选择画笔工具，设置好笔刷大小及其它属性，如下图。

8、选择钢笔工具，属性设置如下图，拉一条水平的路径。

9、右键路径选择“描边路径”，选择画笔，勾选“模拟压力”。

10、右键选择删除路径。

11、把当前图层复制一层。

12、选择菜单：编辑 > 变换 > 顺时针旋转90度。

13、按Ctrl + E 向下合并图层。

14、新建一个图层，同上的方法再用钢笔勾出稍短的路径再描边路径。

15、删除路径后再复制图层，然后顺时针旋转90度，并合并图层。

16、再把图层旋转45度，星星部分基本完成。

17、把做好的星星图层复制一层，适当缩小一点。

18、选择菜单：窗口 > 动画。

19、把大星星图层隐藏，如下图。

20、在动画面板再新建2个帧，如下图。

21、回到第二帧，把小星星图层隐藏，只显示大星星图层。

23、点击动画面板过渡按钮设置属性，分别设置上一帧和下一帧，参数设置如下图。

24、保存：选择菜单：文件 > 储存为Web所有格式，并保存为GIF格式即可。

最终效果：

如何使用photoshop制作GIF动态动画

如何使用PHOTOSHOP制作gif动画 步骤 photoshop是图像处理软件，不是动画专业制作工具，但其提供的动画组件用来制作GIF这类片断动画还是非常简单快速的。这里做一例子说明吧。 工具/原料 ?photoshop ?图片 方法/步骤 1.打开photoshop后，将需要成为动画的部分分图层制作出来。如图中所示，图层2 是绿色小汽车，也是我们要制作成动画的唯一一个活动的组件，所以我们根据需要直接复制多个该图层： 2.然后，再根据动画场景需要将各个动画组件放置在相应位置，并根据需要适当修改。 如图中头尾的小汽车相应的剪切过，中间转变处小汽车也有适当旋转：

3.好了，我们再单击“窗口”菜单，选择“动画”命令： 4.可以看到窗口底部打开了“动画”面板：

5.动画是以帧为单位来显示的，可能通俗理解为一个帧也就是PS的一个图层。所以每 个帧只需要显示相应的图层上的图片即可。这里是先制作第一帧，只要动画最开头的只显示半辆汽车的图层，其它所有图层都隐藏掉。注意不会变的底层（图层1）在所有的帧上都不要隐藏掉： 6.第一帧制作完毕后，单击“动画”面板下面工具栏上的“复制所选帧”按钮新建帧 （也就是动画片断）：

7.和第一帧一样，在新建的帧上仅保留需要的显示的图层及不变的底层即可： 8.重复前一步操作，分别新建多个帧，并分别设置要显示和隐藏的图层即可：

9.帧制作完成后，我们再对各帧设置合适的播放时间： 10.制作完成后，单击“文件”菜单，选择“存储为Web和设备所用的格式”命令：

11.在弹出的“存储为Web和设备所用的格式”窗口中选择格式为“Gif”： 12.最后再单击“存储”按钮保存动画：

一步步教你学会Ulead Gif 动画制作

一步步教你学会Ulead Gif动画制作 一、认识窗口 Ulead Gif Animator 是友立公司出品的一款动画制作软件，用它可以很方便的制作出Gif图片来，下面我们来认识一下它的窗口。 1、安装 1）原版的Ulead Gif Animator是英文版的，可以在它的主页上下载15天的试用版，也可以在华军下载：https://www.sodocs.net/doc/b94944852.html,/soft/579.htm 2）我们一般使用汉化版或安装汉化包来学习， https://www.sodocs.net/doc/b94944852.html,/soft/580.htm 3）安装版会在桌面放置一个快捷图标，绿色版的解压后在文件夹中找到一个绿色地球图标，自己创建一个快捷方式。 2、启动 1）双击这个绿色地球图标，即可启动Ulead Gif Animator，打开一个窗口，中间有一个向导对话框。 这儿可以选中左下角的复选框，然后下次就不出现这个对话框了 3、窗口

1）进入默认窗口后，中间的工作区里是一个白色的长条，边上有一圈虚线，表示选中状态，鼠标一进去后变成黑色的移动指针。 2）窗口左边是工具箱，里面有选择工具和绘图工具，制作动画的时候可以按要求选择。 把鼠标移到工具按钮上，就会出来一个提示， 第一个箭头是选择工具，第二排的T是文字工具，下面的是画笔和橡皮擦工具， 右边一列主要是其他选择工具，像框选、圆形选区、魔术棒选区和套索选区。 油漆桶工具可以给一个选区里头填充颜色， 下面的两个颜色块，白色是背景色，黑色是前景色，点击后可以选取其他颜色。 3）窗口右边是对象窗口，工作区中每个内容都会显示在这儿，用它还可以在原来图像上新添加一个图层。

用PS制作下雨飘雪的动态图片举例

用PS制作下雨飘雪的动态图片举例. 例1.Photoshop制作下雨的动画效果 方法1：通过像素化→点状设置来实现下雨的效果 ①. 打开一张图片. ②. 按D键(默认前景色). ③. 窗口→动作→创建新动作,名称→下雨 . ④.复制图层,在新图层上:滤镜→像素化→点状化单元格大小→ 3；点状化越大雨就越大，点状化越小雨就越小. ⑤. 图像→调整→阈值 255（小词条：阈yù值又称阈强度，是指释放一个行为反应所需要的最小刺激强度，低于阈值的刺激不能导致行为释放；阈值根据情况而定）. ⑥.将图层模式改为滤色：右键→混合选项→混合模式→下拉菜单中选→…或通过图层→图层样式→混合选项→…或通过图层样式的按钮调出的对话框中选→…（图层改为“滤色”这一点很重要！） . ⑦. 滤镜→模糊→动感模糊, 角度76,距离22,确定；距离越大雨夜就越大，距离越小雨就越小 . ⑧. 滤镜→锐化→锐化（可以进行两次锐化或进一步锐化）. ⑧.点窗口→动作→点停止播放;然后点播放选定动作(实际是复制了图层，也可以手动复制)3次(这样就有了4个下雨图层) （图层交替进行“自由变换”的水平翻转和垂直翻转或按方向作一定的平移，方向可稍作偏移，因为下雨方向并不是完全固定的，这样效果更好；变换可以添加杂色和动感模糊之间）. ⑨. 打开动画,复制动画帧3个（此时共4个）；在第一帧上关闭上面3个层的眼睛,只留背景和图层1的眼睛;第2帧关闭图层1的眼睛,打开图层1副本的眼睛;第3帧关闭图层1副本的眼睛,打开图层1副本2的眼睛;第4帧关闭图层1副本2的眼睛,打开图层1副本3的眼睛.在选择全部帧，设时间为0.2秒. ⑩.最后在存储为web所用格式里存储为gif文件. 方法2：通过添加“杂色”制作下雨效果 ①.打开素材，比如我选用的是一副荷花图. ②.打开动作面板，如果ps里面没有动作窗口的，在最上面的工具栏里点击窗口→勾选动作→这样动作面板就有了. ③.在动作面板里新建动作，创建新动作，命名为"下雨". ④.回到图层面板，新建图层，填充为黑色. ⑤.然后对新建的图层1进行以下操作：滤镜→杂色→添加杂色（数量25%，高斯分布，单色）. ⑥.图层1继续执行滤镜→模糊→动感模糊（-55，25）. ⑦.将图层1的混合模式(点图层1按右健,点混合选项)，改为滤色（图层改为滤色这一点很重要！）. ⑧.找到动作面板－停止动作，执行动作播放三次（三角形的是播放），图层面板中会自动新建图层2，图层3，图层4（也可以通过复制或新建的方法来得到图层，但每个图层都要注意进行⑤⑥的设置；图层交替进行“自由变换”的水平翻转和垂直翻转或按方向移动，效果更好，翻转插在⑤⑥之间进行，即添加杂色和动感模糊之间）. ⑨.打开动画窗口，复制5帧. ⑩.回到图层面板，先隐藏所有图层（就是关掉图层前面的眼睛）。 点击帧1同时点击图层面板中的图层1前的小眼睛：显示背景与图层1（关闭其它图层）；点击帧2同时点击图层面板中的图层1前的小眼睛：显示背景与图层1（关闭其它图层）；

【PS教程】动态LOGO的制作方法

【PS教程】动态LOGO的制作方法 LOGO, 教程, 动态, 制作 1、打开psotoshop，在“文件”里打开一张你准备使用的图片，最好是JPG格式的静态图片，同时注意图片的选取要有作为 LOGO 图标的价值，这就看个人眼光了。如下图。 2、 图片的上方如果显示是“索引”字样，就必须用“图象”——“模式”——改为“RGB颜色”，否则很多功能无法使用。 如果直接就显示为RGB，那就不必改了。如下图。 3、然后选择工具栏的“裁切工具”，裁切一个88*31大小的图片，图片切得大了就继续切，切到合适为止，切得小了就重来。这里裁切的尺度是80*31。如下图。

（或者可以用矩形工具选取一个88831的区域，再新建一个空白图片粘贴上去） 4、在这个例子里图片宽度不够，裁切出来的大小是80*31，应该放大为88*31。如下图。 二、加入文字 在 LOGO 中显示的一般是网站名称和地址，这里以本论坛名称“天空之城”和地址“https://www.sodocs.net/doc/b94944852.html, ”为例。做

LOGO 最主要的是用各种显示的方法突出文字信息，以给人深刻和良好的印象。下面就举例介绍一下几种常用的文字变换的显示方法：滑行效果、模糊效果、渐变效果、打字效果、颜色过渡效果、闪光效果。其他效果就需要自己慢慢摸索学习了。滑行效果 ：字体从旁边慢慢滑行出来的效果。 1、在工具栏选择文字工具——文字工具的样子的大写的“T”，在合适的地方输入文字，一般 LOGO 的文字格式是默认的宋体，12号大小，去掉锯齿。如下图。 字体常用的特效有投影、描边、模糊等，这里的例子用白色字体，绿色描边。进入特效设置的方法是在右下角的图层上用右键点出“混合选项”，如下图。 2、简单介绍一下这几种效果的使用方法。点击“投影”字样（而不是点击它前面的选框），把投影选项中的“距离”“大小”改为1，“角度”改为150或120，“不透明度”自己定——不透明度是指投影颜色的深浅，在“混合模式”后面的

卷轴动态图片PS制作教程[1]1

先来看有轴、底纹背景动画的效果： 制作方法： 一. 复制主景 1.1 打开要制作的图片，编辑好画布大小(注意宽度和高度不要过大，因为制作出的动画帧数很多，文件会非常大的)。按“Ctrl+A”全选，“Ctrl+C”复制。 1.2 新建文件，宽度要比刚编辑好的图片大两倍以上，比如，460px要设置到1000px 左右;高度也要大的点，比如，200px要设置到300px左右。按“Ctrl+V”粘贴刚刚复制的图片进去(注意，要粘贴居中，这样才方便制作后的裁剪)。

1.3 回到刚编辑的图片，点击菜单“图像——画布大小”，选择像素，设置宽度到原来的1/2，比如，460设置到230，定位如图。

全选、复制再粘贴到新建文件中，重命名为“主景-左”。再回到刚编辑的图片，按 “Ctrl+Shift+Z”两次取消历史记录，点击菜单“图像——画布大小”设置如图。 全选、复制再粘贴到新建文件中，重命名为“主景-右”。移动主景左右两张图与“图层1”图重合，如示意图。

先保存一个备份文件“备份1.psd”，后面的例子会用到。 二. 绘制轴 2.1 新建图层重命名为“外轴-左”，按住“Ctrl”键点击“主景-左”图层“载入选区”，选择“矩形选框工具”——“从选区减去”，减去右边的选区，如图。

设置好前景色和背景色，选择“渐变工具”——“对称渐变”，对选区进行渐变。 2.2 按“Ctrl+J”复制一层，按“Ctrl+T”自由变换，设置宽度和高度百分比值，如图。

重命名图层为“主轴-左”。选择“圆角矩形工具”并设置选项参数。在主轴上下两端画出路径，然后建立选区并进行渐变。

制作高清GIF图教程【GIF制作教程】

制作高清GIF图教程【GIF制作教程】 首先，需要两个软件，分别是Potplayer，这是个播放器，免费的，可以去百度一下，很容 易找到，找到合适自己电脑的版本，就装进电脑吧。主要是分64位和32位两个版本，楼 主我就是苦逼的XP。。。。。。←就是它 另一个是Photoscape，这软件也很好找，是个适合初学者用的简单的GIF合成软件。 ←就是它。 首先我们用Potplayer打开要截取的视频。 打开视频之后找到要截取的画面后，按Ctrl+G可以打开这个截图的文件夹，顶上可以设置

截取的图片路径，其他可以和我做一样的设置，尺寸设置一栏可以选择原始尺寸，但是如果截取很卡，可以改为自定义尺寸。需要字幕的话可以点上同时截取字幕。 并在右键菜单字幕设置中选择非图层输出。

这里还有一点很重要的是帧设置，截取帧数可以设置大一点，因为可以随时开始停止所以设置1000或10000都没关系，重要的是截取间隔，如果想要时间截取的长一点，可以像楼上那张图一样设置成100，要让画面更流畅，可以设置成70-80左右。 PS，不推荐50或者以下，因为如果间隔太小，一个是会大大缩减截取时间，一个是会截取很多相同的帧，而且帧数过高经证明会有浏览器出现卡顿现象。 点击开始就可以开始截图了，点击停止就能停止连续截图，这里就不上图解释了。 接下来我们打开截图文件夹。

就像这样，按住Ctrl来多选。选中所有的要做成GIF的图片。 接下来打开Photoscape来合成GIF图片。 找到四点钟方向的GIF动画，打开。 然后打开截图文件夹，点住要做GIF的第一张（也就是楼上那张图里面第一行从右往左数第二张，这很重要。）拖入下图所示的位置。

如何用ps制作动态图片

首先让大家认识下图标 第一个是大家经常用到的，打开PS的图标。而第二个就是做动态图片需要的图标。 当然你也可以在已经打开PS的情况下按键盘上的SHIFT+CTRL+M这个快捷键来进行PS和IR（就是PS自带的那个可以做图的软件，我们通常教它IR）之间的转换。如图： 首先打开我刚才告诉你的IR软件，不会打开IR的可以1楼的帖子。打开后先不要着急，选择“窗口”－－之后看看里面有个“动画”看看这个有没有被勾选上，一般第一次打开都不会被勾选。如果没有勾的话将其勾选上，具体如图：

这时你可以看见在屏幕的左下角出现了如下图所出现的东西，这是我们在制作动画时所需要的。如图： 现在我们可以正式开始制作了。 首先新建，如果不会就按键盘上的CTRL+N。 图片的大小自己选择。 我建的是250×150的一个透明的文件

首先你脑子里要清楚你需要做的图片有级帧，也就是说需要有几个动作。比如我现在做的这个需要依次显示4个字，那么就是4个动作，相应的也就是4张图片。 首先看下图，先点击红色方框内的“创建新图层”按钮，需要几张图片自己就点几下。我需要4张，我就点3下（因为已经有了一张）。

之后点击下图中红色方框内的“复制当前帧”，在动画栏里的帧数等于你自己刚才建立图片的张数。 也就是说有几张图片就需要有几帧，如图： 下图中红色方框代表你当前选中（编辑）的图层，所以这个图层在这里的背景是蓝色的，而绿色方框内的“眼睛”表示当前你所能看到的图层，当然你也可以全部选择，这样你就能将这个图片上的所有图层全部看到。（如果想要看到哪个层，就点击下想要看到的那个层前面“眼睛”的位置）如下图： 最关键的一步：当然也要选择好“动画栏”里的那个帧（被选中的那一帧会有个蓝色的方框，如下图），就是说你需要这张图片显示在哪一帧帧，

用PS制作飘雪的动态图片举例.

用PS制作飘雪的动态图片举例 方法1：通过像素化→点状设置来实现雪花飘的效果 ①.首先打开一幅图，“ctrl+J”复制（或右键复制）一个副本. ②.下面就来制作雪花效果，在菜单栏对副本层 执行滤镜：像素化→点状化(点状化决定“雪 花”的大小），如图设置参数： ④. 接下来，我们来调整副本的阈值，在菜单栏中 执行图像→调整→阈值→调整参数（比如255），观 察图像，直到点状分布均匀即可，如图： ⑤.将图层模式改为滤色：右键→混合选项→ 混合模式→下拉菜单中选→…或通过图层→图 层样式→混合选项→…或通过图层样式的按钮 调出的对话框中选→…（图层改为“滤色”这一 点很重要！注意透明度等项目的设置.） ⑥. 感觉还不像雪，没关系，继续往下做，对副本 层执行滤镜：模糊→动感模糊，根据图片调整参 数，距离越“雪花密度”也就越大，距离越小“雪 花密度”就越小 . (注意：角度决定雪花下落的方向，角度是飘向 方向与水平线的夹角，要有雪花飘的感觉，角度 可以小些；取距离决定雪花的大小，如果距离很 大，就成了下雨效果了). ⑦.将图像最大化显示，按“ctrl+T”键，显示变化框，按住“shift”键可等比例放大图像（可向任意方向拉伸，假如是向左飘雪，我觉得可向右下45°等比例拉伸，其动画效果更明显，拉伸的大小也决定着“雪花”的大小，要制作大雪可以“尽量”拉大些.）. ⑧.在菜单栏中执行窗口：动画，弹出动画面板，动画就是要在这个面板制作完成的；处于动画面板，点击复制当前帧. ⑨.确认副本层为当前图层，用移动工具将其拖到右上角与背景层右上角对齐(因为是向左下方向飘雪，因此这一点比较重要，直接涉及到飘雪的方向是否符合逻辑)，可以借助方向键精确调整. ⑩.点击过渡帧，设置过渡帧数目（帧数多，动画过渡平滑，反则反之; 过渡帧数目数目设置为10-15帧较合适，时间设置为0.15-0.25之间更符合“飘雪”的慢动感.）

《制作GIF动画》教学设计.doc

《制作GIF动画》教学设计 一、教学目标 1、知识与技能目标：了解制作动画的常用软件，了解gif animator 5软件及其特点，会用ulead gif animator制作简单的gif动画。 2、过程与方法目标：借助 ulead gif animator 软件将动画分解成一组图片，帮助学生理解动画的原理；学生亲手用动画软件制作一幅动画，感受计算机动画技术的优越性，同时获得动画制作中的相关知识，为进一步学习打下基础。 3、情感态度与价值观目标：通过了解动画制作软件并尝试制作动画，培养学习动画制作的兴趣。并在学习中认识到动画不仅是一种技术，更是一种文化艺术；理解动画技术是人类文明的传承和智慧的结晶。 二、教学重难点 1、教学重点：动画原理的理解。 2、教学难点：gif动画的制作。 3、教具：微机室 4、教学方法：讲授法、讨论法、任务驱动法，小组协作法 三、教时安排：1个课时 四、教学过程： 素材资源：教师事先准备好一些动画素材，发送到学生电脑上。 教师活动 学生活动

说明 一、视频导入 1、播放视频“小破孩防火”和“遇到火灾怎么办”； 2、gif格式——一种常用的网页图形格式，适合于制作卡通、徽标等图像；它可以存储单幅的图像之外，还可以存储多幅图像组成动画。gif格式可以将单帧的图像组合起来，然后轮流播放每一帧而成为动画。它常用于网页之中，也可以作为手机的屏幕保护动画。 学生观看视频，听讲解； 学生回忆gif格式的特征。 从防火知识小动画视频导入，既能密切知识联系生活实际，创 设学习情境，又 能激发学生的学习兴趣。 二、讲授新课 1、介绍gif动画制作软件ulead gif animator。 ulead gif animator动画制作软件，是目前功能最强、操作最简易、使用也最广泛的gif动画制作软件。该动画制作软件还可以连结到绘图软件，来作图片的编辑修改，使用它来制作动画可说是相当的便利。 2、创设情境 （1）欣赏gif动画 提问：这几幅小动画有哪些特点？猜猜由几帧组成? （2）gif小动画分解（分析动画的组成，理解动画原理。）

如何制作GIF动态图片

如何制作GIF动态图片 GIF动态图像，适用于多种操作系统，“体型”很小，支持透明背景图像，网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件，从而形成动画，所以归根到底GIF仍然是图片文件格式。一个GIF动态图像可以包含很多信息，活泼可爱，很吸引人的眼球，可以起到很好的宣传店铺的效果哦。 以前认为制作这样一个GIF动态头像会很麻烦，其实学起来没有我们想象中的那样复杂，很简单嘀，下面我们就一步一步来看如何做这样的动态图标吧。 第一步制作GIF所用的软件 制作GIF图片需要专门的图像处理软件，这里推荐Ulead GIF Animator。Ulead GIF Animator 是友立公司出版的动画GIF制作软件，也是目前最常用的GIF处理软件。大家先下载这个软件。 软件下载地址：Ulead GIF Animator v5.05 简体中文绿色版- 霏凡软件站。这个软件不需要安装，下载下来是个压缩文件。解压缩到一个文件夹就可以直接使用嘀。 第二步制作步骤 1、设置初始图片 下载Ulead GIF Animator 5 后，把他解压缩到任意一个文件

夹，双击可执行文件打开程序，GIF图片做头像用，图片不宜太大，我们把图片大小设置为100*100高宽像素。点击左上角"文件"-"新建"，设置高度和宽度都是100像素，选中"完全透明"，点击"确定"。 2、设置第一张图片 点击“文件”-“添加图像”-弹出来选择图片文件的窗口，然后选择你要在GIF闪图中显示的第一张图片，点击“打开”。 3、设置图片大小 填加图片后，你会发现编辑界面中的图片只显示整张图片的左上角（100*100像素大小），鼠标左键点住图片不放，拖动可以看到完整图片。因此，我们需要对图片大小进行缩放的操作，把图片缩小到100*100像素大小（与背景一直）。鼠标右键点击图像，弹出来的菜单左键点击“对象属性”，"对象属性"的窗口中设置如下：左、顶部设置为0；高宽设置为100；保持外表比率不打勾；然后点击"确定"。这样整张图片就被缩放到100*100像素大小了，第一张图片制作完毕。备注：如果大家熟悉photoshop的话，可以事先把要放入GIFf中的图片处理成100*100像素大小，这里就不用这一步了。 4、添加第二张图片 接着做第二张图（也就是第二帧），鼠标左键点击下边的"添加帧"这个按钮，即可新建一个空白的图片。图片大小设置按照第一张那样来操作

制作清晰的gif动态图片绝招

制作清晰的gif动态图片绝招 作者：杨函祥 QQ：297254454 第一步：安装好两个必须的软件KMPlayer和Macromedia Fireworks 8。KMPlayer软件用来扑捉视频所需要部分的图片帧；Macromedia Fireworks 8软件用来编辑整合图片帧、输入文字等，然后导出gif动态图片。如图1： （1） 第二步：选定一段自己用手机或摄像机拍摄的视频。启动KMPlayer软件，点击（2）导入需要编辑的视频进入播放状态。点击鼠标右键找到菜单栏里面的“捕获（C）”—“画面：高级捕获”，点击弹出帧模式。如图片3:

(3) 第三步：在图片三内勾选“连续”，然后一边播放视频，一边点击“开始”进行视频捕获。然后到指定文件夹（D:\The KMPlayer\Capture）里面找到被捕获到的图片帧。如图4：

（4） 第四步：启动Macromedia Fireworks 8软件,找到工具栏上的“文件”点击，找到“打开”，弹出打开对话框。如 图5：

(5) 第五步：点击“我的电脑”—D盘—The KMPlayer—Capture文件夹（备注：因为我的KMPlayer软件是安装在D 盘，所以路径位置默认为D盘。），然后找到捕获到的图片帧。 如图6：

（6） 第六步：这一步很关键，注意一定要勾选“以动画打开 （A）”（7），然后选中所有的图片帧， 点击“打开”进行图片导入。如图8：

（8） 第七步：这时候可以点击（9）进行播放预览。因为 图片看上去太大，还可以点击（10）进行长和宽 相应的设置。如图11：

ps如何在视频中截取动画视频转gif动画的制作方法photoshop动态图制作

Ps如何在视频中截取动画，视频转gif动画的制作方法， Photoshop动态图制作。 导言：互联网或者自媒体，还有网页设计人员，经常会用到gif动画制作，比如网页中嵌入视频比较复杂，如果做成一些短动画那就简单多了。而且文件也不会太大，缺点就是没有声音，画面有限。那么我们用Ps如何快速把视频做成动态图哪？ 说明：制作动画还有很多其他方法，这里只介绍如何用Photoshop来制作，仅供参考！视频教程讲解首先我们先有一个视频 视频素材可以自己用手机或者其他摄影设备录制，也可以在录屏录下来。本人平时制作视频教程都是用会声会影录屏，也就是Corel ScreenCap X9这个软件，安装会声会影的时候一般都会一起安装上。 开始制作动画，导入PS点击文件菜单>导入>视频帧到图层选择要制作的视频，在打开的将视频导入图层对话框中进行三个操作。1、勾选制作动画2、勾选限制为每隔，并输入限制的帧数这个是一个关键操作，根据你截取的视频的长度，选择合理的帧数，其实就是在视频中每隔多少帧截取一张图片，连贯起来就是动画了。3、在右侧视频预览窗口中，滑动下方的两个对半的三角形滑块，选择所要的视

频片段。 设置动画导入图层后，我们打开时间轴面板，选择所有帧，设置一个合理的时间间隔。还有需要注意的就是看看时间轴面板的左下方的播放模式是不是永远，不是的话自己改一下，不然动画不是一直播放的。导出动画在设置好动画后，点击文件菜单>导出>存储为Web所用格式。（Photoshop版本不同，菜单位置有一点区别）在打开的存储为Web格式对话框中选择gif格式，最好是选择256的品质，下方还可以改变图片大小，左侧下方可以预览文件大小，设置好后保存就可以了。效果完成

ps下雨动态效果制作

ps下雨动态效果制作 陈柳斌2013年4月27日 教学课时：２课时 教学目的：让学生从传统处理图片的模式中得到提升，知道能在PS中也能得到动态效果；让学生懂得在PS中制作下雨动作。 教学难重点：动作的记录，动画的设置。 一、教学过程： 1.找到一幅素材，复制到图层1，并将图层1重命名为：下雨素材。 2.执行“窗口——动作”，打开“动作”面板，新建动作，重命名为：下雨动作，快捷键为：F2.第二个动作为红色状态，表示当前动作处于录制之中。下面所有的操作步骤将被录制到“下雨动作”之中，直到单击第一个“停止/播放记录”按钮。 3.回到图层面板，按住CTRL键，载入“下雨素材”图层的选区，新建图层1，填充为黑色。 4.执行“滤镜——杂色——添加杂色”，参数设置如下：数量：20;点击高斯模糊，点击单色。 5.执行“滤镜——模糊——动感模糊”，设置参数如下：角度：63;距离：30 6.按下ctrl+D取消选区，将图层1的混合模式设置为滤色。 7.单击动作面板的第一个“停止/播放记录”按钮，停止动作录制。 8.连续按两次我们上面录制动作设定的快捷键：F2，将播放两次动作，得到图层2和图层3.

9.执行“窗口——时间轴”，打开“时间轴”面板，将第一帧延迟调为：0.07秒，同时在图层面板关闭图层2和图层3前面的眼睛，隐藏图层。 10.单击“复制所选帧”，关闭图层1和图层3前面的眼睛，隐藏图层。 11.再次单击“复制所选帧”，关闭图层1和图层2前面的眼睛，隐藏图层。 12.执行“文件——存储为web和设备所用格式”，选择GIF格式，单击右下方的“存储”按钮，将制作的下雨效果动画输出保存即可。 二、学生练习，教师巡回辅导。 三、课后反思 通过本节课的学习，同学们能够根据实列在PS中制作下雨动作。学生做出的作品还是比较满意，并且能够在其他的实例中得以应用。但是，在动画的设置方面还有一定的欠缺，今后在这方面要加强教学力度，让学生多加练习，达到更好的效果。

网店装修教程-如何制作GIF动态图片

GIF动态图像，适用于多种操作系统，“体型”很小，支持透明背景图像，网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件，从而形成动画，所以归根到底GIF仍然是图片文件格式。一个GIF动态图像可以包含很多信息，活泼可爱，很吸引人的眼球，可以起到很好的宣传店铺的效果哦。 以前认为制作这样一个GIF动态头像会很麻烦，其实学起来没有我们想象中的那样复杂，很简单嘀，下面我们就一步一步来看如何做这样的动态图标吧。 第一步制作GIF所用的软件 制作GIF图片需要专门的图像处理软件，这里推荐Ulead GIF Animator。Ulead GIF Animator 是友立公司出版的动画GIF制作软件，也是目前最常用的GIF处理软件。大家先下载这个软件。 软件下载地址：Ulead GIF Animator v5.05 简体中文绿色版- 霏凡软件站 这个软件不需要安装，下载下来是个压缩文件。解压缩到一个文件夹就可以直接使用嘀。 第二步制作步骤 1、设置初始图片

下载Ulead GIF Animator 5 后，把他解压缩到任意一个文件夹，双击可执行文件打开程序，GIF图片做头像用，图片不宜太大，我们把图片大小设置为100*100高宽像素。点击左上角"文件"-"新建"，设置高度和宽度都是100像素，选中"完全透明"，点击"确定"。 2、设置第一张图片 点击“文件”-“添加图像”-弹出来选择图片文件的窗口，然后选择你要在GIF闪图中显示的第一张图片，点击“打开”。 3、设置图片大小 填加图片后，你会发现编辑界面中的图片只显示整张图片的左上角（100*100像素大小），鼠标左键点住图片不放，拖动可以看到完整图片。因此，我们需要对图片大小进行缩放的操作，把图片缩小到100*100像素大小（与背景一直）。鼠标右键点击图像，弹出来的菜单左键点击“对象属性”，"对象属性"的窗口中设置如下：左、顶部设置为0；高宽设置为100；保持外表比率不打勾；然后点击"确定"。这样整张图片就被缩放到100*100像素大小了，第一张图片制作完毕。备注：如果大家熟悉photoshop的话，可以事先把要放入GIFf中的图片处理成100*100像素大小，这里就不用这一步了。 4、添加第二张图片 接着做第二张图（也就是第二帧），鼠标左键点击下边的"添加帧"这

GIF动态图片的制作方法

GIF动态图片的制作方法 一.图片运动（移动）的制作 图例： 图片可放大可缩小，也可以左右上下移动。动态图片其实是由一桢一桢的静止画面构成的。下面以图片的左右移动为例，说说它的制作方法，上下移动、放大或缩小、它们的制作方法都相同。 1。打开软件界面，点“文件”——“打开图像”（找到您存的喜欢的图片双击，就导到了软件的编辑了） 2。用鼠标点左边的工具“变形工具”，再点舞台中间的图——再用鼠标把图平行地向左右拉宽。将图向右拖到图的左边边缘（距舞台框左边边缘有一点距离） 3。点下面的“复制桢”图标（这时在下面的予览框里就出现了第二幅图）——点第二幅图，用鼠标把舞台中的图再向左移一点（每帧不要移动过多）。 4。用第3步方法反复复制和移动图片，到满意为止。

5。点下面的播放按钮予览，并调整图片移动的幅度。——最后点“文件”——“另存为”（格式为GIF）． 说明： 1。图如运动过快，无法调整，可用右键点预览框的图再点“属性”，用设定“延迟”桢数来调整。 2。图片不宜过大，可在“编缉”里的“调整图像大小”里设定。桢数也不宜过多。图片过大和桢数过多会导至形成的动画图过大。 二. 运动（淡进淡出转场效果）的制作 图例： 几张图片连在一起播放，需要有转场的效果，不然会呆板。这里，以淡进淡出转场效果制做图片为例，探讨一下图片的连续运动。

1。打开软件界面，点“文件”——“打开图像”（找到您存的喜欢的图片双击，就导到了软件的编辑框里了）。 2。在下面的图标里点“添加桢”图标——再点“文件”——再点“添加图像”（找到您存的喜欢的图片双击，就导到了软件的编辑框里了）。 3。重复第2步，再导入几张图片。把要用的图片导完（但不能很多）。 4。点下面的予览框里的第一幅图——再点下面的“之间（Tween)”图标——设“开始桢”为“1”，“结束桢”为“2”，“插入”为“4”，“延迟”为“30”。 5。重复第4步做法，把导入的图片做完（如：做第二幅图时，就不是设“开始桢”为“1”，“结束桢”为“2”了，而是“开始桢”为“6”，“结束桢”为“7”了）。 6。点下面的播放按钮予览——最后点“文件”——“另存为”（格式为GIF）。 说明： 1。图片不宜过大，可在“编缉”里的“调整图像大小”里设定。桢数也不宜过多。图片过大和桢数过多会导至形成的动画图过大。 2。在“之间（Tween)”里设置“插入”时，数小了转场不好，大了要造成最后做出的图过大。 3。在制做时一定要把“开始桢”和“结束桢”数字输正确。

学习GIF动画制作

学习GIF动画制作 发表日期:2008年1月18日出处:网络已经有715位读者读过此文 Ulead GIF Animator 5是业界最完整也最经济的GIF动画制作工具。它可让您为网站与PowerPoint简报轻松制作可迅速下载的动画图片通过以下功能为您提供快速简易的动画制作: 1、直观化的操作界面:「编辑」、「最佳化」与「预览」三种模式以简易的卷标形式界面迅速切换，动画制作立即上手; 2、简易的编辑:以精确的拖放操作来制作出色的多重对象动画; 3、精彩的特效:套用各种文字特效、视讯特效、转场与 Photoshop 的相容滤镜效果; 4、强大的最佳化处理:以最新的影像压缩技巧，确保您可迅速下载动画; 5、弹性的输出:可汇出多样的档案格式，包括了 Flash、AVI、MPEG 与QuickTime。 新版GIF Animator 5拥有动画合成、编辑、特效制作、最佳化压缩、输出等强大功能，同时适用于Microsoft PowerPoint、向量形式的 Flash 项目上，并可完美整合至PhotoImpact、Adobe Photoshop与Jasc Paint Shop Pro等图像编辑软件，绝对让您制作网页动画banner快、狠、准～ Ulead GIF Animator 5是业界最完整也最经济的GIF动画制作工具。它可让您为网站与PowerPoint简报轻松制作可迅速下载的动画图片。 首先打开软件,会出现一个框框,然后按照我下面的步骤一步步来吧～选择"打开一个已存在的图像文件": 第一课:让图动起来 提示:1. 按下图中1--8的步骤依次进行。 2. 图小一点，太大的图做成GIF后太大，可能无法上传。

如何制作GIF动态图片

个人收集整理-ZQ 动态图像，适用于多种操作系统，“体型”很小，支持透明背景图像，网上很多小动画都是格式.其实是将多幅图像保存为一个图像文件，从而形成动画，所以归根到底仍然是图片文件格式.一个动态图像可以包含很多信息，活泼可爱，很吸引人地眼球，可以起到很好地宣传店铺地效果哦. 以前认为制作这样一个动态头像会很麻烦，其实学起来没有我们想象中地那样复杂，很简单嘀，下面我们就一步一步来看如何做这样地动态图标吧.资料个人收集整理，勿做商业用途第一步制作所用地软件 制作图片需要专门地图像处理软件，这里推荐. 是友立公司出版地动画制作软件，也是目前最常用地处理软件.大家先下载这个软件.资料个人收集整理，勿做商业用途 软件下载地址：简体中文绿色版霏凡软件站.这个软件不需要安装，下载下来是个压缩文件.解压缩到一个文件夹就可以直接使用嘀.资料个人收集整理，勿做商业用途 第二步制作步骤 、设置初始图片 下载后，把他解压缩到任意一个文件夹，双击可执行文件打开程序，图片做头像用，图片不宜太大，我们把图片大小设置为*高宽像素.点击左上角"文件""新建"，设置高度和宽度都是像素，选中"完全透明"，点击"确定".资料个人收集整理，勿做商业用途 、设置第一张图片 点击“文件”“添加图像”弹出来选择图片文件地窗口，然后选择你要在闪图中显示地第一张图片，点击“打开”.资料个人收集整理，勿做商业用途 、设置图片大小 填加图片后，你会发现编辑界面中地图片只显示整张图片地左上角（*像素大小），鼠标左键点住图片不放，拖动可以看到完整图片.因此，我们需要对图片大小进行缩放地操作，把图片缩小到*像素大小（与背景一直）.鼠标右键点击图像，弹出来地菜单左键点击“对象属性”，"对象属性"地窗口中设置如下：左、顶部设置为；高宽设置为；保持外表比率不打勾；然后点击"确定".这样整张图片就被缩放到*像素大小了，第一张图片制作完毕. 备注：如果大家熟悉地话，可以事先把要放入中地图片处理成*像素大小，这里就不用这一步了.资料个人收集整理，勿做商业用途 、添加第二张图片 接着做第二张图（也就是第二帧），鼠标左键点击下边地"添加帧"这个按钮，即可新建一个空白地图片.图片大小设置按照第一张那样来操作资料个人收集整理，勿做商业用途 、图片之间切换速度地设置 做好两张图片后，点击“预览”可以看一下动态图效果，你会看到图片切换地速度太快，不停地闪动，这就需要调整图片切换地速度.鼠标右键点击图片，弹出来地菜单中点击“画面帧属性”，进入“画面帧属性”设置页面，设置图片切换速度.设置延迟为（将每章图片地延迟都设置为）.资料个人收集整理，勿做商业用途 、同理制作其他图片 每一张图片是一帧，和制作第二张图片地过程一样，继续加入其它要放入闪图地图片. 、保存图片全部图片编辑好后，点击“保存”按钮，点击“保存为文件”，给做好地图取个名字保存到自己地电脑上，即大功告成啦. 是不是很简单，希望大家都能做出漂亮地图，吸引更多地顾客，最后祝大家生意兴隆！我们一起努力，一起加油吧.资料个人收集整理，勿做商业用途 1 / 1

多张GIF动态图片合成为单张图片(用PS)

多张GIF动态图片合成为单张图片(用PS) 先来看看效果 原图有： 合成后的效果： 用到的工具：photoshop（我用的版本是CS3，其他版本类似），你的耐心和细心。 需要的材料：你想合成的原图GIF动态图片若干，可能需要的背景图片一张。 下面来讲解具体步骤： <1>导入GIF动画到photoshop 说点废话，尝试过用photoshop打开GIF图片朋友可能知道，直接打开的话只能打开动画的一帧，失去了动态性，图层面板中也只有一个图层。 这里就需要用到导入。具体操作为：文件—导入—视频帧到图层 这时就会弹出如图这样一个载入窗口：

不过这是正常情况下，也许你弹出的会是这样一个东东： 解决方案也很简单，自然是下载安装QuickTime 7.1以上的版本，下载地址百度一下一大把，如果你实在懒得搜，文末我也附上了下载地址，不过是要付

银子的哦。 正确安装QuickTime后，载入窗口也打开了，下一步自然是寻找你硬盘上的GIF图片，一步步找到了你存放GIF的文件夹，这时候你“惊喜”的发现，里面居然没有你的GIF图片，莫要惊慌，这也是正常现象，原因我解释不了，对策我倒是知道，你应该知道你的GIF图片的名称吧，比如说是1.GIF，那你就在文件名那栏手动输入1.GIF，然后单击载入，出来这样一个窗口 按图上这样选好，确定！ ok，大功告成，导入GIF动画成功。（鼓掌） <2>合成GIF动画 经过上一步我罗里啰嗦的诱导，相信你已经成功将GIF图片导入PS了，那现在就要开始我们的重头戏了，导入GIF图片后，图层面板呈现出这样一种状态：

没错，就是动画的每个帧占据了一个图层，这正是我们想要的结果。这时候你也发现原本会动的图片这时候也是死的不会动的，那，这也是正常的。（怎么什么都正常—_—``） 单击PS最上方的菜单栏窗口-动画如图 就会打开这么个东东 你点一下下面那排中类似播放的按钮，GIF就会动了（哇，so神奇~）（白痴—_—``）

PS制作白光划过文字动画GIF

photoshop设计漂亮的流光字GIF动画图片签名字，个性签名字设计教程实例，PS入门与实例，本教程介绍用PS制作最为基础的GIF动画。制作的时候我们先要构思好动画展示效果。然后把用一组图片来显示动画的过程。再用IR把图片转成动态效果即可。最终效果 1、新建一个400 * 100像素的文档，背景选择白色，参数设置如下图。 2、设置前景色为细喜欢的颜色，这里设置为蓝色：#0091FC。 3、选择文字工具，在属性 栏设置字体和字号，如下图，然后在画布上打上想要的文字。 4、设置前景色为白色，给文字添加图层样式--渐变叠加。调成图层样式面板，设置如下图。 注意设置完后不要点图层样式面板的确定。

如果图层样式面板挡住了画布，把画板移到一边，露出画布，鼠标放到画布上，按下鼠标左键不放，慢慢向左拖动，你发现了什么？对，流光在向左移动，好，继续向左拖动，知道看 不见流光位置，现在点确定。 5、选择菜单：窗口> 动画，调出动画面板（其它PS版本可直接点工具面板下面的IR进 入IR操作），如果时间轴模式，点转换为帧模式按钮，转换为帧模式。

设置延迟为0.15秒，循环北京佳尚财税http://101.1.28.35/次数为永远，点击复制帧按钮，复 制一帧。 选择帧2，在文字图层上双击渐变叠加，调出图层样式面板。 在画布上按下鼠标左键向右拖动，知道流光在字的右边消失为止，确定后。按住Shift 键不放，点击第一帧，把两个真都选中，点击过渡动画帧按钮，设置添加帧数为3，确定后。

点击播放按钮，查看一下效果。 6、选择菜单：文件> 储上海凯迪财税http://101.1.20.46/存为Web和设备所用格式，格式为GIF。最后要提醒的是，在点击储存后，还会弹出一个警告框，如果用CS3一定要看清楚确定按钮在哪，如果点到取消文件将不会被保存。

《制作GIF动画》说课稿

我说课的题目是《制作gif动画》，它是省编初二上册《信息技术》教材，第二章动画信息制作中的第二节内容。这部分内容主要讲了使用ulead gif animator 5制作简单的gif逐帧动画，让学生在学习和实践的过程中深刻体会动画制作原理。本节课是学习动漫设计的基础。我采用由浅入深、由简单到复杂的顺序，逐步使学生学会并掌握gif逐帧动画的设计制作方法。学好本节内容有助于为后面制作交互式的flash动画奠定基础。 二、说学生 本节课的教学对象为初二（八年级）学生，在初一一年的学习中，他们已经掌握了计算机基本操作和一些常用软件的使用，有一定的学习基础。同时，学生十分喜爱动画，平时通过上网和游戏也接触了一些动画，对于制作动画跃跃欲试，兴趣浓厚。 三、说教学目标 1、知识与技能目标：了解制作动画的常用软件，了解gif animator 5软件及其特点，会用ulead gif animator制作简单的gif动画。 2、过程与方法目标：借助 ulead gif animator 软件将动画分解成一组图片，帮助学生理解动画的原理；学生亲手用动画软件制作一幅动画，感受计算机动画技术的优越性，同时获得动画制作中的相关知识，为进一步学习打下基础。 3、情感态度与价值观目标：通过了解动画制作软件并尝试制作动画，培养学习动画制作的兴趣。并在学习中认识到动画不仅是一种技术，更是一种文化艺术；理解动画技术是人类文明的传承和智慧的结晶。 四、说教学重难点 1、教学重点：使用ulead gif animator 5让学生理解动画制作原理。 2、教学难点：使用ulead gif animator 5制作简单的gif动画。 五、说教法 1、创设情境法，用动画视频导入新课，引起学生的兴趣。讲解ulead gif animator 5软件，让学生对常用制作动画软件有个初步的印象。 2、互动式教学法，在教师的操作讲解过程中，有学生的猜想、讨论、抢答；在学生的上机操作过程中，有教师的指导和同学的互助。师生之间、生生之间不停地进行“信息”交流，有助于学生注意力的集中和学习积极性的提高。 3、课堂小结，教师归纳总结本课教学内容，点评学生制作过程中遇到的问题。同时请学生叙述gif动画制作的主要步骤，鼓励做得好的同学，并让同学们一起分析与思考好的作品。这样各种情况的学生都会积极参与课堂的教学中，发挥各自的长处。 4、竞赛法，结合教学内容布置恰当的课堂作业练习，学生自主参与，比赛谁做得又快又好，这符合初中生争强好胜、集体感和荣誉感强的特点。同时也有利于对所学知识进行巩固和应用。 六、说学法 1、探究学习：通过教师演示指导，学生上机操作课堂任务来探究gif动画制作过程，培养学生的观察能力、动手操作能力和综合分析能力。 2、自主学习：指导学生从自主操作过程中，归纳出gif动画制作的方法，理解动画的制作原理，以调动学生思维的积极性，使学生自主地获取知识。 3、协作学习：利用学生分组操作和小组讨论，使学生在沟通中创新，在交流中发展，在合作中获得新知。 七、说教学理念 本节课主要是讲解使用ulead gif animator 5制作gif动画上，下载动画视频引入，从学生喜爱的动画视频入手，再通过对gif动画的分解和合成，加深学生对动画原理的理解，同时达到让学生掌握使用ulead gif animator 5制作简单的gif动画的方法。