GIF图是怎样做的?

| 数据库系统 |

【www.guakaob.com--数据库系统】

篇一:《如何制作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、添加第二张图片

接着做第二张图(也就是第二帧),鼠标左键点击下边的"添加帧"这个按钮,即可新建一个空白的图片。图片大小设置按照第一张那样来操作

5、图片之间切换速度的设置

做好两张图片后,点击“预览”可以看一下GIF动态图效果,你会看到图片切换的速度太快,不停的闪动,这就需要调整图片切换的速度。鼠标右键点击图片,弹出来的菜单中点击“画面帧属性”,进入“画面帧属性”设置页面,设置图片切换速度。设置延迟为100(将每章图片的延迟都设置为100)。

6、同理制作其他图片

每一张图片是一帧,和制作第二张图片的过程一样,继续加入其它要放入GIF闪图的图片。

7、保存GIF图片全部图片编辑好后,点击“保存”按钮,点击“保存为GIF文件”,给做好的GIF图取个名字保存到自己的电脑上,即大功告成啦。

是不是很简单,希望大家都能做出漂亮的GIF图,吸引更多的顾客,最后祝大家生意兴隆!我们一起努力,一起加油吧。

篇二:《如何制作gif图片》

如何制作gif图片

 |

 浏览: 12712GIF图是怎样做的?

 |

 更新: 2013-01-28 02:19

19有用+1

已投票

21收藏+1

已收藏 全文阅读分步阅读

步骤

1

2

GIF图是怎样做的?

GIF图是怎样做的?

3

4

5

6

GIF图是怎样做的?

 8 7

制作Gif图片的方法很多,大多数情况下都会选择利用PS中的ImageReady插件来制作。其实还有其它更好的选择来制作Gift图片,其中一款软件就是利用Flash来实现。下面小编就给大家展示一下如何利用Flash来制作Gif图片,本经验只是起到抛砖引玉的效果,希望通过本经验的分享能使更多的人从中受益。

工具/原料

Adobe Flash CS3 Professional

方法/步骤

新建一Flash文档, 文档类型设置为“ActionScript3.0”。

点击“属性”窗口中的“设置大小”按钮,打开“文档属性”窗口,将大小设置为“160像素*290像素”,背景色设置为“黑色”,点击“确定”完成设置。

依次点击“文件”→“导入”→“导入到库”,从本地选择小人行走的五幅图片导入到库中。

然后分别将各个元件拖放到图层1对应时间帧上,并调整其大小以适合当前场景。具体对应关系:元件1拖放到第1帧,元件2拖放到第2帧,元件3拖放到第3帧,元件4拖放到第4帧,元件5拖放到第5帧。结果如图所示:

篇三:《如何制作GIF动态图片》

photoshop是图像处理软件,不是动画专业制作工具,但其提供的动画组件用来制作GIF这类片断动画还是非常简单快速的。这里以经验9月活动图片做一例子说明吧。

 photoshop 图片

1. 打开photoshop后,将需要成为动画的部分分图层制作出来。如图中所示,图层2是绿色

小汽车,也是我们要制作成动画的唯一一个活动的组件,所以我们根据需要直接复制多个该图层:

2. 然后,再根据动画场景需要将各个动画组件放置在相应位置,并根据需要适当修改。如图中

头尾的小汽车相应的剪切过,中间转变处小汽车也有适当旋转:GIF图是怎样做的?

3.

好了,我们再单击“窗口”菜单,选择“动画”命令:

4. 可以看到窗口底部打开了“动画”面板:

5. 动画是以帧为单位来显示的,

可能通俗理解为一个帧也就是PS的一个图层。所以每个帧只

需要显示相应的图层上的图片即可。这里是先制作第一帧,只要动画最开头的只显示半辆汽车的图层,其它所有图层都隐藏掉。注意不会变的底层(图层1)在所有的帧上都不要隐藏掉:

6. 第一帧制作完毕后,单击“动画”面板下面工具栏上的“复制所选帧”按钮新建帧(也就是动画

片断):

7.

和第一帧一样,在新建的帧上仅保留需要的显示的图层及不变的底层即可:

8. 重复前一步操作,分别新建多个帧,并分别设置要显示和隐藏的图层即可:

9.

帧制作完成后,我们再对各帧设置合适的播放时间:

10. 制作完成后,单击“文件”菜单,选择“存储为Web和设备所用的格式”命令:

本文来源:http://www.guakaob.com/jisuanjileikaoshi/307434.html

    热门标签

    HOT