Photoshop时间轴动画开发与应用
Photoshop时间轴动画的开发与应用
摘要：本文主要研究的是photoshop时间轴动画，通过本文的学习，可使初学photoshop的朋友快速的掌握photoshop动画制作基本功能，以及在photoshop中如何使用时间轴功能编辑gif动画的基本技巧。
关键词：网幅广告；banner；photoshop；时间轴动画
中图分类号：tp317.4文献标识码：a文章编号：1007-9599 （2013）06-0000-02
banner广告是网站赢利的一种形式，banner是位于网页顶部，中部，底部任意一处，但是横向贯穿整个或者大半个页面的广告条。是互联网广告中最基本的广告形式，尺寸是480*60像素，一般是使用gif格式的图像文件，可以使用静态图形，也可用多帧图像拼接为动画图像。banner一般翻译为网幅广告、旗帜广告、横幅广告等。
gif格式的图像文件是在网页上常常看到的一种动画形式，画面活泼生动，引人注目！不仅可以吸引浏览者，还可以增加关注点击率。gif文件的动画原理是，在特定的时间内显示特定画面内容，不同画面连续交替显示，产生了动态画面效果。gif图形文件，也就是一个包含两张以上独立gif图形文件或frame（帧）的文件。每一帧均设定了画面播放时间与播放次数。一般情况下，banner的大小不要超过30kb，否则会增加网络负担。
banner广告效果：
如何使用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.最后再单击“存储”按钮保存动画：
PS经典教程—Photoshop实例教程
PS经典教程 1、教你打造偏色艺术色调教程 2、 ·教你打造偏色艺术色调教程 3、 Photoshop┾製造制造另类婚纱照片 4、⒈款粉帥氣de游戲做圖 5、 PS(IR)可爱的棒棒糖 6、 ps打造唯美色调 7、 PS打造超炫人物效果 8、一款比较自然的眨眼教程 9、 Photoshop最简易的磨皮法 10、Photoshop] 制作下雨的效果 11、小菱形背景和圆点背景的做法 12、[Photoshop] PS打造淡彩风格的幻眼效果 13、Photoshop] 用Photoshop滤镜打造梦幻艺术效果 14、Photoshop] 巧用PS打造镶满诱人钻石的文字 15、Photoshop] PS制作幽冥火焰 16、Photoshop] 简单的叠影制作方法 17、Photoshop] 制作冬季恋歌浪漫雪景效果 18、Photoshop] 用Photoshop设计另类树皮人体 19、Photoshop] 教你设计绚丽光芒效果 20、Photoshop] 教你设计胶片风情电影海报 21、Photoshop] 教你设计神秘炫光黑洞效果 22、Photoshop] PS特效字：闪亮钻石效果 23、[Photoshop] 巧绘晶莹剔透的水晶樱桃 24、Fireworks] QQ空间初级玩家必学的11条技巧 25、Flash] 给FLASH初学者的10点制作经验 26、Flash] Flash全屏效果全攻略 27、Photoshop] 利用PS图层样式绘制彩色玻璃立体文字 28、Photoshop] Photoshop制作逼真的洁白羽毛
29、Photoshop] 用PS把秋景照片变为冬景效果 30、[Photoshop] Photoshop教你给MM的衣服换个颜色 31、Photoshop] 用PS制作周迅的怀旧效果图 32、Photoshop] 转用PS轻松给MM衣服添加图案 33、Photoshop] 用PS的动态画笔制作鞭炮 34、Photoshop] 教你做天使翅膀的卡通效果 35、Photoshop] 制作融化的冰淇淋 36、Photoshop] 打造宇宙场景爆炸星球特效 37、Photoshop] 教你设计恐怖电影海报 Photoshop] 制作奔驰中的汽车 [Photoshop] 蝴蝶结边框 [Photoshop] 印章制作小教程（ps新手适用）[Photoshop] Photoshop高级柔化处理人物照片Photoshop] 神奇的Photoshop修图美容－－很实用[Photoshop] 简单PS教程－－制作面部护肤化妆品Photos hop] ○简单的给黑白照片上色（适合新手）Photoshop] Photoshop用户必知必会的28个快捷键Photoshop] 用马赛克效果处理图片 [Photoshop] 可爱歪框框 Photoshop] 打造鬼屋效果教程 Photoshop] 教你Ps滤镜巧绘蕾丝花边相框Photoshop] 制作撕纸效果 Fireworks] FW坠子 [Photoshop] 修补照片的一般方法(文字版) Fireworks] 象素娃娃的教程 Fireworks] 图片燃烧边缘效果的制作 Fireworks] 地震效果的制作(文字版) Fireworks] 旋转吊坠制作 [Photoshop] 一根香烟的制作过程
ps做动画、动画图片
Ps做动画 ps做的动画图片就是GIF格式的图片即“图像互换格式”，是CompuServe公司在1987年开发的图像文件格式。GIF文件的数据，是一种基于LZW算法的连续 色调的无损压缩格式。其压缩率一般在50％左右，它不属于任何应用程序。目前几乎所有相关软件都支持它，公共领域有大量的软件在 使用GIF图像文件。 GIF图像文件的数据是经过压缩的，而且是采用了可变长度等压缩算法。GIF格式的另一个特点是其在一个GIF文件中可以存多幅彩色图 像，如果把存于一个文件中的 多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动 画。 GIF分为静态GIF和动画GIF两种，扩展名为.gif，是一种压缩位图格式，支持透明背景图像，适用于多种操作系统，“体型”很小，网上 很多小动画都是GIF格式。 其实GIF是将多幅图像保存为一个图像文件，从而形成动画,所以归根到底GIF仍然是图片文件格式。但GIF只能显示256色。和jpg格式一样，这是一种在网络上非常流行
的图形文件格式。 制作软件主要为Adobe ImageReady 和fireworks 两个！ 缺陷：gif动画图片失真较大，一般经过羽化等效果处理的透明背景图都会出现杂边，而要处理掉这些难看的杂边是件很复杂费时的工 作！所以如果能解决透明图出现 杂边的不足将是gif的一个重大突破了！望早日实现！杂边问题可以配合PHOTOSHOP先把每一桢保存的时候把杂边扩展为网页背景色一样的颜色即可使边缘清晰圆润。。 效果1： 效果二随便做的只是示范一下
1.打开素材图片，调整图片大小，做GIF动画图片不宜过大，否则上 传到网络相册就不会动了。 2.用钢笔工具，以人物为中心，勾出如下路径。
动画短片制作常用表现方法与技巧
Flash动画短片制作常用的表现方法与技巧 一、逐帧动画 因为逐帧动画所涉及到的帧的内容都需要手工去编辑，任务量比较大，所以在确定使用哪种动画形式的时候，一定要做好思想准备。制作逐帧动画不涉及到帧里面的内容是元件还是图形或者位图，这一点与形状补间动画，动作补间动画不同。在制作逐帧动画的时候，往往前一帧与后一帧的内容没有大的差别，我们就可以使用Flash MX 2004提供的绘图纸外观工具来观察前一帧，或者全部帧的变化，对于我们精确的把握动画效果，有极大的帮助。 逐帧动画是我们常用的动画表现形式，也就是一帧一帧地将动作的每个细节都画出来。显然，这是一件很吃力的工作，但是使用一些小的技巧能够减少一定的工作量。 这些技巧包括：简化主体、循环法、节选渐变法、替代法、临摹法、再加工法、遮蔽法等。下面一一用动画例解的方式详细讲解。 (一)、简化主体 首先，动作主体的简单与否对制作的工作量有很大的影响，擅于将动作的主体简化，可以成倍提高工作的效率。 我们都看到过这个形象“火柴人”功夫系列，如图（1）可见，动画的主体相当简化，以这样的主体来制作以动作为主的影片，即使用完全逐帧的制作，工作量也是可以承受的。试想用一个逼真的人的形象作为动作主体来制作这样的动画，工作量就会增加很多。 注：对于不是以动作为主要表现对象的动画，画面简单也是省力良方。 （二）、循环法 这是最常用的动画表现方法，将一些动作简化成由只有几帧、甚 至 2、3帧的逐帧动画，组成的Movie Clip，利用Movie Clip的循环播放 的特性，来表现一些动画，例如头发、衣服飘动，走路、说话等动画经 常使用该法。 天篷元帅斗篷的飘动的动画就是由三帧组成的Movie Clip，聪明的读者一定想到了，只需要画出一帧，其他两帧可以在第一帧的基础上稍做修改便完成了。 注：这种循环的逐帧动画，要注意其“节奏”，做好了能取得很好的效果。 （三）节选渐变法 在表现一个“缓慢”的动作时，例如手缓缓张开，头（正面）缓缓抬起，用逐帧动画很浪费时间。我们可以考虑将整个动作中节选几个关键的帧，然后用渐变或闪现的方法来表现整个动作。 如一手掌张合的实例中，通过节选手在张合动作中的四个“瞬间”，绘制了四个图形，定义成Movie Clip之后，用Alpha（透明度）的变形来表现出一个完整的手的张合动作。 如果完全逐帧地将整个动作绘制出来，想必会花费大量的时间精力，这种方法可以在基本达到效果的同时简化了工作。 注：该方法适合于“慢动作”的复杂动作，另外，一些特殊情景，如D厅，由于黑
PS动画制作实例
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中红框所示，依次绘制出各种音符。绘制时，距离可拉大，可边绘制边改变方向，使其看起来大小和方向呈不规则状。
如何用ps制作动态图片
首先让大家认识下图标 第一个是大家经常用到的，打开PS的图标。而第二个就是做动态图片需要的图标。 当然你也可以在已经打开PS的情况下按键盘上的SHIFT+CTRL+M这个快捷键来进行PS和IR（就是PS自带的那个可以做图的软件，我们通常教它IR）之间的转换。如图： 首先打开我刚才告诉你的IR软件，不会打开IR的可以1楼的帖子。打开后先不要着急，选择“窗口”－－之后看看里面有个“动画”看看这个有没有被勾选上，一般第一次打开都不会被勾选。如果没有勾的话将其勾选上，具体如图：
这时你可以看见在屏幕的左下角出现了如下图所出现的东西，这是我们在制作动画时所需要的。如图： 现在我们可以正式开始制作了。 首先新建，如果不会就按键盘上的CTRL+N。 图片的大小自己选择。 我建的是250×150的一个透明的文件
首先你脑子里要清楚你需要做的图片有级帧，也就是说需要有几个动作。比如我现在做的这个需要依次显示4个字，那么就是4个动作，相应的也就是4张图片。 首先看下图，先点击红色方框内的“创建新图层”按钮，需要几张图片自己就点几下。我需要4张，我就点3下（因为已经有了一张）。
之后点击下图中红色方框内的“复制当前帧”，在动画栏里的帧数等于你自己刚才建立图片的张数。 也就是说有几张图片就需要有几帧，如图： 下图中红色方框代表你当前选中（编辑）的图层，所以这个图层在这里的背景是蓝色的，而绿色方框内的“眼睛”表示当前你所能看到的图层，当然你也可以全部选择，这样你就能将这个图片上的所有图层全部看到。（如果想要看到哪个层，就点击下想要看到的那个层前面“眼睛”的位置）如下图： 最关键的一步：当然也要选择好“动画栏”里的那个帧（被选中的那一帧会有个蓝色的方框，如下图），就是说你需要这张图片显示在哪一帧帧，
PS动画制作教程1
本教程内容来源于因特网，本人只对其进 行了归纳整理，版权归原作者所有；如需帮助，可在 此留言：https://www.360docs.net/doc/ad8285665.html,/80489354/， 谢谢！ 本人提供电脑维护与设计类服务，包括电脑系统维护、远程诊断、数据恢复，系统个性化定制、家庭网络组建；平面广告设计、标志logo设计、照片美化与修复，有意者可以留言。
PS动画制作教程 动画初识（上） 动画形成原理是因为人眼有视觉暂留的特性，所谓视觉暂留就是在看到一个物体后，即时该物体快速消失，也还是会在眼中留下一定时间的持续影像，这在物体较为明亮的情况下尤为明显。最常见的就是夜晚拍照时使用闪光灯，虽然闪光灯早已熄灭，但被摄者眼中还是会留有光晕并维持一段时间。 对这个特点最早期的应用，我们上小学时也许就都做过了，就是在课本的页脚画上许多人物的动作，然后快速翻动就可以在眼中实现连续的影像，这就是动画。需要注意的是，这里的动画并不是指卡通动画片，虽然卡通动画的制作原理相同，但这里的动画是泛指所有的连续影像。 总结起来，所谓动画，就是用多幅静止画面连续播放，利用视觉暂留形成连续影像。比如传统的电影，就是用一长串连续记录着单幅画面的胶卷，按照一定的速度依次用灯光投影到屏幕上。这里就有一个速度的要求，试想一下如果我们缓慢地翻动课本，感受到的只会是多个静止画面而非连续影像。播放电影也是如此，如果速度太慢，观众看到的就等于是一幅幅轮换的幻灯片。为了让观众感受到连续影像，电影以每秒24张画面的速度播放，也就是一秒钟内在屏幕上连续投射出24张静止画面。有关动画播放速度的单位是fps，其中的f就是英文单词Frame(画面、帧)，p就是Per(每)，s就是Second(秒)。用中文表达就是多少帧每秒，或每秒多少帧。电影是24fps，通常简称为24帧。 现实生活中的其他能产生影像的设备也有帧速的概念，比如电视机的信号，中国与欧洲所使用的PAL制式为25帧，日本与美洲使用的NTSC制式为29.97帧。如果动画在电脑显示器上播放，则15帧就可以达到连续影像的效果。这样大家以后在制作视频的时候，要想好发布在何种设备上，以设定不同的帧速。 人眼的辨识精度其实远远高于以上几种帧速，因为人眼与大脑构成的视觉系统是非常发达的。只是依据环境不同而具备有不同的敏感程度，比如在黑暗环境中对较亮光源的视觉暂留时间较长，因此电影只需要24帧。顺便说句题外话，只有少数动物的眼睛能在某些方面超过人类，但都同时在其他方面存在严重缺陷。如“细节之王”鹰是色盲，而“夜视之王”猫头鹰的眼珠固定，要转动头部才能观察周围。 在我们前面所学的课程中，Photoshop只是被用来制作比如海报、印刷稿等静态图像的，我们提到过它具备动画制作的能力。现在我们就是要在Photoshop中去创建一个由多个帧组成的动画。把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上的连续性，令动画成型。
如何用Photoshop制作动画图片
如何用Photoshop制作动画图片 只要是photoshop6.0以上的就自带ImageReady 应该很多朋友还没有运用到这个，今天介绍的就是2个结合一起用的 也许这样的图片很多软件都可以，但是下了PS当然就要多用拉 先找到你要做的原图 第一步： 启动photoshop，并打开需要的两幅图！ 第二步： 点击图象大小 会弹出修改框，修改宽度和高度的像素。注意下面红线里的约束比例！要改成非比例的大小就把勾点去！然后将两副图片的大小调一致！ 第三步 很多JPG格式的图在photoshop8.0里锁定的，所以双击图层里的背景项，会弹出一个选项框，选择好~将背景变为图层！（同理，另一幅图片也这么做。但注意在photoshop里通过点击图片来改变当前编辑的图片，所以改另一副图先点击一下） 第四步 选择左边工具条上面左边的工具！ 然后点住一幅图片将它拖至另一副图片里！ 这时在图层里应该是有两个图层！ 将两个图片根据画面的大小对对好~按保存！ 第五步： 这时启动ImageReady，打开你刚保存的图片，这时应该显示两个图层！ 第六步： 在动画工具条里点击“复制当前帧”。复制后，在动画里会显示有两个帧！ 第七步： 点击动画工具里的“过度...”按扭！ 点击后会出现过度对话框！在“要添加的帧数”里选择你希望的帧数，默认是5，这里我们选择4，然后点击“好” 这时下面动画栏里会显示有6个帧！ 第八步 这时看看图层里的当前图层是否为上面的图，不是的话点击来改变当前图层！（注意有兰色条显示的就是当前图层！） 选择好当前图层后，点击动画栏里第二个帧！ 点中后第二帧应该是兰色的！ 然后在图层栏那边改透明度！将其从100%改为80% 第九步 接着选择第三个帧 将其不透明值改为60% 第十步： 同样的方法点击第4帧！将其不透明值改成40%。
制作层动画-时间轴
制作层动画 动态HTML（即DHTML）是指HTML 与一种脚本撰写语言的组合，您可以使用该脚本撰写语言更改HTML 元素的样式或定位属性。在Dreamweaver 中，时间轴使用动态HTML 来更改层和图像在一段时间内的属性。使用时间轴可创建不需要任何ActiveX 控件、插件或Java Applet（但需要JavaScript）的动画。 注意 动态一词在与Web 相关的不同上下文中具有不同含义。不要将动态HTML 与动态Web 页的概念相混淆，后者表示在向访问者提供Web 页之前由服务器端代码动态生成的Web 页。 利用时间轴，您可以更改层的位置、大小、可见性和层叠顺序。（时间轴的层功能只能在 4.0 或更高版本的浏览器中使用。）对于要在页加载后执行的其他操作，时间轴也非常有用。例如，时间轴可以更改图像标签的源文件，因此一段时间内有不同的图像出现在页面上。 若要查看由时间轴生成的JavaScript 代码，请打开“文档”窗口的代码视图。时间轴代码位于MM_initTimelines 函数中（在文档的文件头部分的脚本标签中）。 当编辑包含时间轴的文档的HTML 时，请确保没有移动、重命名或删除时间轴所引用的任何内容。 Dreamweaver3 图层应用技巧（三）出处： PConline 责任编辑： [01-11-24 0:15] 作者：icefire/酷页 zwg 在Dreamweaver中不能对一般的普通文字直接予特效，这可能是设计者当初没有想到这个问题。真的不能吗？当然可以，仅需你改一点代码，先看看效果。 >>如何赋予文字图层特效（请看范例）
1.先输入你要做特效的文字，为它做一个链接，随便是什么链接。 2.建一个图层,设为(hidden)隐含,由于特效可以在链接上实现，先把图层特效在链接上做好。 3.链接的标签是与，我们现在做的事就是把与用与替换就可以达到目的。当然也有一些别的特效可以在文字上实现。如OnClick，Popup Message等，只要是能在链接上实现的特效，一般都可以在文本文字上实现。 >>Timeline 的基本应用（请看范例） TimeLine（时间轴）是Dreamweaver最精华的一点，也是Macromedia最为骄傲的。用TimeLine做动画可以满页飞，动画的实现主要是通过Java Script语句来完成的，你不必为不懂java script而苦恼，在DW中你只需用鼠标点几下就ok。DW动画是建立在图层上的，也就是说没有图层的参与DW动画就不可能实现，这是我为什么把TimeLine归纳为图层应用的原因。 先让我们熟悉一下TimeLine面板，按键盘Ctrl+F9或Window->TimeLine打开面板如下图： 1.时间轴选择框，它列出了当前所有时间轴动画名称，方便你选择编辑。 2.帧控制按钮，最左边的的按钮功能是回到第一帧，剩下的分别是向左或向右移动一个帧。
巧用时间轴控制视频的回放
巧用时间轴控制视频的回放 河南省方城县杨集乡第一中心小学刘延新 在Flash中，导入的视频剪辑相当于一个元件，使用时，从“库”面板中将它拖到舞台，此时视频剪辑便成了实例，可以使用任意变形工具改变它的大小、形状等；播放Flash动画时，播放头到达视频剪辑实例所在的关键帧，视频便开始播放。 我们可以在动画中控制视频的回放，如开始、暂停、停止等，下面我们以实例说明。 步骤1：设置Flash文档大小为320×270像素，背景为深蓝；从文件中导入一个视频，导入到舞台，将舞台上的视频剪辑实例转换为影片剪辑元件，命名为“视频”。转换时，会出现一个提示框告诉你视频需要的帧数，询问你是否在影片剪辑中插入时间帧，单击“是”按钮便可以了。 步骤2：将“视频”实例拖到舞台合适的位置，如图所示，用选择工具选中“视频”实例，然后从“属性”面板中为其输入一个名称“sp”，名称可以自定。 步骤3：可使用按钮来控制视频回放。打开公用库，从它里面将“播放”、“暂停”、“停止”、“快进”、和“后退”按钮拖到舞台，也
可以自己新建这些按钮元件。 步骤４：要让这些按钮控制视频回放，还需要为每个按钮添加动作脚本。首先选中舞台上的“播放”按钮实例，打开“动作”面板，然后输入动作脚本。1、on (release)2、_root. sp.play。 步骤5：分别选中舞台上的“暂停”、“停止”、“快进”和“后退”按钮实例，从“动作”面板中为它们输入相应的动作脚本。 暂停按钮的脚本：on (release) _root. sp.stop( )。 停止按钮的脚本：on (release) _ root. sp.gotoAandStop(1) 前进按钮的脚本：on (release) nextFrame( ) 后退按钮的脚本：on (release prevFrame( ) 除此以外，我们还可以通过“行为”控制视频播放。 最后按下Ctrl+Enter组合键预览动画，观察其效果。
PS做动画
新建一个150×150的空白图像，新建一个图层并画上一个矩形，大致如下左图所示，图层调板如下右图。从中可以看出这是一个普通的点阵图层，大家在实际操作中应尽可能使用矢量图层，在后面的教程中我们也会注意这一点的。 通过【窗口_动画】开启动画调板，如下左图所示。而此时图层调板也多出了一些选项，如下右图红色箭头处。如果将动画调板关闭则恢复到原先。这里暂时不用去理会。另外动画调板经常与测量记录调板组合在一起，后者与我们目前的内容并无关系，可将其关闭。
在开启了动画调板后，我们就可以开始制作动画了，在动画调板中点击红色箭头处的“复制所选帧”按钮，就会看到新增加了一个帧。如下图所示。按照我们以前的习惯，这个图标应该表示为新建，如新建图层等，在这里虽然字面上的解释是复制，但其实也是一种新建，只不过这新增加出来的帧其实和前一个帧是相同的内容。相应的，大家也应该能想得到按钮的作用就是删除帧。 确认动画调板中目前选择的是复制出来的第2帧，然后使用移动工具将图层中的方块移动一定距离，大致如下左图所示。此时动画调板如下中图所示。可以看到虽然在第2帧中方块的位置发生了改变，但在原先第1帧中方块的位置依然未变。这是一个很重要的特性。 重复几次这种先复制帧再移动方块的操作，最终得到如下右图所示的样子(类似即可)。现在我们拥有了7个帧，且每个帧中方块的位置都不同。注意这句话“每个帧中方块的位置
都不同”，再看看图层调板，很明显只有一个图层存在(背景层暂且不算)，这就引出一个特性：对一个图层来说，它的位置(或坐标)在不同帧中可以单独指定。按照这个特性，我们使用一个图层就可以做出物体移动的动画。 现在大家可以按下动画调板中的播放按钮，在图像窗口就可以看到方块移动的效果了，只是移动的速度很快。这是因为没有设置帧延迟时间。注意动画调板中每一帧的下方现在都有一个“ 0秒”，这就是帧延迟时间(或称停留时间)。帧延迟时间表示在动画过程中该帧显示的时长。比如某帧的延迟设为2秒，那么当播放到这个帧的时候会停留2秒钟后才继续播放下一帧。延迟默认为0秒，每个帧都可以独立设定延迟。 设定帧延迟的方法就是点击帧下方的时间处，在弹出的列表中选择相应的时间即可。如下左图所示，将第7帧设为0.5秒。列表中的“无延迟”就是0秒，如果没有想要设定的时间，可以选择“其他”后自行输入数值(单位为秒)。也可以在选择多个帧后统一修改延迟，选择多个帧的方法和选择多个图层相同，先在动画调板中点击第1帧将其选择，然后按住SHIFT 键点击第6帧，就选择了第1至第6帧。然后在其中任意一帧的时间区进行设定即可，如下
教你如何在PHOTOSHOP在然后打开GIF动画文件
教你如何在PHOTOSHOP在然后打开GIF动画文件 Photoshop CS3相比其它版本在功能上有了很多改进，这需要在使用过程中慢慢熟悉。也许在安装时你就已经发现，cs3版本已经没有了以往的Image Ready附件，在面板的左下方也找不到那个由photoshop到动画的切换图标了。下面介绍在cs3中打开动画面板的方法。 1、你要确认你的电脑上已经安装了QuickTime 7.1以上的版本（点击这个里下载最新版本的QuickTime）。 2、打开Photoshop CS3，在窗口菜单里将“动画”勾选。 3、点击击打开“文件”，点击“文件＞导入＞视频帧到图层”。若你电脑上已经有QuickTime 7.1以上的版本，将会弹开新的窗口，若没有安装或者版本在7.1以下，会有提示您没有安装QuickTime。QuickTime最新版本下载地址在步骤1上面。 4、弹出的浏览窗口默认情况下没有GIF，只能开启视频格式MOV、AVI、MPG、MPEG，没关系，只要在“文件类型”选择“QuickTime影片”，并且在“文件名”处键入“*.*”，再点击“载入(L)”按钮，然后选择要打开的GIF格式动画图片就行了。
5、这时看到的是不是有熟悉的感觉了？如果你看到的不是如图所示，那就要点击红色标识处了。Cs3在视频处理和编辑上又下了些功夫，原来的动画处理整合了视频处理功能。原来的小动画由“动画（帧）”分管，视频则由“时间轴动画”实现管理。
6、如果想切换到photoshop，就点击“窗口”，将勾选的“动画”取消，在photoshop中进行图层的修饰。 7、制作或者修改完之后保存为“web使用格式”就可以发布了！AA25注：这各方法虽然可以便捷地用PS CS3打开gif，但有一个缺陷是gif图片背景如果是透明的，导入后会变成白色的。 另外再提供一种借助第三方软件Ulead GIF Animator v5.05将其导出为psd，然后再在ps里编辑，但也有一点导入后只能导入图层，不能导入帧，怎么使用就看你自己的。再或者可以安装个以前版本的imageready，前提是你不嫌麻烦而且追求完美的话。
PS动画所有知识详解
动画形成原理是因为人眼有视觉暂留的特性，所谓视觉暂留就是在看到一个物体后，即时该物体快速消失，也还是会在眼中留下一定时间的持续影像，这在物体较为明亮的情况下尤为明显。最常见的就是夜晚拍照时使用闪光灯，虽然闪光灯早已熄灭，但被摄者眼中还是会留有光晕并维持一段时间。 对这个特点最早期的应用，我们上小学时也许就都做过了，就是在课本的页脚画上许多人物的动作，然后快速翻动就可以在眼中实现连续的影像，这就是动画。需要注意的是，这里的动画并不是指卡通动画片，虽然卡通动画的制作原理相同，但这里的动画是泛指所有的连续影像。 总结起来，所谓动画，就是用多幅静止画面连续播放，利用视觉暂留形成连续影像。比如传统的电影，就是用一长串连续记录着单幅画面的胶卷，按照一定的速度依次用灯光投影到屏幕上。这里就有一个速度的要求，试想一下如果我们缓慢地翻动课本，感受到的只会是多个静止画面而非连续影像。播放电影也是如此，如果速度太慢，观众看到的就等于是一幅幅轮换的幻灯片。为了让观众感受到连续影像，电影以每秒24张画面的速度播放，也就是一秒钟内在屏幕上连续投射出24张静止画面。有关动画播放速度的单位是fps，其中的 f就是英文单词Frame(画面、帧)，p就是Per(每)，s就是Second(秒)。用中文表达就是多少帧每秒，或每秒多少帧。电影是24fps，通常简称为24帧。 现实生活中的其他能产生影像的设备也有帧速的概念，比如电视机的信号，中国与欧洲所使用的PAL制式为25帧，日本与美洲使用的NTSC制式为29.97 帧。如果动画在电脑显示器上播放，则15帧就可以达到连续影像的效果。这样大家以后在制作视频的时候，要想好发布在何种设备上，以设定不同的帧速。 人眼的辨识精度其实远远高于以上几种帧速，因为人眼与大脑构成的视觉系统是非常发达的。只是依据环境不同而具备有不同的敏感程度，比如在黑暗环境中对较亮光源的视觉暂留时间较长，因此电影只需要24帧。顺便说句题外话，只有少数动物的眼睛能在某些方面超过人类，但都同时在其他方面存在严重缺陷。如“细节之王”鹰是色盲，而“夜视之王”猫头鹰的眼珠固定，要转动头部才能观察周围。 在我们前面所学的课程中，Photoshop只是被用来制作比如海报、印刷稿等静态图像的，我们提到过它具备动画制作的能力。现在我们就是要在Photoshop中去创建一个由多个帧组成的动画。把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上的连续性，令动画成型。 现在很多使用Flash制作的动画都可以附带配音和交互性，从而令整个动画更加生动。而Photoshop所制作出来的动画只能称作简单动画，这主要是因为其只具备画面而不能加入声音，且观众只能以固定方式观看。但简单并不代表简陋，虽然前者提供了更多的制作和表现方法，但后者也仍然具备自己的独特优势，如图层样式动画就可以很容易地做出一些其它软件很难实现的精美动画细节。再者，正如同在纸上画画是一个很简单的行为，但不同的人画得好坏也不相同。因此优秀的动画并不一定就需要很复杂的技术，重要的是优秀的创意。 无论是哪一个软件，它们的制作原理都是相同的，正如同我们曾经刻苦学习的RGB色彩模式一样，到哪里都能应用上。所以我们现在的任务是利用已经学到的Photoshop基础知识，将它扩展到动画制作上，从中学习到制作动画的一般性技
ps动画教程实例.
ps动画教程实例 ps动画教程实例 PS教程 ps动画教程实例ps动画教程实例(2008-09-02 19:38:00) 标签：杂谈 原图和制作后的效果：一、制作方法，首先打开PS新建一张与原图一样大小的黑色画布来。使用椭圆选框工具制作出下图所示的同心圆环效果，画好后把圆环的几个图层合并，拖到素材图片里面，中心位置跟素材图片中心一致： 二、选择同心圆背景按Ctrl键，同心圆环图层调出图层选区，然后选择----羽化（数值为6），然后回到背景图层按Ctrl + J复制一层（图层2），如图下图：三、按 Shift + Ctrl + X 进入液化面版，选择膨胀工具，然后在圆环上涂抹，这样涂抹的部分就会膨胀，涂的时候要顺着圆圈涂，用力要均匀。大的圆环需要大一点的笔画，涂好后按确定： 四、回到圆环图层那层，按Ctrl + T，然后在上面的属性栏把宽和高等比例放大20%，然后确定，再按Ctrl点图层调出图层选区，然后选择----羽化（数值为6），回到背景图层按Ctrl + J再复制图层（图层3）： 五、把图层3，同样。按照上面的方法液化处理，然后把圆环再放大20%，这样重复4次，不过放大的时候如果最里面的圆环太大，需要适当补充一个小圆环，下图为制作好的所有图层： 六、点工具栏最下面的按钮进入IR面版。动画栏新建5个桢，时间设置为0.2秒。设置与动画相应的桢： 七、设置好后，按下播放按钮播放预览，然后选择菜单：文件--- 储存优化结果，保存为GIF格式就OK 了！ ==================== 一、PS制作，用PS制作动态的水波倒影需要下载滤镜插件，点击即可进入下载此滤镜的插件，下载解压后，把此插件放入到:\Photoshop.CS2.chs\Plug-Ins\滤镜文件夹中。下面说一下制作方法：（1）、在IR中打开图片，在公共菜单栏点击图像---画布大小，加长一下图片下方的画布： （2）、在透明处填充白色： （3）、填充后，在动画栏复制4帧： （4）、复制后点动画栏右上方的小三角---将帧拼合到图层，这样每个帧都有对应的图层： （5）、下面我们首先编辑第一帧（第一图层），点击滤镜----Flaming pear----Flood 104，进入水波滤镜菜单栏。这里是我设的数值，其实数值可以自定，可以调节出很多种动态的水波效果。设置好数值后点击确定---OK第一帧做出来 了：（6）、下面再点击第二帧（第二图层），同样也是点击滤镜----Flaming pear----Flood 104，进入水波滤镜
利用PS制作gf动画
利用PS制作gf动画
————————————————————————————————作者：————————————————————————————————日期：
利用PS制作gif动画 陈华明 所谓动画，实际上就是由若干幅具有连贯动作的图片逐幅连续播放的画面。通常认为，“幅”就是专业术语中的“帧”。实际上两者还是有差异的。帧是指视频播放过程中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。而幅则是通过绘制或拍摄后得到的静止画面。视频制作过程中，对于每帧播放时间相对固定的视频格式，有时候为了延长一幅画面的逗留时间，一幅可以横跨几个帧。所以，幅的概念大于等于帧。一个动画可以仅仅播放一次，例如在动画视频中；也可以连续循环无限制播放，例如网络上流传广泛的gif动画(当然，gif也可以根据作者的要求，播放指定的次数)。在PS软件中，就具有制作动画的功能。PS制作的动画格式通常为gif。本文就是就PS制作gif动画的方法做一个介绍。 我们可以试一试。打开PS工具。点击上面菜单“窗口”，如下： 在“动画”前面打“√”。于是，PS界面下方出现浅色长条形动画面板。如下：
如果显示的不是“动画(帧)”，而是“测量记录”，可以点击“动画(帧)”切换过来。 下面打开若干具有连续动作的独立画面。可以一次性将选中的画面全部打开。（操作过程：点中第一幅，然后按住“Shift”，同时点击最后一幅，即可将图片全部选中。或者，点住鼠标左键自左至右或自右至左画一个方框，将前部图片画在框内，也能将图片全部选中。再点击“打开”。） 于是，PS界面上方出现若干图片选项卡。如下： 由于是全部选中一起打开，PS会自动从第一幅到最后一幅顺序打开。所以选项卡也是从左至右依次排列。可以看一下，最左边的是“01”，最右边的是最后一幅“08”，而且“08”选项卡颜色呈现浅灰亮色。说明现在PS画面上的图就是“08”。 我们就以“08”为基准来制作动画。 在“08”打开的状态下，也就是“08”选项卡呈现浅灰亮色的情况下，检查PS界面右侧“图层”板块是否显示。如图：
第七讲 场景与时间轴动画
第七讲场景与时间轴特效动画 一、场景 1．增加场景与切换场景 在 Flash 影片中，演出的舞台只有一个，但在演出过程中，可以更换不同的场景。 (1)增加场景 (2)切换场景 2．“场景”面板的使用 单击“窗口”→“其他面板”→“场景”菜单命令，可以调出“场景”面板，利用该面板，可显示、新建、复制、删除场景，以及给场景更名和改变场景的顺序等。 (1)改变场景播放顺序 (2)新建场景 (3)重制场景 (4)删除场景 (5)更改场景名称 二、帧的基本操作 1．选择帧 编辑帧以前应先选中要编辑的帧。在时间轴中选中若干帧，然后单击右键，即可调出帧快捷菜单，常常需要使用帧快捷菜单中的菜单命令来编辑帧。选择帧的方法如下。 (1)选中一个帧 (2)选中连续的多个帧 (3)选中一个图层的所有帧 (4)选中多个连续图层的所有帧 (5)选中多个图层的所有帧 (6)选择所有帧 2．移动帧、复制帧和调整关键帧的位置 (1)调整关键帧的位置 (2)鼠标移动帧 (3)复制帧和移动帧 3．插入帧、删除帧和转换为关键帧 (1)插入普通帧：单击选中要插入普通帧的帧单元格，然后按 F5 键。这时就会在选中的帧单元格中新添加一个普通帧，该帧单元格中原来的帧以及它右面的帧都会向右移动一帧。 (2)删除帧：选中要删除的一个或多个帧，单击帧快捷菜单中的“删除帧”菜单命令。
(3)插入关键帧：选中要插入关键帧的帧，按 F6 键或单击帧快捷菜单中的“插入关键帧”菜单命令。 (4)插入空白关键帧：选中要插入空白关键帧的帧，按 F7 键或单击帧快捷菜单中的“插入空白关键帧”菜单命令。 (5)清除关键帧：选中要删除的关键帧，单击帧快捷菜单中的“删除关键帧”菜单命令。此时，原关键帧中的内容会被前面的关键帧内容取代。 (6)清除帧：选中要清除的帧，单击帧快捷菜单中的“清除帧”菜单命令，可将选中的帧中的内容清除，使该帧成为空白关键帧。 (7)转换为关键帧：选中要转换的普通帧，然后单击帧快捷菜单中的“转换为关键帧” (或“转换为空白关键帧” )菜单命令，即可将普通帧转换为关键帧(或空白关键帧) 。 三、时间轴特效动画 1．时间轴特效动画简介 时间轴特效是Flash 8 中内置的一组动画效果，可以通过执行时间轴特效来快速创建复杂的动画。时间轴特效有“变形”、“转换”、“分离”、“展开”、“投影”和“模糊”等特效。它们的操作步骤很简单。可以对文本、图形、图像和元件实例等对象应用时间轴特效。 当将时间轴特效应用于舞台工作区中的对象，创建完一个时间轴特效后，“库“面板中会自动添加一个与该时间轴特效同名的文件夹，它包含有该时间轴特效所用到的所有元素。当一个对象创建了时间轴特效后，Flash 将为这个时间轴特效创建一个图层，并将对象放置在该图层中，动画所用到的所有补间、变形等都在该图层中。 2．编辑时间轴特效 （1）选中有时间轴特效动画的图层，单击“修改”→“时间轴特效”→“编辑特效”菜单命令，即可调出相应的对话框。 （2）在调出的对话框内进行参数修改后，单击该对话框内的“确定”按钮，即可完成时间轴特效的编辑。 四、案例 案例1图像切换 “图像切换”动画的显示效果是先显示第1 幅图像，接着第 1 幅图像从左向右淡出涂抹，同时由不透明变为透明，逐渐将第 2 幅图像显示出来；然后第2 幅图像逐渐旋转、缩小、移出左上角，逐渐将第 3 幅图像显示出来。动画播放后的2 幅画面如图4-4-1 所示。通过本实例的学习，掌握使用“转换”时间轴特效功能制作动画的方法。该动画的制作方法如下。
时间轴制作
简介:时间轴制作动画是我们主要的动画制作方式，本篇教程开始正式学习利用 imageready的时间轴来制作动画。 此刻我们正是开始运用时间轴来打造动画，这和我们前面的帧式动画有非常大不同，但相比之下时间轴方式来的更直观与简便，还是我们以后最主要的打造方式。 继续上一课的内容，开始设置“悄然来去”的动画。在时间轴调板中展开这个文字层的动画项目，见下图。确保当前时间为0:00:00:00，同时留意红色箭头处的时间标杆应位于最左 端，这就表示是处于起始时刻。 继续用拖动工具把“悄然来去”拖动到画面的右端。之后在单击橙色箭头处的秒表按钮，这表示启动了“地方”这一动画项目，并且把目前该文字层的地方(画面最右端)记录在起始时刻。时间轴区域中出现的黄色菱形就是该处包含记录的标志，这也称为重点帧，是时间轴的 重点帧，和我们之前学习的过渡帧动画不同。 把时间标杆拖到最右半，运用拖动工具把文字拖动到画面最左端，这时会看到时间轴上的标杆处主动产生了一重点帧。见下图，并且留意在红色箭头处有一菱形的“删除/加上”按钮，这个时候假如按下该按钮，把会删除时间标杆处已新建的重点帧。假如标杆处没有重点帧， 单击则可新建一新帧。 想要留意的是，在这儿我们的时间标杆往右最多只能拖动到04:04时刻处，而不是05:00。这是由于05:00是动画最后结束的时刻，是“最终一帧结束时”的时刻，但我们此刻想要设置的是“最终一帧开始时”的状态，而最终一帧本身把停留一段时间。因此标杆并不会位于 05:00时刻。要记住帧是最小的单位。
通过上面的设置我们做完了“悄然来去”文字的地方拖动设置。继续来设置其透明度变化。我们先弄个简易的，就是从开始时淡入，执行到一半时完全显现，之后淡出直到结束。如此就想要3个重点帧执行设置，在开始时刻设置为0%，一半时设置为100%，结束时再设置成0%就可以了做完。大概见下图。留意在时间轴方式下不要通过隐蔽图层实现透明度变化。当我们在步骤1中把重点帧1设置成0%后，假如向后拖动时间标杆，会发觉在所有时间内透明度都是0%。在步骤2中设置重点帧2后，会发觉12之间已有过渡效果，但重点帧2然后直到结束时，文字都始终显示。这就带出时间轴一非常重要的性质：某个时刻的重点帧设置会影响该时刻然后的所有时间。所以重点帧1的设置导致了然后所有时间内(12之间、23之间)文字图层全程都是0%。而当重点帧2设置后，既在12之间形成了过渡，也导致了23之间变只为全程100%。直到重点帧3设置做完，23之间形成过渡。 在设置的顺序上，并不想要完全遵从上述的顺序。“悄然来去”本来就是100%的状态，如此我们可先在一半时刻新建重点帧，而并不想要设置不透明度，由于这个时候就应该设置成100%。之后再在开始与结束时刻新建重点帧并调节为0%。 撤销前面的设置，按照新顺序来执行，也就是从一，二，3的顺序改成二，一，3。因为开始与结束时刻(1和2)的不透明度是同样的，所以我们可通过复制粘贴重点帧的技法来做完。第一步新建这两个重点帧，设置好开始时刻后，在时间轴中该重点帧的标志上单击右键，选取“复制重点帧”，之后在结束时刻的标志上单击右键选取“粘贴重点帧”，如此就把前者的设置拷贝到了后者之中。顺序也可相反。这种技法可在所有已存在的重点帧之间执行操作。
iH5初级教程：动画必备,灵活运用时间轴
iH5初级教程：动画必备，灵活运用时间轴微信H5页面中控制物体运动的效果不用PS也可以做出来，可以灵活的运用iH5的时间轴来控制物体的运动等。 工具/原料：iH5面编辑工具、图片 第一步： 1、选中舞台，将舞台的宽高设置为1024*768px，背景颜色设置为灰色 2、，添加时间轴。选中舞台，点击工具栏里的“时间轴”图标，在舞台下添加时间轴1。时间轴1属性面板设置总时长6秒，自动播放YES，循环播放NO。 第二步：添加图片。 1、选中时间轴 2、点击工具栏里“图片”图标 3、点击“上传”在时间轴下添加需要移动的图片。
4、添加4张图片，背景文字，近，中，远。 第三步：添加轨迹。 1、选中图片 2、点击工具栏里的“轨迹”图标 3、在需要移动的图片下添加一个轨迹。 第四步：添加关键帧。
1、选中轨迹 2、给每个轨迹添加关键帧，点击时间轴上的Add按钮 3、选中关键帧，调整图片的位置，关键帧的图片位置设置好就会有图片移动的效果，就像动画一样。
第五步： 1、选中近图片，点击工具栏时间轴工具，添加时间轴。总时长2秒。自动 播放yes，循环播放为yes。 2、选中时间轴，点击工具栏图片工具，在舞台上画一个区域添加花的图片。 3、选中花的图片，点击工具栏轨迹工具，添加轨迹。
4、点击时间轴窗口的ADD，添加关键帧，在时间轴窗口的第一个框里填2，点回车，花图片属性面板旋转720度，点ADD添加关键帧。 第五步：添加交互事件。 1、选中时间轴 2、点击工具栏里的“事件”图标 3、在时间轴下添加交互事件，可以用来控制时间轴的循环播放、，也可以当时间轴播放到特定时间的时候去控制其他物体的运动或隐藏。