gif动画十篇

gif动画篇1

上传图片

进入http：／//网站以后，有三种上传图片方法，分别是：从本机上传、从Flickr网络相册上传和从网络上传。这里选择“Upload images from yourComputer(从本机上传)”。点击“浏览”按钮，选择本机用于制作GIF动画的图片(可多次选择)，将自动上传至GIFup网站，也可以在左侧的文件框内直接输入本机图片的绝对路径，点击“Upload”按钮进行上传。

上传完图片以后，在下方会显示图片的预览图，每幅图片右侧都有三个图标，分别是删除、编辑和复制。点击中间齿轮状的按钮可打开一个网页，对图片进行简单的编辑，编辑方式可以是裁剪、翻转、增加文字、调阶等。编辑完成后点击“save”保存，然后直接关闭此网页。

生成图片

准备好以后就可以进行自定义操作了，主要操作为“Size”(大小)、“Speed'’(播放速度)和“Tags”(标签)(如图1)，分别选择好适合自己上传图片的大小、速度以后，点击下方“Let’s see what you get’，合成动画。经过几秒钟，一个GIF动画便制作完成了，不满意可以继续点击“Edit”进行编辑，满意的话点击“Save”保存。

保存图片

生成好的图片有四种保存方法(如图2)。可以保存图片至本地，也可以复制图片代码粘贴至网页或以Blog方式显示，还有BB Code码供我们选择，最后一个是针对Flickr的Permalink(永久链接)。心动了吗?那就赶紧上传你的GIF动画到GIFup吧。

查询主机所在地

gif动画篇2

一般情况下，只要用3张静态图片，就能合成一个动画表情。打开GIF Movie Gear（http：///olfzhnq），选择菜单“文件插入帧”分别插入图片，在工具栏上可以设置图片之间的时间间隔，这里设置为20，单击“播放”按钮可查看动画效果，最后选择“文件保存”将动画保存为GIF就可以啦。

在线图片转动表情

其实在只有一张图片的情况下，也可以为其添加动态元素。秘密武器就是“在线动态闪图”。

打开动态闪图在线工具（http：///2），这里有近20种特效供选择，比如选择第1种效果，先上传图片，然后输入文字并设置颜色，再单击“给咱闪起来”就可以查看动画效果了，效果满意后右击动画保存即可。

自拍图片转搞怪动表情

自拍图片也可以快速转换成动表情，而且无需下载安装软件，直接使用百度应用里面的小工具即可。

打开应用页面（http：///pn4y6to），根据提示启用摄像头，然后单击“录制GIF”，再设置图片延迟时间和GIF的帧数，延迟时间最好长一些，这样便于做表情，最后单击“开始”进行录制，下方会自动计帧数，完成后即可保存GIF动画了。

搞笑视频“截成”动表情

MM的动表情中有些来自当前的热播剧，她是用“GIF动态截图”（http：///pkpr4du）来实现的。

打开软件后播放电视剧，并暂停到要截取的位置，单击“区域截图模式”，选择视频窗口，单击“开始录制”按钮并播放视频，录制结束后单击“停止录制”按钮，此时会自动提示保存GIF动画。

其实在QQ中也可以录制视频为动画，单击聊天窗口中的截图按钮，选择“录制视频动画”即可。不过它只能录制10秒，比起上述软件限制太大。

上面我们通过多种方法制作成动态表情，接下来还要将它们应用起来，最流行的做法是添加到QQ和微信中。

gif动画篇3

1、当把gif图片当“图片”发送时，聊天界面并没有动画效果，如果需要显示动画效果，必须把gif图添加到表情里面；

2、进入聊天界面，点击“加”符号左手边的“表情图”按钮,依次点击“红心”和“设置”按钮；

3、点击“加”符号，添加你需要的gif图/表情图；

4、在这个界面找到你需要的gif图，并点击；

5、接着点击“使用”按钮即已添加了gif图到你的表情图里；

gif动画篇4

关键词 网页设计;图像格式;动画格式;GIF、JPG、PNG和SWF

中图分类号:TP393.092 文献标识码:B 文章编号:1671-489X(2010)18-0084-02

Common Images and Animation in Web Design//Fu Xueyan

Abstract Web design uses not only the texts and tables, but also images and animation. Too many images and animation will result page loads too slow. It accesses to the best balance between quality and size according to different image and animation formats. Now graphics and animation format GIF,JPG/JPEG,PNG and SWF are commonly used in Web design, because the speed of these file formats on the network are very quickly and can be supported by almost all web editing software and browsers.

Key words Web design; image format; animation format; GIF, JPG, PNG and SWF

Author’s address Computer Department of Yanbian Staff & Workers University, Yanji, Jilin, China 133001

1 引言

网页设计中的图像和动画具有直观性、趣味性,可以使网页生动、活泼,富有感染力,然而图像和动画的大小直接影响网页的载入速度,尽管网络传输速度越来越快,但是图像和动画过多过大依然会造成网页载入速度变慢。因此,在保证清晰的基础上,图像和动画的大小越小越好。这就要根据不同的用途选择不同的图像和动画格式,获得品质和大小之间的最佳平衡。

目前有许多图像和动画文件格式,但只有一部分被广泛使用,在Web网页设计中普遍使用的有GIF、JPG/JPEG、PNG和SWF格式。在计算机中,图像是以数字方式来记录、处理和存储的,动画实际上也是以一定的速度连续播放的静态图形图像画面,图形图像文件类型主要分为位图图像和矢量图像,GIF、JPG/JPEG、PNG格式属于位图图像,SWF格式是基于矢量图形的动画文件。

位图图像也称为点阵图像或栅格图像,由许多小方格样的不同色块即像素组成。像素是位图图像中最小的单位,像素中包含有位置和颜色的信息,当许许多多不同颜色的点组合在一起后便构成一幅完整的图像。位图图像的色彩和色调变化丰富,可以逼真地表现自然景观,达到照片般的品质。当位图图像放大很多倍后,可以看见构成整个图像的无数单个方块,图像出现马赛克像素色块,画面会模糊不清,边缘出现锯齿状。因此,位图图像的质量与分辨率有密切的关系。位图图像在保存时,需要记录每一个像素点的数据,因此文件占用的磁盘空间较大,处理速度也就较慢。

