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

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

篇一：教你如何用PS制作出完美的GIF动画教程

UI设计师成长笔记：GIF动画教程作者：洋洋老师

PhotoshopCC的功能是非常强大，不仅可以修照片、做设计，它还可以进行GIF动画的设计和制作，那么如何用PS制作GIF动画呢？如何将图片设置成一个动画帧呢？下面就给大家详细介绍一下：

首先打开PS软件。

文件――打开――选择你要制作的几张图片。如图所示：

把图片统统打开，然后添加到一个文件中，童鞋们可根据自己的需求增加图层，初学者可以做简单点。如图所示：

4.

动画的顺序是按照图层从下网上依次显示，此时关闭其余小眼睛，修改”图层15”为“海洋星母婴生活馆”，以此类推，调整好位置后，这样做出的动画比较整齐不会窜位！也不会晕滴！如图所示：

接下来开始正式制作

GIF，打开窗口—时间。如图所示：

我这里有17个图层，把这17个图层里的图片要全部拖到一个轴里。

7.

点击时间轴右上角按钮，转换帧――转换为帧动画。如图所示：

这里有17个图层，就有17帧，点击第17帧右下角按钮，就会弹出设置窗口，参数设置“0.6秒”，其余16帧设置“0.3秒”。如图所示：

左下角循环选项中我这里选择的是“3次”，可根据自己的设计调整循环次数。如图所示：

最后我们按图所示的选择，然后导出。文件

----存储为web和设备所用格。如图所示：

弹出存储窗口，注意选择GIF格式，在存储前可以先预览一下效果,如果有满意的地方可以调整好后再存储。如图所示：

至此教程结束~

篇二：最有用的用PS来做GIF的最全教程如何制作

用photoshop制作gif动画图片指导

PHOTOSHOPCS6最新版gif超强动画功能，还能加音频[1]第1步

新建Photoshop文档，选择File（文件）New（新建）。在弹出的NewDocument（新建文档）对话框中，从Presets（预设）列表中选择FilmVideo（影片及视频）。

第2步：

Size栏选择NTSCDVWidescreen（NTSCDV宽频）,这用于设置文档尺寸，宽高比以及动画帧每秒以满

足NTSC视频标准。第3步：

“Layer(图层)”菜单中，选择VideoLayers(视频层)NewVideoLayerFromFile（从文件新建视频层）。找到视频Freemooiseoverwater.mov并单击Open。介于视频文件的大小，你可从下再

第4步

时间线面板中，你会发现视频层出现在时间轴中了。若没有，那从Timeline（时间线）面板中选择CreateVideoTimeline（创建视频时间线）就会出现。

第5步

现在呢，我们要调整视频画面大小以适应舞台。按Cmd+T（Windows系统则为Ctrl+T）来自由变换。此时将会提示警告说视频将转换成智能对象（SmartObject）。单击OK并调整视频尺寸使其适应舞台。按住Shift键来调整可以保持视频的宽高比。

在时间线面板的底部有一滑块，左右拖动将缩放时间线刻度使其展示动画帧数的变化。而通过Timeline

面板顶部的帧数可以获晓此变化。第6步

使用Type（文字）工具，在屏幕中央写下“Adobe”如下图大小。注意，一个新的动画层出现在时间轴上了，这样文字就能进行动画了。

第7步

时间线面板中，单击文字层旁边的小三角并单击Transform（变换）属性旁边的小秒表图标。这样您就可以变换文字效果如移动，缩放。

第8步

将时间轴的当前时间指示器移到帧号03:00f（表示动画第三秒）。第9步如下图放大文字并将其放置于屏幕中央。

第10步

将当前时间指示器移到帧号02:00f（表示动画第二秒）。第11步

单击秒表图标旁边的Opacity属性。这将激活文字动画的透明度。第12步

现在，将当前时间指示器移到文字动画的末帧，即03:00f。在“图层”面板中设置文本透明度为0。第13步

再次将时间指示器移到帧号02:00f。这样在第一个文本淡出之时将创建一个新文本。第14步

使用文字工具，创建个新的文本“Photoshop”。像之前那个步骤那样放置在屏幕中央并调整大小。第15步

单击Transform属性层旁边的秒表图标。第16步

将时间指示器移到帧号05:00f（表示动画第五秒）。如先前步骤那样放大文字。第17步

将时间指示器移到帧号04:00f，单击Opacity（透明度）属性旁边的秒表。