admin管理员组

文章数量:1531791

2024年7月19日发(作者:)

QQ的动态表情其实就是Gif格式的小动画,Gif(Graphic Interchange Format)是网上通用的图像格式,

它具有支持透明背景、动态效果、制作简单、体积小等特点。制作Gif动画软件比较多,常用的一般有ImageReady、

Fireworks、Flash、Gif Animator等,今天我们就以用Photoshop与ImageReady为主,聊聊制作QQ表情动画

的主要方法和表现技巧。

背景知识:ImageReady作为Photoshop捆绑销售的软件,弥补了Photoshop在缺少动画制作功能的不足,

Photoshop与ImageReady在菜单栏与各种面板上的排列都很相似,熟悉Photoshop的人很快就能掌握

ImageReady的操作,而用psd格式保留分层的源文件,给Gif动画日后修改时更带来了许多方便。

一、Gif动画简述

简单地说,动画就是在一段时间内显示的一系列图像或帧,每一帧较前一帧有轻微的变化,当连续、快速

地显示这些帧时会产生运动的错觉。

我们可以在photoshop中先用图层画好图像的每一部分再转入ImageRdady逐帧编辑。也可以在

ImageReady 中直接打开一个图像,则“动画”调板将该图像显示为新动画的第一个帧。我们添加的每个帧开始

时都是上一个帧的副本。然后可使用“图层”调板对帧进行更改。

二、用移动的方式表现动画

Gif通过错位两帧相同的画面或局部,再以循环播放的方式,就可实现简单动画。

1.整体移动

实例一:

①在photoshop中新建一个20×20像素,背景色为“透明”,分辨率为“72” ,“模式”为“RGB”的画

布。

②用大小为“1”像素的铅笔,勾画出QQ表情。这一步如果不想用铅笔勾画像素点,也可以做大图后缩小

至合适尺寸。(图一)

图一

③选择菜单栏上的“文件”——“跳转到”——“Adobe Imageready”(shift+ctrl+M),或直接点击工

具栏上最底部的图标。(图二)

图二

④在Imageready的图层面板上,复制一个图层一复本,更名为图层2,并将此图层上移1个像素。(图三)

图三

⑤在“动画”面板上新建一帧,使第一帧为当前帧,同时在图层面板上使图层1为当前图层并隐藏图层2。

使第二帧为当前帧,同时在图层面板上使图层2为当前图层并隐藏图层1。(图四、图五)

图四

图五

⑥在“动画”面板上将两帧的时间都设置为“0.1秒”,具体方法是点击帧下端的时间,弹出选择框,选

译“0.1秒”。(图六)

图六

⑦在“动画”面板上将“循环计数”设置为“一直有效”,具体方法是点击“动画”面板左下角的“循环

本文标签: 动画图层制作面板循环