矢量图像也称为面向对象的图像,矢量图像中的图形元素称为对象,每一个对象都是一个自成一体的实体,由矢量的数学方程式所定义的直线和曲线组成,这些线条包含位置、尺寸、形状、颜色等属性。由于只存储这些元素的代数式和属性,因此所占用的磁盘空间较小。当编辑一个矢量图像时,修改的只是组成该图像的直线和曲线的属性,所以很容易进行移动、缩放、旋转、改变形状和颜色等操作,图像仍能保持清晰、平滑,丝毫不会影响到品质、精度,对象之间也不会相互影响。矢量图像适用于制作图表或logo,不宜制作色调丰富、色彩变化太多的图像,而且绘制出来的图像不像位图那样能够达到照片般的逼真效果,同时也不易在软件之间进行文件交换。

2 图像和动画格式

2.1 GIF图像格式

GIF(Graphics Interchange Format)图形交换格式由CompuServe公司在20世纪80年代推出,采用连续色调、无损高压缩率的LZW(Lempel-Ziv-Welch)算法。这种压缩优于RLE(Run Length Encoding)压缩算法,无损压缩就是修改图像之后,图像质量没有损失。GIF使用颜色有限的调色板,最高支持8位256种颜色,故不能用于存储真彩色的图像,有时为了减小文件的大小还会采用更少的颜色数来进行存储。GIF适合压缩由多个单纯色块区域组成的色彩不太丰富的图像,可以用来制作小图、小按钮、icon(图标)、logo、卡通图像等。

最初GIF87a格式只能存储单幅静止图像,后来发展成为支持透明、交错、动画的GIF89a格式。透明是指可以给图像指定一种颜色,使其不被显示而成为透明。GIF图像格式能把背景存储成半透明形式,即全透明或是全不透明。交错是指图像在显示过程中用户先看到大致轮廓,随着图像的传输而逐渐变得清晰,这是一种与由上到下逐行显示方式不同的渐显方式,适合浏览者的观赏心理,避免长时间的等待。GIF动画就是将多幅静止图像保存在一个文件中,连续显示而形成动态画面,所以仍然属于图像文件格式,网页上很多的小动画都采用这种格式。

2.2 JPG/JPEG图像格式

JPG/JPEG(Joint Photographic Experts Group,联合图像专家组)图像格式利用人类视觉系统的一些局限性,采用有损压缩方式,压缩时图像中重复和不重要的数据会被丢弃,被删除的数据无法在解压时还原。因此,随着压缩率的提高,文件减小,图像品质也降低。通常图像编辑软件可以让用户选择存储JPG图像的压缩率,好在图像大小和品质之间进行权衡。由于每次保存JPG格式的图像时都会丢失一些数据造成像素失真,因而最好在创作完成之后输出一次JPG图像即可。实验证明,将JPG图像压缩为原来大小的10%,在显示器上观察时看不出明显的差异,几乎能保持图像的原貌。JPG的压缩算法十分先进,压缩比可达到2:1甚至40:1。

JPG格式可以保存8位、24位、32位深度的几百万种颜色的图像,适合存储较大的、真彩色的、多颜色相互交叉的、平滑过渡的风光人物图像。JPEG2000是JPG的升级版,压缩率比JPG高30%左右,支持有损和无损压缩、渐显方式,还可以任意指定图像上感兴趣的区域进行优先解压缩及提高压缩质量。

2.3 PNG图像格式

PNG(Portable Network Graphics)是一种可移植的无损高压缩率的图像格式。1994年底,Unysis公司宣布对GIF的压缩方法拥有专利,要求开发GIF软件的作者须缴交一定费用,由此促使了免费PNG图像格式的诞生。PNG一开始便汲取了GIF和JPG二者的优点,有支持基于调色板的PNG-8格式和基于真彩色的PNG-24、PNG-32格式,还支持二维隔行扫描的渐进显示方式,只需下载1/64的图像信息就可以显示出低分辨率的预览图像。但PNG不支持动画效果。

PNG提供一个可选的Alpha通道,实现图像的全透明,即透明度是多级可变的。Alpha通道是图像文件中包含的一个8位灰度信息,可以通过这个信息知道这幅图像中哪些地方需要透明。拥有Alpha通道的图像可以实现非矩形的边缘透明。制作网页时,可以把图像的某些部分设为透明,这样就可以很好地融入网页。

2.4 SWF动画格式

Flash是由美国Macromedia公司(现被Adobe并购)开发的一套矢量二维交互式动画设计软件,可以制作出后缀名为SWF(Shockwave Format)的动画文件,适合表现难以实现的、抽象的概念或现象。Flash软件通过多层透明效果和渐变变形技术,再结合Action脚本的交互功能,就可以将文字、图像、音频、视频等多种媒体融合在一起,制作出交互的高品质的动画效果。由于采用矢量图形和流式播放技术,使得所生成的动画文件非常小,并可以一边下载一边播放,从而能在最快的时间内将动画展现在浏览者的面前。它适合制作网页上的按钮、导航菜单、动画短片、音乐MV、交互式游戏、教学课件、宣传广告等。

3 结束语

实际应用中在保证品质的前提下,采用哪种格式生成的文件最小就用哪种,当然,为追求品质有时也要牺牲一定的速度。总之,随着网络速度的加快,就可以采用更多更大的图像和动画,使网页的视觉效果更加绚丽多彩。

参考文献

[1]Li Zenian,Drew M S.多媒体技术教程[M].1版.史元春,译.北京:机械工业出版社,2007:48-52

gif动画篇5

关键词：图像格式 图像深度

中图分类号：TP391.4 文献标识码：A 文章编号：1007-9416（2013）05-0248-01

图像以文件方式存储，图像文件格式中信息的存放形式也各不相同。针对不同的应用目标，各类公司先后开发了多达数十种位图图像文件格式。其中在计算机中常用的格式有BMP、GIF、JPEG、TIFF、PNG等。

