如何用photoshop做gif动态图片,怎么用PS做出gif动态图片

1、如何用photoshop做gif动态图片，怎么用PS做出gif动态图片篇一：教你如何用PS制作出完美的GIF动画教程UI设计师成长笔记：GIF动画教程作者：洋洋老师PhotoshopCC的功能是非常强大，不仅可以修照片、做设计，它还可以进行GIF动画的设计和制作，那么如何用PS制作GIF动画呢？如何将图片设置成一个动画帧呢？下面就给大家详细介绍一下：1 .首先打开PS软件。2 .文件一一打开一一选择你要制作的几张图片。如图所示：3 .把图片统统打开，然后添加到一个文件中，童鞋们可根据自己的需求增加图层，初学者可以做简单点。如图所示：4 .动画的顺序是按照图层从下网上依次显示，此时关闭其余小眼睛

2、，修改”图层15”为海洋星母婴生活馆”,以此类推，调整好位置后，这样做出的动画比较整齐不会窜位！也不会晕滴！如图所示：5 .接下来开始正式制作GIF,打开窗口一时间。如图所示：6 .我这里有17个图层，把这17个图层里的图片要全部拖到一个轴里。7 .点击时间轴右上角按钮，转换帧转换为帧动画。如图所示：8 .这里有17个图层，就有17帧，点击第17帧右下角按钮，就会弹出设置窗口，参数设置“0.附”，其余16帧设置“0.抄”。如图所示：9 .左下角循环选项中我这里选择的是“软”，可根据自己的设计调整循环次数。如图所示：10 .最后我们按图所示的选择，然后导出。文件-存储为web和设备所用格。如图所

3、示：11 .弹出存储窗口，注意选择GIF格式，在存储前可以先预览一下效果，如果有满意的地方可以调整好后再存储。如图所示：12 .至此教程结束篇二：最有用的用PS来做GIF的最全教程如何制作用photoshop制作gif动画图片指导PHOTOSHOPCS最新版gif超强动画功能，还能加音频1第1步新建Photoshop文档，选择File（文件）New（新建）。在弹出的NewDocument（新建文档）对话框中，从Presets（预设）列表中选择Film&Video（影片及视频）。第2步：Size栏选择NTSCDVWidescreen（NTSCDV宽频），这用于设置文档尺寸，宽高比以及动画

4、帧每秒以满足NTSC®频标准。第3步："Laye图层）菜单中，选择VideoLayers（视频层）NewVideoLayerFromFile（从文件新建视频层）。找到视频Freemooiseoverwater.mov并单击Open。介于视频文件的大小，你可从下再第4步时间线面板中，你会发现视频层出现在时间轴中了。若没有，那从Timeline（时间线）面板中选择CreateVideoTimeline（创建视频时间线）就会出现。第5步现在呢，我们要调整视频画面大小以适应舞台。按Cmd+T（Windows系统则为Ctrl+T）来自由变换。此时将会提示警告说视频将转换成智能对象（S

5、martObject）。单击OK并调整视频尺寸使其适应舞台。按住Shift键来调整可以保持视频的宽高比。在时间线面板的底部有一滑块，左右拖动将缩放时间线刻度使其展示动画帧数的变化。而通过Timeline面板顶部的帧数可以获晓此变化。第6步使用Type（文字）工具，在屏幕中央写下“Adobe®下图大小。注意，一个新的动画层出现在时间轴上了，这样文字就能进行动画了。第7步时间线面板中，单击文字层旁边的小三角并单击Transform（变换）属性旁边的小秒表图标。这样您就可以变换文字效果如移动，缩放。第8步将时间轴的当前时间指示器移到帧号03:00f（表示动画第三秒）。第9步如下图放大文字并

6、将其放置于屏幕中央。第10步将当前时间指示器移到帧号02:00f（表示动画第二秒）。第11步单击秒表图标旁边的Opacity属性。这将激活文字动画的透明度。第12步现在，将当前时间指示器移到文字动画的末帧，即03:00f。在图层”面板中设置文本透明度为0。第13步再次将时间指示器移到帧号02:00f。这样在第一个文本淡出之时将创建一个新文本。第14步使用文字工具，创建个新的文本“Photoshop。彳象之前那个步骤那样放置在屏幕中央并调整大小。第15步单击Transform属性层旁边的秒表图标。第16步将时间指示器移到帧号05:00f（表示动画第五秒）。如先前步骤那样放大文字。第17步将时间指

7、示器移到帧号04:00f,单击Opacity（透明度）属性旁边的秒表。第18步再次将当前时间指示器移到文字动画的末帧05:00f。在图层”面板中设置文本透明度为0。第19步将时间指示器移到帧号04:00f并新建文字层。在此层上添加字符“CS6”第20步重复前面的步骤，放大和变换文字的透明度。这样我们就有三个文字动画在第七秒淡出。第21步将时间轴指标移动到视频动画层的末尾。第22步在时间线面板的左上方，选中剪刀图标旁边的方形过渡图标。此图标将打开一个浮动菜单显示可用的过渡效果。第23步选中淡出至黑屏效果（FadetoBlack）并将其拖到视频动画层末尾，这样此效果将应用到动画末尾。按键盘上的空格

