GIF动画制作
GIF动画是在网上最早兴起的,由于它的使用有极大灵活性,现在还有一定的生命力。
制作GIF的软件很多,我不打算让大家再装新软件。如果你安装的Photoshop 是6.0 以上版本,里面带的一个ImageReady 软件就可以做 GIF 动画。如果是5.5 以前的版本中没有这个附件。使用ImageReady的好处是不用安装新软件,再者大家对Photoshop的操作都很熟悉,比学习新软件更容易学。
在打开电脑菜单时,“Adobe” 下的 “Photoshop”项有两个下级菜单,一个是“Adobe Photoshop”,还有一个是“Adobe ImageReady”,选择该项就可打开动画编辑版面。
启动 photoshop 后,在“文件(Fiel)”菜单下选择“跳转——ImageReady”即进入动画编辑版面。
启动“Adobe ImageReady”后,屏幕界面如下图:
下面制作一个最简单的女孩眨眼的动画来试一下“ImageReady”。
选择菜单命令“文件(Fiel)——新建(New)”,在弹出对话框中输入“宽度(Width) 200 ,高度(Height) 160”(这是我这个画的尺寸),背景色选择“透明(Transparent)”,建立一个空文件。
打开小女孩的图片,选择菜单命令“图像(Image)——图像大小(Image Size...)”,在弹出对话框中输入“宽度(Width) 200 ,高度(Height) 160”。
用左上角的方框选择工具选中小女孩,按键盘上的“Ctrl+C”复制,关闭小女孩图片,在空文件上按“Ctrl+V”键粘贴,连按两次,把粘贴的两个层图像完全对齐。
在“图层(Layers)”面板中选中“图层2(Layer2)”,在工具栏选择“画笔(Paintbrush)”工具,画笔“硬度”选择最小,用与面部相同的颜色将眼涂改。
好了,现要我们看到该文件有两个层,第一层是睁着眼的,第二层是闭眼的。
点击一下“复制帧”按钮,可看到下面动画栏中有了第2帧。
选择第1帧,在右边“图层”面板中点击第2层(Layer2)的“可视性”标记,那个“眼”形图标消失,第2层变成不可见。
再在动画栏选择第2帧,在右边“图层”面板中点击第1层的“可视性”标记,那个“眼”形图标消失,第1层变成不可见。
在动画栏点击第1帧下面的“时间”选择三角形,拉出框中选择“1秒(1 sec)”,拉开第2帧“时间”选择框,选择“0.1秒”。
选择菜单命令“文件(Fiel)——存储优化结果(Save Optimized)”,在弹出的对话框中选择好保存目录,输入文件名字,点击“保存”就可看到你制作的动画了。
上面这个动画是两幅图像交替显示的,如果你用更多的图像交替,就粘贴上更多的“层”,复制出更多的“帧”,每个“帧”中设置好要显示的“层”和不显示的“层”,那就看你的创意了。
下面再试一个渐隐过渡的动画。
建立一个新文件,粘贴上两个层两个图像,然后“复制”一帧。
选择第1帧,点击下面的“帧过渡”按钮,在弹出的参数设置对话框中,最下行设置好过渡帧数,如下图中我设置为“3”,确定后总帧数就变成了5帧。
将第1帧和最后帧时间设置为“1秒”,中间帧设置为“0.5秒”,“存储优化结果(Save Optimized)”后就成了下面的动画。
前面试了用“ImageReady”制作动画,下面我们看如何使用“ImageReady”修改“GIF”格式动画。
在网上我们发现GIF格式动画很多,有些我们拿来修改一下自己用也很有趣。有些动画我们可以改一下文字适合自己的需要,有些有背景的我们需要去掉背景,还有些我们可能只需要用动画中的一部分,还有些我们可以改动作的快慢,这些都可以由“ImageReady”来完成。下面我们看这一个动画:
把文字改一下向朋友献花很不错呀!启动“ImageReady”,选择菜单“文件(Fiel)——打开(Open)”,打开该文件后可以看到下面动画区里有两个“帧”,右边图层面板中也有两个“层”,如下图:
在右边图层面板中选择第一层,在下面动画区选中第一帧,将图片下部的英文字符用“橡皮”工具擦掉,或者用套索套住后删除。然后再选择T形文字工具,打上所需要的文字。有Ph操作经验的都知道,打字后会自动添加一个层,文字在新层上,图层面板如下图:
这时我们要确定文字层为当前被选中层时,选择菜单“图层——向下合并图层”注意一定不要勿略“向下”二字,如果你选择了“合并图层”可就坏了。这时可以看到文字层和最下第一层合并一起了。
然后再在右边图层面板中选择第二层(上层),同时点击第一层的“可视性”标记,使那个“眼”形图标消失,在下面动画区选中第二帧,再打上第二帧的文字,再把文字层和第二层合并。
最后设置在第一帧时,让图层二不可视,在第二帧时,让图层一不可视。再在“文件”菜单中选择“将优化结果存储为(Save Optimized As..)”命令,输入文件名字存储成一个新的动画。注意和上次不一样,上次试验是建立一个新文件,选择“存储优化结果”,这次是打开的动画文件,必需另存才行,选择“将优化结果存储为”命令,看动画文件就改好了。
以上为了便于叙述,是以两帧动画为例子,如果动画有很多帧,注意在层面板中也有很多层,每层如何设置,你慢慢研究吧。
文字动画
以上讲的图像动画都是以每帧显示某一相对的层中内容方式制作的,如果制作文字动作,还可以不增加层,只让文字在一层中动作。看下面例子。
打开一个背景图像。如果背景图像不是GIF格式,请先在“信息”面板中选择“优化”标签,“设置”项中选择“GIF128仿色”。在工具栏选择文字工具输入文字,然后再在“文件”菜单中选择“存储为”另外输入名字保存成一个文件。
在动画区设置时间为“0.2秒”,击三次复制按钮,动画区为四帧,如下图所示:
选中第二帧,在层面板选中第二层,在上面菜单栏拉开“图层”菜单,从中选择“文字——文字变形”,打开“文字变形”对话框如下图所示:
在样式中选择“波浪”,方向选择“水平”,弯曲设置为“80%”(如上图中),再在下面动画区选中第三帧,再打开“文字变形”对话框选择“波浪”,这次弯曲设置为“-80%”,就是和前一帧弯曲程序相反。
以上设置好后,由于变化太突然,我们再中间添加“帧过渡”。先选中第四帧,击“帧过渡”按钮,弹出“过渡”对话中添加1 帧,设置好下图:
再选中第三帧,由于第三帧与第二帧之间变化大,所以添加3个“帧过渡”,如上图所示把最下行的“1”改为“3”,其余不变。再选中第二帧,添加1帧过渡。因最后一帧和第一帧重复,所以再把第一帧和最后一帧的时间改为“0.1”秒,些动画设置完成。
选择“将优化结果存储为”命令,看制作动画如下。
文字变形对话框中有很多变形样式,这里就介绍一种,其余样式你自己试吧。
学习过Photoshop的文字艺术的还可给文字加上各种效果。当你输入文字后,在图层面板中选中文字层,点击下边左端一个圆圈中代f字符的图标就可打开“效果”对话框,里面有很多文字效果,如下面就是给文字层加了“阴影”效果。
选择效果要在没有复制帧以前操作。当然,你如果想搞更多新花样,也可设置好帧以后,给每帧加上不同的效果。