1 BMP

BMP格式是Windows操作系统定义的标准图像格式，因此在Windows环境中运行的图形图像软件都支持BMP格式。最典型的就是Windows的画图工具。BMP格式支持RGB、索引、灰度以及位图等颜色模式，但不支持含Alpha通道的图像信息。BMP文件的图像深度，即一个像素用多少位表示，常见有1、4、8、16、24和32，因此，BMP图像文件支持单色、16色、256色和真彩色4种颜色的图像。BMP图象数据有压缩和不压缩两种处理方式。如果选择了压缩数据，那么根据颜色的不同，BMP使用不同的RLE压缩方式。RLE是一种无损压缩方法，使用RLE压缩的数据能完整还原。

优点：由于该图像格式采用的是无损压缩，所以图像完全不失真；可以表示2至4G种图像的颜色数。因此，该格式的图像可以具有极其丰富的色彩。缺点：图像尺寸过大，网络上一般不使用该格式的图象。

2 JPEG格式

JPEG扩展名为.JPG，其压缩率是目前各种图像格式中最高的，并且可以调整；它是有损压缩，源文件中的数据在以JPEG方式处理后，部分重复或不重要的资料（如颜色）会被丢掉。在获取极高的压缩率的同时还能表现丰富生动的图像。JPEG格式压缩对色彩的信息保留较好，适合应用于互联网，支持24位真彩色。但是，JPEG在压缩时存在一定程度的失真，在制作印刷品时最好不要选择此格式。由于JPEG图像格式支持多达16M颜色，所以它既广泛应用于互联网，也是数码相机首选的存储格式。

优点：对图像的压缩率很高；在对图象的压缩过程中，可以自由选择压缩比，获取不同质量和大小的文件；该格式的文件尺寸相对较小，下载速度快，有利于网络传输。缺点：并非所有的浏览器都支持该格式；有损压缩会使原始图片数据质量下降；JPEG格式支持RGB、CMYK和灰度颜色模式，但不支持Alpha通道。

3 GIF文件格式

GIF是针对当时网络传输带宽的限制开发设计的。由于许多浏览器都支持这一格式，因此该格式被广泛用于通信领域和互联网当中。

GIF文件的数据，是一种基于LZW算法的连续色调的无损压缩格式。压缩比为1/3～1/2。GIF的图像深度从lbit到8bit，并且该格式采用的是索引颜色模式，所以GIF最多支持256种色彩的图像。但因为GIF图像文件小、下载速度快，所以这种格式仍在网络上被广泛应用。

除了有静态的GIF图像外，还有GIF动态图像，即在一个GIF文件中可以存多幅图像，通过把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上的方式，生成简单的二维动画。

优点：GIF图像文件小，是网页上使用最普遍的图形文件格式之一；很多软件都支持GIF动画；该格式支持背景透明。缺点：GIF最多支持256色，因此，不适合存储真彩色的图像文件；GIF只支持全透明度，没有半透明效果或褪色效果。

4 TIFF格式

TIFF为标记图象文件格式，几乎所有的扫描仪和图像软件都支持这一格式。TIFF格式灵活易变，它有四种类型：TIFF-B，二色；TIFF-G，黑白灰度；TIFF-P，带调色板的彩色图形；TIFF-R，适合RGB色彩的图形。该格式支持256色、24位真彩色、32位色、48位色等多种色彩位，同时支持RGB、CMYK、Lab、位图、灰度模式和索引颜色等多种色彩模式；支持多平台，PC机和苹果MAC机上都支持该格式。

另外，该格式是现存图像文件格式中最复杂的一种，并且存储信息量大，3DSMAX中的大量贴图就是TIFF格式的。

TIFF文件即支持非压缩方式又支持LZW、ZIP、JPEG等无损压缩方式，并可在选用JPEG压缩方式时选择压缩质量。该图象格式是一种无损压缩的文件格式，不会破坏任何图象数据，更不会劣化图象质量，但压缩比非常小，只有2：1，一些较高档的数码相机拍摄存储影像文件时，经常采用该格式。TIFF格式在制版和印刷领域使用频繁，是印刷行业常用的一种图像格式。TIFF格式是可扩展的格式。就是可以修改原始规范并添加新的功能。不过修改规范可能会导致不同类型的TIFF图片之间不兼容。

优点：TIFF被系统、软件广泛支持；支持可选压缩；可扩展格式支持许多可选功能。缺点：TIFF不被Web浏览器支持；可扩展性会导致许多不同类型的TIFF图片，可能导致不兼容。

5 PNG格式

PNG是一种新兴的网络图形格式，提供了一个将图形文件大小压缩到极限以利网络传输，但又能保留所有与画像质量有关信息的解决方案，具有存储形式丰富的特点。并不是所有的程序软件都支持它，但Photoshop可以处理PNG图像文件，也可以将其他图像格式的文件保存为PNG格式。

PNG使用从LZ77派生的无损数据压缩算法，压缩比要高于GIF，并且支持图像透明，可以通过调节Alpha通道改变图像的透明度，是Fireworks软件的源文件。

优点：PNG格式文件只在RGB模式和灰度模式下支持Alpha通道，并且使用Alpha通道可产生256阶透明效果；PNG支持伽玛校正，从而可以提高图像对比度；PNG 支持交错，从而可以加快下载的速度。缺点：较旧的浏览器和程序可能不支持PNG格式文件；PNG提供的压缩量不及JPEG； PNG不支持动画文件。

参考文献

gif动画篇6

假如在作图的过程中如果使用几个小技巧，确实可以达到事半功倍的效果。

一、photoshop小技巧

1.制作圆角矩形方块

首先在photoshop中建立一个新文件，在文件上用矩形选取工具画一个矩形框，接着选择选单selectfeather，输入半径值，数值越大则圆角矩形的半径越大。在选取区中填入颜色后，取消选取范围。选取选单imageadjustthreshold，由调整thresholdlevel来改变大小，如此就会产生您想要的圆角矩形大小。若要产生圆角矩形的选取区，可以在选取区作用的环境下，切换到快速遮罩模式，同样执行threshold以获得您想要的遮罩。