8、键或单击时间线面板的“Pla蟠放）'按钮可预览动画效果。第24步现在我们要给动画添加音轨。时间线中的最底层名为音轨（AudioTrack）。单击音频层右侧的音乐图标并选择AddAudio（添加音频）。然后，单击“Open（打开）'将其添加到时间线上。第25步在动画末尾，单击音频层的三角标，设置淡出的值为1秒。拖动视频层末端可进行裁剪，这样结束时刻就能够与音轨同步。至此我们已经完成了动画的创建。接下来的步骤，我们要将动画渲染成视频格式：第26步在时间线的帧编号的上方，你会在时间线层的开头和结尾发现两个括号。确保俩括号之间不含动画之外的帧，括号之间的帧即为将被渲染的帧。（十按，这就

9、是出点跟入点啦，相信熟悉AE的孩纸一定知道，说的这么晦涩，爷翻得也很晕=）第27步文件菜单中，选择Export（导出）Render（渲染视频）。第28步RenderVideo（渲染视频）对话框中，设置视频保存的名称与路径。第29步设置渲染格式为AdobeMediaEncoder并选择QuickTime格式。Preset设为HighQuality（高品质），Size（K寸）和framerate（帧频）也要设置。在range（范围）区块，将渲染区设置为WorkArea（工作区），这样就只会渲染括号内部的帧了。本教程我们综述了如何在PhotoshopCS6里利用增强时间线面板创建视频动画。Photo

10、shop中与动画相关的功能选项众多，本教程概述视频建设的过程，这样一来你可以自行探索PhotoshopCS6其他的动画功能。只要是photoshop6.0以上的就用自带ImageReady,先找到你要做的原图，然后第一步：启动photoshop,并打开需要的两幅图！第二步：会弹出修改框，修改宽度和高度的像素。注意下面红线里的约束比例！要改成非比例的大小就把勾点去！然后将两副图片的大小调一致！第三步很多JPG格式的图在photoshop8.0里锁定的，所以双击图层里的背景项，会弹出一个选项框，选择好将背景变为图层！（同理，另一幅图片也这么做。但注意在photoshop里通过点击图片来改变当前编辑

11、的图片，所以改另一副图先点击一下）第四步选择左边工具条上面左边的工具!然后点住一幅图片将它拖至另一副图片里!这时在图层里应该是有两个图层！将两个图片根据画面的大小对对好按保存！第五步：这时启动ImageReady,打开你刚保存的图片！第六步：在动画工具条里点击复制当前帧"，复制后，在动画里会显示有两个帧！第七步：点击动画工具里的过度.按扭！点击后会出现过度对话框！在要添加的帧数”里选择你希望的帧数，默认是5,这里我们也选择5,然后点击好”这时动画栏里会显示有7个帧！第八步这时看看图层里的当前图层是否为上面的图，不是的话点击来改变当前图层！(注意有兰色条显示的就是当前图层！)选择好当前

12、图层后，点击动画栏里第二个帧！点中后第二帧应该是兰色的！然后在图层栏那边改透明度！将其从100%改为80%第九步接着选择第三个帧将其不透明值改为60%第十步：同样的方法点击第4帧！将其不透明值改成40%。点击第5帧，将其不透明值改成20%第十一步：点击第1帧，点击选择帧延迟时间”点击后会弹出个菜单！选择0.2秒延迟后，第1帧下面会变为0.2秒。当然可以根据你的喜好改变。第十二步：点击第7帧，和上面一样延迟0。2秒第十三步：点击播放”按扭。就可以看到效果了第十四步：准备保存了，在转为GIF文件前，先设下优化值！在预设一项将其值改为GIF128仿色然后选择文件菜单里的将优化结果存储为”选择文件名后

13、，按好！就OK了！(如果在将优化结果存储为"中只有jpg没有gif,则关闭此窗口，从菜单窗口”中打开优化”面板，调整一下预设”，并将格式”设为“gif,”就可以了。如果帧数较多，则输出过程会有点慢，这是正常现象。)GIF文件格式(GIFfile)GIF文件格式采用了可变长度的压缩编码和其它一些有效的压缩算法，按行扫描迅速解码，且与硬件无关。它支持256种颜色的彩色图像，并且在一个GIF文件中可以记录多幅图像。包括文件头(HeadBlock)、注释块(CommentBlock)、循环块(LoopBlock)、控制块(ControlBlock)、GIF图像块(ImageBlock)、文本块(PlainTextBlock)、附加块(ApplicationBlock)。篇三：用photoshop怎么把几张jpg图片制作成gif图片用photoshop怎么把几张jpg图片制作成gif图片？工具/原料?CS5软件安装好几张jpg格式的图片