网站地图    收藏   

主页 > 前端 > photoshop教程 >

如何用Photoshop制作GIF动画_自学php网

来源:自学PHP网    时间:2014-12-04 23:23 作者: 阅读:

[导读] GIF动画制作/处理GIF图片用什么软件 用Pshotoshop打开gif格式动态图片后会丢帧,就是只能显示动态里的一张图片,需要用photoshop附带的Imageready打开,即点击文件-导入-视频帧到图层;同样用Psh...

GIF动画制作/处理GIF图片用什么软件
用Pshotoshop打开gif格式动态图片后会丢帧,就是只能显示动态里的一张图片,需要用photoshop附带的Imageready打开,即点击文件-导入-视频帧到图层;同样用Pshotoshop不能编辑gif格式动态图,要用photoshop附带的Imageready才能制作GIF图片.

用photoshop制作gif动画图片指导
  只要是photoshop6.0以上的版本就自带ImageReady,先找到你要做的原图,然后
  第一步:
  启动photoshop,并打开需要的两幅图!
  第二步:
  会弹出修改框,修改宽度和高度的像素。注意下面红线里的约束比例!要改成非比例的大小就把勾点去!然后将两副图片的大小调一致!
  第三步
  很多JPG格式的图在photoshop8.0里锁定的,所以双击图层里的背景项,会弹出一个选项框,选择好~将背景变为图层!(同理,另一幅图片也这么做。但注意在photoshop里通过点击图片来改变当前编辑的图片,所以改另一副图先点击一下)
  第四步
  选择左边工具条上面左边的工具! 然后点住一幅图片将它拖至另一副图片里! 这时在图层里应该是有两个图层! 将两个图片根据画面的大小对对好~按保存!
  第五步:
  这时启动ImageReady,打开你刚保存的图片!
  第六步:
  在动画工具条里点击“复制当前帧”,复制后,在动画里会显示有两个帧!
  第七步:
  点击动画工具里的“过度...”按扭! 点击后会出现过度对话框!在“要添加的帧数”里选择你希望的帧数,默认是5,这里我们也选择5,然后点击“好” 这时动画栏里会显示有7个帧!
  第八步
  这时看看图层里的当前图层是否为上面的图,不是的话点击来改变当前图层! (注意有兰色条显示的就是当前图层!) 选择好当前图层后,点击动画栏里第二个帧!点中后第二帧应该是兰色的! 然后在图层栏那边改透明度!将其从100%改为80%
  第九步
  接着选择第三个帧 将其不透明值改为60%
  第十步:
  同样的方法点击第4帧!将其不透明值改成40%。
  点击第5帧,将其不透明值改成20%
  第十一步:
  点击第1帧,点击“选择帧延迟时间”点击后会弹出个菜单!选择0.2秒延迟后,第1帧下面会变为0.2秒。当然可以根据你的喜好改变。
  第十二步:
  点击第7帧,和上面一样延迟0。2秒
  第十三步:
  点击“播放”按扭。就可以看到效果了
  第十四步:
  准备保存了,在转为GIF文件前,先设下优化值!在预设一项将其值改为 GIF 128 仿色 然后选择文件菜单里的“将优化结果存储为” 选择文件名后,按好!就OK了!
  GIF文件格式(GIF file)
  GIF文件格式采用了可变长度的压缩编码和其它一些有效的压缩算法,按行扫描迅速解码,且与硬件无关。它支持256种颜色的彩色图像,并且在一个GIF文件中可以记录多幅图像。包括文件头(Head Block)、注释块(Comment Block)、循环块(Loop Block)、控制块(Control Block)、GIF图像块(Image Block)、文本块(Plain Text Block)、附加块(Application Block)。

 

案例:文字,六条内容,依次出现.
制作:白色背景图层,六条内容分别在六个图层上.

点击Photoshop左边工具栏最下面的羽毛按钮(或快捷键:Shift+Ctrl+M),进入ImageReady编辑状态。

在动画面板中,进入ImageReady的状态即为第一帧。

在图层面板中,把六个文字图层隐藏,只剩白色背景层,第一帧内容就变,成白色背景了.

点击动画面板[复制当前帧]按钮,把第一条内容图层打开,第二帧内容就是白色背景上有第一条内容.

同理,制作余下内容图层,可以调整每一帧的时间.

现在添加渐变效果,选中第二帧,点击动画面板[过渡]按钮.在/要添加的帧/中填写参数.

插入你要添加的帧数,成淡入效果。

保存:文件->将优化结果存储为,即可得到一个动态gif。
 

说明:
ImageReady是由Adobe公司开发的,以处理网络图形为主的图像编辑软件。ImageReady诞生时,1.0版本是作为一个独立的软件发布的。那时它并不依附于Photoshop。直到Photoshop更新到5.5版本的时候,Adobe公司才将升级到2.0版本的ImageReady和它捆绑在一起,搭配销售;而当photoshop更新到10.0时(也就是photoshop cs3版本),ImageReady从人们的视野中消失了——photoshop cs3集成了ImageReady几乎所有的功能,因此ImageReady已经不必要了。ImageReady与photoshop捆绑在一起的目的是为了加强Photoshop对网络图像(主要是GIF图像文件)的支持功能。而在CS3中ImageReady被Fireworks所代替。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论