2.高解析制作

在用photoshop制作网页图形的时候，许多朋友为了快速的操作，都会把图选择低解析度进行制作，但是有些滤镜会因为图形解析度的不足，而无法处理，最后出来的效果也很差。所以建议大家在处理类似情形时，可以先在高解析度下完成绘制、影像编辑等工作，然后再向下取样，将影像缩成最后的大小。

3.保留选取范围大小

当您在photoshop中使用imagesize或cancassize改变影像大小时，原本在影像中选取的范围也会跟着改变，如果想要保留原本的选取范围，可以先切换到快速遮罩模式下(按下键盘上的q键)，然后再选择“imagesize”或“canvassize”。使用imagesize指令会将影像与选取范围一同缩小；若使用canvassize指令则只会将影像缩小，而选取范围仍保持原有的大小。记着再将快速遮罩模式切换成标准模式。

4.快速隐藏图层

如果您在photoshop中只想要显示某一层图层的影像，是不是得一一将其他图层隐藏起来呢？这里有一个既快速又方便的作法：只要在图层面版上同时按住ctrl＋alt以鼠标点选欲显示的图层的眼球图示，就可以将其他图层通通藏起来。另外也可以用ctrl＋alt＋快速键调整图层的前后次序。

二、coreldraw小技巧

1．擦去错误线条

如果您使用coreldraw中的手绘铅笔工具，不小心把线条画歪了或画错了，您不必急着将线条删除，只要立刻按下shift键，然后反向擦去即可。

2．动尺规

在coreldraw中事实上是可以让您自由移动尺规的位置，只要在尺规上按住shift键以鼠标拖移，就可以将尺规移动。如果您想将尺规放回原位，则只要在尺规上按住shift键迅速按鼠标键两下，就会立即归位。

3．利用coreldraw制作动画gif文件

事实上利用coreldraw也可以用来制作动画gif文件，您可以将coreldraw中的图层当成动画中一个个的影格，然后逐一输出成gif文件(其他图层上的影像必须先关闭)。再利用photo-paint的movie功能，先选择creatfromdocument将第一张gif文件制成movie，再陆续将转好的gif文件以“insertfromfile”来，选择“储存成…”动画gif的格式，于对话框中设定延迟的时间和位置，如此就算大功告

4．同时旋转与缩放

gif动画篇7

因为考虑到以后毕业有可能从事这个行业的工作，因此我非常珍惜这次实习的机会，在有限的时间里加深对各种平面设计的了解，找出自身的不足。这次实习的收获对我来说有不少，我自己感觉在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

第一天来到公司，不知道该做些什么，什么也插不上手，只是这里看看，那里逛逛，最终还是公司里的老师给我指了条路，让我用Photoshop和CorelDraw软件模仿教程做一些简单的图片，终于找到事情做了，于是我就乖乖的做起了图片。说实话我以前在学校的时候也这样做过，不过效果没有这么好，因为以前一遇到难的或不懂的就停下来不做了，而现在有老师在旁边，有不懂的就问，这使我受益非浅。

假如在作图的过程中如果使用几个小技巧，确实可以达到事半功倍的效果。

一、photoshop小技巧

1.制作圆角矩形方块首先在photoshop中建立一个新文件，在文件上用矩形选取工具画一个矩形框，接着选择选单selectfeather，输入半径值，数值越大则圆角矩形的半径越大。在选取区中填入颜色后，取消选取范围。选取选单imageadjustthreshold，由调整thresholdlevel来改变大小，如此就会产生您想要的圆角矩形大小。若要产生圆角矩形的选取区，可以在选取区作用的环境下，切换到快速遮罩模式，同样执行threshold以获得您想要的遮罩。

2.高解析制作

在用photoshop制作网页图形的时候，许多朋友为了快速的操作，都会把图选择低解析度进行制作，但是有些滤镜会因为图形解析度的不足，而无法处理，最后出来的效果也很差。所以建议大家在处理类似情形时，可以先在高解析度下完成绘制、影像编辑等工作，然后再向下取样，将影像缩成最后的大小。

3.保留选取范围大小

当您在photoshop中使用imagesize或cancassize改变影像大小时，原本在影像中选取的范围也会跟着改变，如果想要保留原本的选取范围，可以先切换到快速遮罩模式下(按下键盘上的q键)，然后再选择“imagesize”或“canvassize”。使用imagesize指令会将影像与选取范围一同缩小；若使用canvassize指令则只会将影像缩小，而选取范围仍保持原有的大小。记着再将快速遮罩模式切换成标准模式。

4.快速隐藏图层

如果您在photoshop中只想要显示某一层图层的影像，是不是得一一将其他图层隐藏起来呢？这里有一个既快速又方便的作法：只要在图层面版上同时按住ctrl＋alt以鼠标点选欲显示的图层的眼球图示，就可以将其他图层通通藏起来。另外也可以用ctrl＋alt＋快速键调整图层的前后次序。

二、coreldraw小技巧

1．擦去错误线条

如果您使用coreldraw中的手绘铅笔工具，不小心把线条画歪了或画错了，您不必急着将线条删除，只要立刻按下shift键，然后反向擦去即可。

2．动尺规

在coreldraw中事实上是可以让您自由移动尺规的位置，只要在尺规上按住shift键以鼠标拖移，就可以将尺规移动。如果您想将尺规放回原位，则只要在尺规上按住shift键迅速按鼠标键两下，就会立即归位。

3．利用coreldraw制作动画gif文件

事实上利用coreldraw也可以用来制作动画gif文件，您可以将coreldraw中的图层当成动画中一个个的影格，然后逐一输出成gif文件(其他图层上的影像必须先关闭)。再利用photo-paint的movie功能，先选择creatfromdocument将第一张gif文件制成movie，再陆续将转好的gif文件以“insertfromfile”来，选择“储存成…”动画gif的格式，于对话框中设定延迟的时间和位置，如此就算大功告

4．同时旋转与缩放

如果您在coreldraw中，拖拉物件的旋转把手时，同时也按住shift键，那么将可以同时旋转与缩放物件；若是按住alt键，将可以同时旋转与变形倾斜物件。

