PS像素图GIF动画制作

10/11/2015来源:Photoshop教程人气:2526

  当我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。

  那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。

  NO 1. ImageReady 3.0

  ImageReady 3.0 是photoshop6.0 自带的一个图像处理软件

  所以在Photoshop(以下简称PS)里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。

  首先要在PS里将图片画好

  这次制作的是一个看到了漂亮MM的便便

  我把便便的眼睛画成了两颗爱心,来表达它对漂亮MM的一见钟情

  要有心跳的感觉,就要分别画一副小眼睛和一副大眼睛的图

  先画好小眼睛的

像素图GIF动画制作教程

  然后选择菜单Windows中的Layers面版

像素图GIF动画制作教程

  在这副图上新建一个层

像素图GIF动画制作教程

  在新建的层上画上大一点的眼睛,遮住原来的小眼睛

像素图GIF动画制作教程

  最后将这个层设置为隐藏

像素图GIF动画制作教程

  接下来就是GIF动画的制作了,点击工具面板上的Jump to ImageReady键,进入IR的界面。

像素图GIF动画制作教程

  选择菜单Windows中的Animation面版

像素图GIF动画制作教程

  新建一个帧,选择该帧。

像素图GIF动画制作教程

  将刚才图片上隐藏的那一层显示

像素图GIF动画制作教程

  点击每一帧的右下角,就可以选择这一帧显示时间的长短,也可以自定义。

像素图GIF动画制作教程

  最后,点击菜单File中Save Optimized As...将图片保存为gif格式。

像素图GIF动画制作教程

  好了,一个简单的GIF动画就制作成了^^

像素图GIF动画制作教程

  NO 2. Animagic GIF

  这个软件是我最早学做GIF图片时用的,操作起来非常简单,比较适合适合初学者使用。

  首先我们在PS里将刚才画的图片,分别另存为两张眼睛大小不一样的图。

像素图GIF动画制作教程
像素图GIF动画制作教程

  图片 1

像素图GIF动画制作教程

  图片 2

  然后在Animagic GIF中将<图片1>打开,再点击菜单File中的Instert frames...将<图片2>插入

像素图GIF动画制作教程

  点击Animation中的Frame rate...调节帧的速度

像素图GIF动画制作教程
像素图GIF动画制作教程

  最后将图片另存就OK了^^

像素图GIF动画制作教程