当前位置:首页 >> 平面设计

PS制作像素图GIF动画教程

当我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。
  那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。
  NO 1. ImageReady 3.0
  ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件
  所以在Photoshop(以下简称PS)里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。
  首先要在PS里将图片画好
  这次制作的是一个看到了漂亮MM的便便
  我把便便的眼睛画成了两颗爱心,来表达它对漂亮MM的一见钟情
  要有心跳的感觉,就要分别画一副小眼睛和一副大眼睛的图
  先画好小眼睛的
PS制作像素图GIF动画教程
  然后选择菜单Windows中的Layers面版
PS制作像素图GIF动画教程
  在这副图上新建一个层
PS制作像素图GIF动画教程
  在新建的层上画上大一点的眼睛,遮住原来的小眼睛
PS制作像素图GIF动画教程
  最后将这个层设置为隐藏
PS制作像素图GIF动画教程
  接下来就是GIF动画的制作了,点击工具面板上的Jump to ImageReady键,进入IR的界面。
PS制作像素图GIF动画教程
  选择菜单Windows中的Animation面版
PS制作像素图GIF动画教程
  新建一个帧,选择该帧。
PS制作像素图GIF动画教程
  将刚才图片上隐藏的那一层显示
PS制作像素图GIF动画教程
  点击每一帧的右下角,就可以选择这一帧显示时间的长短,也可以自定义。
PS制作像素图GIF动画教程
  最后,点击菜单File中Save Optimized As...将图片保存为gif格式。
PS制作像素图GIF动画教程
  好了,一个简单的GIF动画就制作成了^^
PS制作像素图GIF动画教程
  NO 2. Animagic GIF
  这个软件是我最早学做GIF图片时用的,操作起来非常简单,比较适合适合初学者使用。
  首先我们在PS里将刚才画的图片,分别另存为两张眼睛大小不一样的图。
PS制作像素图GIF动画教程
PS制作像素图GIF动画教程
  图片 1
PS制作像素图GIF动画教程
  图片 2
  然后在Animagic GIF中将<图片1>打开,再点击菜单File中的Instert frames...将<图片2>插入
PS制作像素图GIF动画教程
  点击Animation中的Frame rate...调节帧的速度
PS制作像素图GIF动画教程
PS制作像素图GIF动画教程
  最后将图片另存就OK了^^
PS制作像素图GIF动画教程