gif动画篇8

图像数字化是计算机图像处理之前的基本步骤，目的是把真实的图像，转变成计算机能够接受的存储格式。数字化过程分为采样与量化处理两个步骤，采样的实质就是要用多少点来描述一张图像，比如，一幅640×480的图像，就表示这幅图像是由307200个点所组成。可见，想要得到更加清晰的图像质量，就需要使用更多的点来表示图像，也就是使这幅图像具有较高的分辨率。但相对需要付出更大的存储空间的代价。采样的结果就是通常所说的图像分辨率。量化是指要使用多大范围的数值，来表示图像采样之后的每一个点。这个数值范围包括了图像上所能使用的颜色总数。例如，以4个bits存储一个点，就表示图像只能有16种颜色。数值范围越大，表示图像可以拥有更多的颜色，自然可以产生更为细致的图像效果。但是，也同样必须占用更大的存储空间。量化的结果是图像能够容纳的颜色总数。两者的基本问题都是视觉效果与存储空间的取舍问题。

在采样与量化处理后，才能产生一张数字化的图像，再运用计算机图像处理软件的各种技巧，对图像进行修饰或者转换，方能进一步达到所希望的图像效果。

数字化后的图像数据在计算机中一般有两种存储方式，一种是位映射（Bitmap），即位图模式；而另一种是向量处理(Vector)，也称矢量图模式。位映射是将图像的每一点数值存放在以字节为单位的矩阵中。当图像是单色时，一字节可存放8点图像数据；16色图像每两点用一个字节存储；256色图像每一点用一字节存储。这样就能够精确地描述各种不同颜色模式的图像画面。所以此种存储模式比较适合于内容复杂的图像和真实的照片。

向量处理不存储图像数据的每一点，而是存储图像内容的轮廓部分。例如，一个圆形图案只要存储圆心的坐标位置和半径长度，以及圆形边线和内部的颜色。该存储方式缺点是经常耗费大量的时间做一些复杂的分析演算工作；但图像的缩放不会影响到显示精度，也即图像不会失真，且图像的存储空间较之位图方式要少得多。所以，向量处理比较适合存储各种图表和工程设计图，而一般图像文件较少采用向量处理方式。

总体来看，位图是记录每一个象素的颜色值，再把这些象素点组合成一幅图像；而矢量图是保存节点的位置和曲线、颜色的算法，所以，位图占用的存储空间较矢量图要大的多，而矢量图的显示速度较位图慢。

多媒体图像处理中的调色板是包含不同颜色的颜色表，每种颜色以红绿蓝（RGB）三种颜色的组合来表示，图像的每一像素对应一个数字，而该数字对应调色板中的一种颜色，如某像素值为1，则表示该颜色为调色板的编号为1的颜色。调色板的单元个数是与图像的颜色数对应的，256色图像的调色板就有256个单元。真彩色图像的每个像素直接以三个字节（RGB）表示颜色，因此不需要调色板。对于16色或256色图像并非全部的图像都采用相同的16种或256种颜色，由于调色板中定义的颜色不同，则不同图像用到的颜色是千差万别的，所谓16色或256色图像只是表示该幅图像最多只能有16种颜色或256种颜色。不同的图像有不同的调色板，在多媒体系统中如果需要同时显示多幅图像时，由于系统在同一时刻只能支持有限的颜色，如使用256色驱动程序，则系统必须以256色来同时显示多幅图像，因此，必须使用调色板编辑工具进行调整，以达到不失真地同时显示多幅图像。

下面就针对几种有代表性的图形图像文件作一些简单说明。

BMP文件：是Microsoft Windows所定义的图像文件格式，最早应用在Microsoft公司的Microsoft Windows窗口系统。众所周知，Microsoft Windows 现今已成为PC机环境下窗口系统的事实上的工业标准，因而BMP图像文件格式也越来越受到人们关注，在Windows环境中运行的图形图像软件都支持BMP图像格式。

BMP图像文件有下列五个特点：

（1） 该结构只能存放一幅图像。

（2） 只能存储四种图像数据：单色、16色、256色、全彩色。

（3） 图像数据有压缩或不压缩两种处理方式。

（4） 调色板的数据存储结构较为特殊。

（5） Windows设计了两种压缩方式：RLE4和RLE8。RLE4只能处理

16色图像数据；而RLE8则只能压缩256色图像数据。

BMP图像文件的文件结构可分为三部分：表头、调色板和图像数据。表头长度固定为54个字节。而只有全彩色BMP图像文件内没有调色板数据，其余不超过256种颜色的图像文件都必须设定调色板信息，可见其结构较为简单。对于BMP图像文件的显示，16色BMP图像与256色图像的扫描行数据组织都是从左上角开始。只是16色图像采用紧缩像素法，每像素占用二分之一个字节，即4bits，而256色图像的每一个像素占用一个字节。

GIF文件：GIF文件是"Graphics Interchange Format"（图形交换格式）的缩写，是由CompuServe公司为了方便网络和BBS使用者传送图像数据而制定的一种图像文件格式。目前，GIF图像文件已经成为网络和BBS上图像传输的通用格式，经常用于像动画、透明等特技制作。

GIF文件有下面七个特点：

（1） 文件具有多元化结构能够存储多张图像，这是制作动画的基础。

（2） 调色板数据有通用调色板和局部调色板之分。

（3） 采用改进版LZW压缩法，该压缩优于RLE压缩法。

（4） 图像数据用一个字节存储一点。GIF图像文件在压缩图像数据之前，必须先将图像数据处理成一个字节只存储一个图像点的值。

（5） 根据标识符寻找数据区。GIF图像文件内的各种图像数据区和补充区，多数没有固定的数据长度和存放位置。为了方便程序寻找数据区就以数据区的第一个字节做为标识符，让程序能够判断所读到的是哪种数据区。

（6） 图像数据有两种排列方式：①顺序排列；②交叉排列。

（7） 最多只能存储256色图像。

