《如何用photoshop做gif动态图片,怎么用PS做出gif动态图片.docx》由会员分享，可在线阅读，更多相关《如何用photoshop做gif动态图片,怎么用PS做出gif动态图片.docx（17页珍藏版）》请在金锄头文库上搜索。
1、如何用photoshop做gif动态图片,怎么用PS做出gif动态图片篇一：教你如何用PS制作出完美的GIF动画教程 UI设计师成长笔记：GIF动画教程 作者：洋洋老师 Photoshop CC的功能是非常强大，不仅可以修照片、做设计，它还可以进行GIF动画的设计和制作，那么如何用PS制作GIF动画呢？ 如何将图片设置成一个动画帧呢？ 下面就给大家详细介绍一下： 1. 首先打开PS软件。 2.文件打开选择你要制作的几张图片。如图所示： 3.把图片统统打开，然后添加到一个文件中，童鞋们可根据自己的需求增加图层，初学者可以做简单点。如图所示： 4.动画的顺序是按照图层从下网上依次显示，此时关闭其余
2、小眼睛，修改”图层15”为“海洋星母婴生活馆”，以此类推，调整好位置后，这样做出的动画比较整齐不会窜位！也不会晕滴！如图所示：5.接下来开始正式制作GIF，打开 窗口时间。如图所示： 6.我这里有17个图层，把这17个图层里的图片要全部拖到一个轴里。 7.点击时间轴右上角按钮，转换帧转换为帧动画。如图所示： 8.这里有17个图层，就有17帧，点击第17帧右下角按钮，就会弹出设置窗口，参数设置“0.6秒”，其余16帧设置“0.3秒”。如图所示： 9.左下角循环选项中我这里选择的是“3次”，可根据自己的设计调整循环次数。如图所示：10.最后我们按图所示的选择，然后导出。文件-存储为web和设备所用
3、格。如图所示： 11.弹出存储窗口，注意选择GIF格式，在存储前可以先预览一下效果,如果有满意的地方可以调整好后再存储。如图所示： 12.至此教程结束篇二：最有用的用PS来做GIF的最全教程 如何制作 用photoshop制作gif动画图片指导 PHOTOSHOP CS6最新版gif超强动画功能，还能加音频1 第1步 新建Photoshop文档，选择File（文件）New（新建）。在弹出的New Document（新建文档）对话框中，从Presets（预设）列表中选择FilmVideo（影片及视频）。 第2步： Size栏选择NTSC DV Widescreen（NTSC DV宽频）,这用于设
4、置文档尺寸，宽高比以及动画帧每秒以满足NTSC视频标准。 第3步： “Layer(图层)”菜单中，选择Video Layers(视频层) New Video Layer From File（从文件新建视频层）。找到视频Freemooiseoverwater.mov并单击Open。介于视频文件的大小，你可从下再 第4步 时间线面板中，你会发现视频层出现在时间轴中了。若没有，那从Timeline（时间线）面板中选择Create Video Timeline（创建视频时间线）就会出现。 第5步 现在呢，我们要调整视频画面大小以适应舞台。按Cmd+T（Windows系统则为Ctrl + T）来自由变换
5、。此时将会提示警告说视频将转换成智能对象（Smart Object）。单击OK并调整视频尺寸使其适应舞台。按住Shift键来调整可以保持视频的宽高比。 在时间线面板的底部有一滑块，左右拖动将缩放时间线刻度使其展示动画帧数的变化。而通过Timeline面板顶部的帧数可以获晓此变化。 第6步 使用Type（文字）工具，在屏幕.写下“Adobe”如下图大小。注意，一个新的动画层出现在时间轴上了，这样文字就能进行动画了。 第7步 时间线面板中，单击文字层旁边的小三角并单击Transform（变换）属性旁边的小秒表图标。这样您就可以变换文字效果如移动，缩放。 第8步 将时间轴的当前时间指示器移到帧号03
6、:00f（表示动画第三秒）。 第9步 如下图放大文字并将其放置于屏幕.。 第10步 将当前时间指示器移到帧号02:00f（表示动画第二秒）。第11步 单击秒表图标旁边的Opacity属性。这将激活文字动画的透明度。 第12步 现在，将当前时间指示器移到文字动画的末帧，即03:00f。在“图层”面板中设置文本透明度为0。 第13步 再次将时间指示器移到帧号02:00f。这样在第一个文本淡出之时将创建一个新文本。 第14步 使用文字工具，创建个新的文本“Photoshop”。像之前那个步骤那样放置在屏幕.并调整大小。 第15步 单击Transform属性层旁边的秒表图标。 第16步 将时间指示器移
7、到帧号05:00f（表示动画第五秒）。如先前步骤那样放大文字。 第17步 将时间指示器移到帧号04:00f，单击Opacity（透明度）属性旁边的秒表。 第18步 再次将当前时间指示器移到文字动画的末帧05:00f。在“图层”面板中设置文本透明度为0。 第19步 将时间指示器移到帧号04:00f并新建文字层。在此层上添加字符“CS6”。 第20步 重复前面的步骤，放大和变换文字的透明度。这样我们就有三个文字动画在第七秒淡出。 第21步 将时间轴指标移动到视频动画层的末尾。 第22步 在时间线面板的左上方，选中剪刀图标旁边的方形过渡图标。此图标将打开一个浮动菜单显示可用的过渡效果。 第23步 选
8、中淡出至黑屏效果（Fade to Black）并将其拖到视频动画层末尾，这样此效果将应用到动画末尾。按键盘上的空格键或单击时间线面板的“Play(播放)”按钮可预览动画效果。 第24步 现在我们要给动画添加音轨。时间线中的最底层名为音轨（Audio Track）。单击音频层右侧的音乐图标并选择 Add Audio（添加音频）。然后，单击“Open（打开)”将其添加到时间线上。 第25步 在动画末尾，单击音频层的三角标，设置淡出的值为1秒。 拖动视频层末端可进行裁剪，这样结束时刻就能够与音轨同步。 至此我们已经完成了动画的创建。接下来的步骤，我们要将动画渲染成视频格式： 第26步 在时间线的帧编
9、号的上方，你会在时间线层的开头和结尾发现两个括号。确保俩括号之间不含动画之外的帧，括号之间的帧即为将被渲染的帧。（十按，这就是出点跟入点啦，相信熟悉AE的孩纸一定知道，说的这么晦涩，爷翻得也很晕= =） 第27步 文件菜单中，选择 Export（导出）Render（渲染视频）。 第28步 Render Video（渲染视频）对话框中，设置视频保存的名称与路径。 第29步 设置渲染格式为Adobe Media Encoder并选择QuickTime格式。Preset设为 High Quality（高品质），Size(尺寸)和frame rate（帧频）也要设置。 在range(范围)区块，将渲染
10、区设置为Work Area（工作区），这样就只会渲染括号内部的帧了。 本教程我们综述了如何在Photoshop CS6里利用增强时间线面板创建视频动画。Photoshop中与动画相关的功能选项众多，本教程概述视频建设的过程，这样一来你可以自行探索Photoshop CS6其他的动画功能。 只要是photoshop6.0以上的就用自带ImageReady ，先找到你要做的原图 ，然后 第一步： 启动photoshop，并打开需要的两幅图！ 第二步： 会弹出修改框，修改宽度和高度的像素。注意下面红线里的约束比例！要改成非比例的大小就把勾点去！然后将两副图片的大小调一致！ 第三步 很多JPG格式的图
11、在photoshop8.0里锁定的，所以双击图层里的背景项，会弹出一个选项框，选择好将背景变为图层！（同理，另一幅图片也这么做。但注意在photoshop里通过点击图片来改变当前编辑的图片，所以改另一副图先点击一下） 第四步选择左边工具条上面左边的工具！ 然后点住一幅图片将它拖至另一副图片里！ 这时在图层里应该是有两个图层！ 将两个图片根据画面的大小对对好按保存！ 第五步： 这时启动ImageReady，打开你刚保存的图片！ 第六步： 在动画工具条里点击“复制当前帧”，复制后，在动画里会显示有两个帧！ 第七步： 点击动画工具里的“过度.”按扭！ 点击后会出现过度对话框！在“要添加的帧数”里选择
12、你希望的帧数，默认是5，这里我们也选择5，然后点击“好” 这时动画栏里会显示有7个帧！ 第八步 这时看看图层里的当前图层是否为上面的图，不是的话点击来改变当前图层！ （注意有兰色条显示的就是当前图层！） 选择好当前图层后，点击动画栏里第二个帧！点中后第二帧应该是兰色的！ 然后在图层栏那边改透明度！将其从100%改为80% 第九步 接着选择第三个帧将其不透明值改为60% 第十步： 同样的方法点击第4帧！将其不透明值改成40%。 点击第5帧，将其不透明值改成20% 第十一步： 点击第1帧，点击“选择帧延迟时间”点击后会弹出个菜单！选择0.2秒延迟后，第1帧下面会变为0.2秒。当然可以根据你的喜好改
13、变。 第十二步： 点击第7帧，和上面一样延迟0。2秒 第十三步： 点击“播放”按扭。就可以看到效果了 第十四步： 准备保存了，在转为GIF文件前，先设下优化值！在预设一项将其值改为 GIF 128 仿色 然后选择文件菜单里的“将优化结果存储为” 选择文件名后，按好！就OK了！（如果在“将优化结果存储为”中只有jpg没有gif，则关闭此窗口，从菜单“窗口”中打开“优化”面板，调整一下“预设”，并将“格式”设为“gif”，就可以了。如果帧数较多，则输出过程会有点慢，） GIF文件格式（GIF file） GIF文件格式采用了可变长度的压缩编码和其它一些有效的压缩算法，按行扫描迅速解码，且与硬件无关
14、。它支持256种颜色的彩色图像，并且在一个GIF文件中可以记录多幅图像。包括文件头（Head Block）、注释块（Comment Block）、循环块（Loop Block）、控制块（Control Block）、GIF图像块（Image Block）、文本块（Plain Text Block）、附加块（Application Block）。篇三：用photoshop怎么把几张jpg图片制作成gif图片 用photoshop怎么把几张jpg图片制作成gif图片？ 工具/原料 ? ? CS5软件安装好 几张jpg格式的图片 方法/步骤 1.打开CS5软件，打开要使用的4张jpg格式的图片 1. 2 2.分别把4张图片都修改成同样的尺寸大小，尺寸根据4张图片的大小取个中间值，尽量把所有的图片都能显示完全。放在一个文件里面。 2. 打开动画面板，窗口-动画 3. 另新建3帧 1. 选中第一帧，同时选中背景图层。 选中第二帧，同时选中、显示图层1，隐藏另外3个图层。 依次类推，设置好四帧。 设置每一帧的时间。 1
