欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

PS制作像素图GIF动画教程

程序员文章站 2024-01-09 22:03:16
...
当我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力 当我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。
  那么今天我就介绍两种做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动画教程
相关标签: 像素 GIF 动画