GIF图像文件结构一般是由七个数据单元组成，它们是：表头、通用调色板、图像数据区以及4个补充区。而只有表头和图像数据区是文件不可缺少的单元，对于通用调色板和其余的4个补充区不一定会出现在文件内。

在GIF图像文件内可以有多个图像数据区，而每个图像数据区存储一幅图像，通过软件处理和控制（如Paint Shop Pro和Animation Shop）使得这些分离的图像能够形成一个连续有动感的画面，即动画图像。所以，GIF图像文件常用于制作Web网页和多媒体系统的特技效果。

TIF（TIFF）文件：TIFF文件是"Tag Image File Format"的缩写，是由Aldus公司与微软公司共同开发设计的图像文件格式。它有如下特点：

（1） 善于应用指针的功能，可以存储多幅图像。

（2） 文件内数据区没有固定的排列顺序，只规定表头必须在文件前端，对于标识信息区和图像数据区在文件中可以随意存放。

（3） 可制定私人用的标识信息。

（4） 除了一般图像处理常用的RGB模式之外，TIFF图像文件还能够接受CMYK、YcbCr等多种不同的图像模式。

（5） 可存储多份调色板数据。

（6） 调色板的数据类型和排列顺序较为特殊。

（7） 能提供多种不同的压缩数据的方法，便于使用者选择。

（8） 图像数据可分割成几个部分分别存档。

TIFF图像文件主要由三部分组成：表头、标识信息区和图像数据区。文件内固定只有一个表头，且一定要位于文件前端。表头有一个标志参数指出标识信息区在文件中的存储地址，而标识信息区也有一组标识信息，用于存储图像数据区的地址。标识信息区内有多组标识信息，每组标识信息长度固定为12个字节。前8个字节分别代表标识信息的代号（2字节）、数据类型（2字节）、数据量（4字节）。最后4个字节则存储数据值或标志参数。文件有时还存放一些标识信息区容纳不下的数据，例如调色板数据就是其中的一项。 由于应用了标志的功能，TIFF图像文件才能够实现多幅图像的存储。若文件内只存储一幅图像，则将标识信息区内容置0，表示文件内无其他标识信息区，只存储单幅的TIFF图像文件结构。若文件内存放多幅图像，则在第一个标识信息区末端的标志参数，将是一个值非0的长整数，表示下一个标识信息区在文件中的地址，只有最后一个标识信息区的末端才会出现值为0的长整数，表示图像文件内不再有其他的标识信息区和图像数据区。

PCX文件：PCX图像文件是由Zsoft公司在80年代初期设计的，专用于存储该公司开发的PC Paintbrush绘图软件所生成的图像画面数据。目前PCX文件已成为PC机上较为流行的图像文件。

下面是PCX图像文件的几个特点：

（1） 一个PCX图像文件只能存放一张图像画面。

（2） 它是使用RLE压缩方法来进行压缩的。

（3） PCX图像文件有多个版本，能处理多种不同模式下的图像数据。 （4） 4色和16色PCX图像文件有可设定或不设定调色板数据的两种选项。

（5） 16色图像数据可分为一个或四个bit Plane来处理。

TGA格式是由Truevision公司为视频摄象机图象而设计，用于帧捕捉的最主要的24位图象格式，其典型的图象尺寸为400*512个像素，每像素16 . 24或32位彩色。目前各电视台节目制作时叠加的台标或栏目标花多是以 .tga图片文件引入字幕机的。在电视台节目的制作中，制作人员有时也需要利用非线性编辑设备从录象带上抓取画面（抓帧），然后将所抓画面用于印刷或上网新闻图片。这时抓帧所得的图象就是TGA文件格式，可以利用PhotoShop进行格式转换。

JPEG格式一般用来显示照片和WWW以及在线服务的HTML（超文本标记语言）文件，它能保存RGB图象中的所有颜色信息。JPEG也是一种带压缩的文件格式，但在压缩时文件有信息损失。当需要在INTERNET上新闻图片时，一般以 .jpg格式的图片上载，不能太大，一般为180*160像素，以免文件过大，影响网民下载兴趣。

以上粗略地对一些常用的图像文件作了一点简单的介绍，无论选择哪种文件格式，都要考虑文件的大小。下面以一副8英寸*11英寸，分辨率为72dpi的图象为例，来比较一下不同的文件保存它时的文件大小。

作为电视制作人员，面对如此多的纷繁复杂的图象格式，怎样做到心中有数，使用起来得心应手？本人以为首先必须区分清楚各种文件格式在计算机中何时出现？如何实现它们彼此之间的格式转换？以及在什么情况之下，一种格式好于另一种格式，然后就可以根据实际应用情况，有区别的决定选取的文件格式。

BMP格式是WINDOWS和OS/2机的本机文件格式，当计算机系统平台是基于这两种软件时，我们打开计算机最常见到的屏幕保护画面（即壁纸）一般就是 . BMP文件。这可以通过打开控制面板中的显示设置看到。当然如果您使用WINDOWS系列操作系统附件提供的画图板（PAINT）创作时，系统默认的保存格式也是 . BMP，您也可以选择存为 .JPEG或 .GIF格式，并把它们用作屏幕保护画面，使您的屏保与众不同。BMP格式也是您与没有图象处理软件的用户共享图象文件的一种很好的格式。在一些个人计算机中还普遍支持另外一种图象文件格式，即PCX。PCX文件是压缩的，因此同一幅图象用PCX格式保存比用BMP格式小。PICT是Macintosh系统的本机文件格式。

TIFF（带标记的图象文件格式）是一种很好的跨平台格式，如果需要保存带有选择区域信息的Alpha通道图象，可以选择这种格式，TIFF文件能够保存一个Alpha通道。

JPEG格式包含有颜色深度信息，在保存照片和具有平滑渐变或混合模式的图象时，最好选择JPEG格式。它的压缩比可以达到100：1，压缩比越高，图象质量受到的损失越大。使用时系统一般会要求选择图象大小和分辨率。

GIF格式用于保存许多帧可一幅接一幅显示的画面，通过软件处理和控制，这些画面能够演示一个连续有动感的画面。这种能力使得GIF成为网上最流行的选择。由于WWW浏览器只支持GIF和JPEG格式，所以目前从INTERNET上下载的某个网页的内容时，除了可以得到文字及JPEG格式的图片外，还会得到许多的GIF文件，一般为一组或几组分离的小画面，它们就是该网页所含动画的组成子画面。其实利用Photoshop可以很容易的创作动画。在Photoshop上创建一幅每层有一帧新画面的图象，然后将它存为本机PSD格式，并输出给一个动画程序，如Gamma公司的GIF Movie Gear，并设置每一帧画面的持续时间，然后执行转换，就可以生成一个动画文件了。制作自己的网页时，动画制作是免不了的。

gif动画篇9

关键词：Photoshop 网页制作 图像

0 引言

信息化时代，网络技术得到快速发展。网络发展离不开网页的作用，网页作为网络发展中最主要的元素，在其中起到了决定性的作用。网页制作是介于网像处理技术和编程技术之间的学科，网页作为一种媒体.必须要有一定的艺术感染力。网页制作的工具很多，Photoshop因其图像处理的强大功能在网页制作中也发挥着巨大的作用。正确使用Photoshop处理图像可以增加网页的美观，提高网页的下载速度，提高网页的制作效率。

1 网页中的图像制作

1.1 网站Logo图标的制作

Logo图标是一个网站的形象标志。一个优秀的Logo图标，不但能点缀界面，而且还可以加深浏览者对该网站的印象，提高网站的点击率和知名度。

Photoshop提供了矢量图绘制功能。使用钢笔（ 或形状）工具，可直接绘制出矢量线条；也可以首先建立选区，再通过路径调板上的“将选区转化为路径”按钮，实现矢量线条的绘制。然后，通过路径调板上的“ 填充路径”按钮，为路径填充上颜色。最终实现矢量图形的绘制。使用这种方法制作出的Logo图标，具有任意放大不失真的优点。

1.2 网页顶部图片制作

网页顶部图片一般位于网页的顶端，同时包含了网站Logo图标和网站名称等重要信息。此图片的制作工作，在网页设计中占有举足轻重的地位。

在Photoshop环境下，先把网站Logo图标的图像复制到顶部图片文件中，并将其调至背景层上方；然后，在图层调板上按“添加图层蒙版”按钮，为该层添加图层蒙版；再利用画笔或渐变工具在图层蒙版上处理，使两层图片实现“无缝”衔接。最后利用文字工具添加网站标题；将文件保存成JPG文件完成顶部图片制作的同时，将文件另存为PSD文件，保留各图层的图层信息，以便将来对顶部图片的再编辑。

1.3 网页背景图片的制作

网页背景图片是网页制作过程中不可缺少的基本元素之一，是网页美工的基础。

GIF和JPEG是网页制作中最常见的两种图像文件格式。在Photoshop环境下，可通过“图像/模式/...”命令，将图像文件转换成相应的颜色模式；然后，在保存文件时的“格式”选择项中，选取相应的文件格式进行保存，即可实现两种文件格式间的相互转换。同时，GIF文件还支持图片背景透明效果。

1.4 网页中按钮的制作

按钮是网页中经常需要使用的素材，漂亮的按钮必将给网站增添不少色彩，使网页更加精美，有会随着鼠标的接触而变色的按钮，还有立体按钮、水晶按钮、发光按钮等等。而这些按钮的制作最常使用的工具是Photoshop。

2 网页中的动画制作

在网页制作过程中，动画制作和图片制作占有着同样重要的地位。精美的动画不但能美化网页，而且还可以增加网页的信息容量。Photoshop所整合的ImageReady软件包，可以方便地制作出GIF和SWF动画。其中GIF动画具有文件体积小、IE支持稳定、网络传输速度快等优点，被广泛应用于网页制作。

这里是一个简单的动画制作实例，介绍利用ImageReady来创建动画的做法。

在ImageReady环境下打开两张GIF格式的素材图片（素材1是睁着眼睛的人物；素材2是闭着眼睛的人物，其它部位完全相同），并通过“窗口/动画”打开动画调板。把素材2文件中的人物图层，复制到素材1文件中，并将该图层命名为“图层2”；在动画调板上点击“复制当前帧”按钮，复制一个动画帧；在动画调板中选中第1帧，在图层调板中隐藏“图层2”的显示，并在第1帧下方的“选择帧延迟时间”设置为“1秒”；然后选择第2帧，在图层调板中将“图层2”显示出来；在动画调板上，设置循环次数为“一直有效”；点击动画调板上的“播放/停止”按钮，即可预览动画效果（每隔1秒钟，人物眨一下眼睛）；最后，执行菜单“文件/将优化结果存储为”命令，打开“将优化结果存储为”对话框，将“保存类型”设为“*.gif”，点击“保存”，即可生成GIF动画。 利用Photoshop制作SWF动画，与上述的制作GIF动画十分相似，仅在保存文件时有所不同。预览动画后，执行菜单“文件 /导出/MacromediaRFlashTM SWF”，即可生成SWF动画。

3 设计简单WEB页面

设计WEB页的软件有很多，但是大部分的专业设计师还是喜欢使用Photoshop来进行初稿设计。因为在Photoshop环境中，进行彩色搭配十分方便、直观，将其用于网页制作的初稿设计上是极为合理。

第一步：用Photoshop把整个页面的大体轮廓设计出来，可保留各图层信息，因为在利用切片工具进行切割图片时，可以基于图层进行切割。相应的就产生了流行于网络的PSD网页模板，这种网页模板大多是利用Photoshop来进行设计的。大体轮廓做好之后，利用切片工具和切片选择工具，对图像进行分割，将文件分割成若干个小的图片组。切割图像的原因是在浏览器中，一组小幅图像比单个大幅图像下载起来要快速得多。运行 ImageReady环境，创建动画效果，使部分图像动起来。第二步：创建网站地图定义交互区域，以及翻转图片等。第三步：将文件进行优化，并存储为网页文件格式。

利用Photoshop设计WEB页面时，也可以通过第三方的软件来配合设计。如常见的网页制作软件Dreamweaver、FrontPage等。

4 前景与背景的配合

网页是一个有机整体，其前景与背景必须紧密配合，效果才能协调美观。网页上的图像都是一个矩型区域，采用图案的边缘部分与背景会有一定的差异，用这样的广块图置于网页中，必然形成前景与背景之间的突兀变化，即前景图好象是打在背景图上的一块“补丁”，影响了画面的整体效果。因此，必须对前景图的边缘及图中的空白部分进行相应处理，使之与背景融合为一体。用Photoshop处理前景图时，通常采用透明、羽化及过渡填充等技术来实现这一目标。当前景图色彩要求较低、图案周围留白较多时，可选用透明的GIF格式做为图像应用格式，即选取图像中的有效部分，复制到一张大小适中的透明背景图层上，将该图存成透明底GIF格式文件即可。对图像色素较多，或边界与背景差异太大的情况，应选用JPEG格式做为图像最终应用格式，在图像边缘做适当宽度的羽化或者做从前景到背景的过渡填充，从而消除前景与背景之间的突兀变化，形成协调的网页布局。

5 提高网络传输的效率

制作网页时，不仅要考虑图像的艺术性，也要注意其传输效率。图像做得越大越精细，则在网络上的传输时间就越长，从而降低用户访问网站的兴趣。用Photoshop处理可以提高图像的传输效率：一是采用交错格式的GIF文件，该类文件不增加图像的额外尺寸，但在视觉上会有传输速度略快的感觉；二是对图像进行减色处理，去除图像上不必要的颜色，使图像更为小巧，但这样做的结果可能会造成图像质量的下降；三是对图像进行分块，将一幅大图像分割成数块小图像，这样就可以充分利用网络带宽的资源，多幅图像同时传送，以提高传输效率，这是网络上用得较多的方法。

6 结束语

Photoshop在网页制作中的应用还有很多，如导航栏设计等方面的内容。应用Photoshop制作网页是动手性很强的工作，需要制作人员不断积累经验，熟练掌握各类技巧，借鉴他人好的做法，这样才能能博采众长，不断提高网页制作水平。

参考文献

[1]丁晓燕 Photoshop在网页制作中的应用 《计算机时代》 200 第8期 - 维普资讯网

gif动画篇10

这次的暑假实习我选择了一家装潢设计公司，因为平时在学校从事编辑排版工作很想有机会到外面类似的公司里面实习一下，使自己的基础更牢固，技术更全面，实习的内容是学习平面设计（Photoshop和CorelDraw的使用）。

因为考虑到以后毕业有可能从事这个行业的工作，因此我非常珍惜这次实习的机会，在有限的时间里加深对各种平面设计的了解，找出自身的不足。这次实习的收获对我来说有不少，我自己感觉在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

第一天来到公司，不知道该做些什么，什么也插不上手，只是这里看看，那里逛逛，最终还是公司里的老师给我指了条路，让我用Photoshop和CorelDraw软件模仿教程做一些简单的图片，终于找到事情做了，于是我就乖乖的做起了图片。说实话我以前在学校的时候也这样做过，不过效果没有这么好，因为以前一遇到难的或不懂的就停下来不做了，而现在有老师在旁边，有不懂的就问，这使我受益非浅。

假如在作图的过程中如果使用几个小技巧，确实可以达到事半功倍的效果。

一、photoshop小技巧

1.制作圆角矩形方块

首先在photoshop中建立一个新文件，在文件上用矩形选取工具画一个矩形框，接着选择选单select→feather，输入半径值，数值越大则圆角矩形的半径越大。在选取区中填入颜色后，取消选取范围。选取选单image→adjust→threshold，由调整threshold level来改变大小，如此就会产生您想要的圆角矩形大小。若要产生圆角矩形的选取区，可以在选取区作用的环境下，切换到快速遮罩模式，同样执行threshold以获得您想要的遮罩。

2.高解析制作

在用photoshop制作网页图形的时候，许多朋友为了快速的操作，都会把图选择低解析度进行制作，但是有些滤镜会因为图形解析度的不足，而无法处理，最后出来的效果也很差。所以建议大家在处理类似情形时，可以先在高解析度下完成绘制、影像编辑等工作，然后再向下取样，将影像缩成最后的大小。

3.保留选取范围大小e”或“canvas size”。使用image size指令会将影像与选取范围一同缩小；若使用canvassize指令则只会将影像缩小，而选取范围仍保持原有的大小。记着再将快速遮罩模式切换成标准模式。

4.快速隐藏图层

如果您在photoshop中只想要显示某一层图层的影像，是不是得一一将其他图层隐藏起来呢？这里有一个既快速又方便的作法：只要在图层面版上同时按住ctrl＋alt以鼠标点选欲显示的图层的眼球图示，就可以将其他图层通通藏起来。另外也可以用ctrl＋alt＋快速键调整图层的前后次序。

二、coreldraw小技巧

1．擦去错误线条

如果您使用coreldraw中的手绘铅笔工具，不小心把线条画歪了或画错了，您不必急着将线条删除，只要立刻按下shift键，然后反向擦去即可。

2．动尺规

在coreldraw中事实上是可以让您自由移动尺规的位置，只要在尺规上按住shift键以鼠标拖移，就可以将尺规移动。如果您想将尺规放回原位，则只要在尺规上按住shift键迅速按鼠标键两下，就会立即归位。

3．利用coreldraw制作动画gif文件

事实上利用coreldraw也可以用来制作动画gif文件，您可以将coreldraw中的图层当成动画中一个个的影格，然后逐一输出成gif文件(其他图层上的影像必须先关闭)。再利用photo-paint的movie功能，先选择creat from document将第一张gif文件制成movie，再陆续将转好的gif文件以“insert fromfile”插进来，选择“储存成…”动画gif的格式，于对话框中设定延迟的时间和位置，如此就算大功告

4．同时旋转与缩放

如果您在coreldraw中，拖拉物件的旋转把手时，同时也按住shift键，那么将可以同时旋转与缩放物件；若是按住alt键，将可以同时旋转与变形倾斜物件。