|
|
GIF图片想必对大家都不陌生。网上也有很多GIF图片的制作教程。由于能做GIF的软件实在很多，有复杂的，也有傻瓜式的。在这里我想给大家用和photoshop CS2 绑定在一起的软件ImageReady 来介绍一些GIF动态图片的制作。制作教程存属个人经验！
-------------------------------------------------------------------------------------------------------------、
有关内容：
1，说实话如果不是因为有论坛的存在，我也不会去做什么GIF，因为比起做动画，FLASH更具权威和灵活性了。但是由于论坛是不支持FLASH头像和签名的。所以让GIF得以生存了下来。
2,在众多做GIF的软件中，选择了ImageReady(和photoshop捆绑在一起的软件)可能是因为习惯了PS的原因，做起GIF来自然会偏向ImageReady。最重要的一点是ImageReady和PS能够相互来回切换，这样会大大的节省了制作时间。
3，怎么进入ImageReady？ 方法1： 我是用的PS CS2 （建议使用以上版本）在安装好PS后ImageReady也就自动安装好了的，在 开始--程序里面你会看到PS的打开图标是个蓝色的叶子，那个红色的叶子就是ImageReady的图标了。方法2：教程中会讲到。
------------------------------------------------------------------------------------------------------------
教程内容：
教程的类容将从一张动态蝴蝶的GIF 到论坛LOGO  的制作一步一步的讲叙。该教程的最大优点就是材料一律会用姐姐的图片。
------------------------------------------------------------------------------------------------------------
教程1：一张简单的蝴蝶。
那我们就先从这张GIF的制作来了解在photoshop的ImagesReady下制作一个GIF的具体流程。
在制作之前我们必须对GIF的动画形式要有最基本的了解。其实GIF动画就是几张图片的不断循环替换，从而给人一种运动的感觉。
拿这个蝴蝶做例子：
拆分出来后我们会发现组成这个GIF的其实是4张图片：方大后排列为：
也就是做只要这4张图片的依次循环就能做出一只蝴蝶的运动GIF了。4张图片为一次循环。
如果你仔细观看会发现第2张和第4张是一样的。这个很重要，因为我们要的是一个不断的循环，而不是一次翅膀的扇动。
那思路就很清晰了，要做这个动画，我们得先作出这4张图片（其实是3张）[用PS做出来]把4张图片放到某个软件中运动循环就可以完成了！
ImageReady 就是这“某”个软件了。
思路已经很清晰了，那么现在才开始真正的教程...
------------------------------------------------------------------------------------------------------------
教程1：
材料一张图片：
前面已经说了了要做GIF先做4张图片。所以下面不管我怎么说目的是得到这4张图片，方法很多...
1，打开材料
2，将材料复制3张（得到3个图层）
3，第一张改变宽度为原来的85%，第二张改变为原来的75%，第三张改变为原来的85%（其实第3张不用做了的）
如图：
（不要太依赖我给的图片）
4，得到了3张宽度不同的图片，分别在3个图曾里面（也可以做成4张但是第2张和第4张是一样的，所以我没做了）
如图：
那么做GIF的材料就算是完成了，注意：完成材料的过程是在PS里面进行的！一共3个图层
下面的过程是动画的过程了。
点工具栏的下放的红叶子。进入ImagesReady(貌似有些试用版的，或者是早期版本的不带IR的）
如图：
1，进入到ImagesReady工作界面
2，打开动画窗口 如图：
3，在动画窗口创建另外3个“贞”
4，每个贞对应一个图层。这个比较难解释，也就是说点击每个贞的时候右边只有一个图层是有“眼睛”的。
如图：
5，动画窗口里面贞的循序前面已经给出来了，点击播放就能观看效果了！
最后是保存GIF格式了
文件-保存最优 如图：
（在这张图片上你可以看到每个贞对应的图层只有一个是可视的！）
最终效果为：
------------------------------------------------------------------------------------------------------------
与其说是个蝴蝶的制作教程，到不如说成是一个简单GIF在ImagesReady下的一个详细的制作流程。
我想说的是流程的理解很重要，只有知道了怎么去做，才能真正的了解教程，才能才能不会被教程所约束！
学会了这个教程，你大概就知道我的头像是怎么做的了。
你可以扩展得到很多GIF，这只蝴蝶是我做的第一个GIF ，所以在以后的GIF中都会常看到它的身影。
感觉自己很钟情于第一次，所以到现在我仍然没换头像，就象绘是我第一个注册的论坛一样...
别小看这只蝴蝶，他可以点缀你的很多图片，
如头像：
签名：
这个教程将是一个对ImageReady制作GIF的一个流程的入门，个人认为很重要的。所以花了这么多时间来写。
以后的一些教程将会用姐姐的图片来介绍一些网上常见GIF的制作方法。最后你会发现其实论坛LOGO的制作也就这么回事情了。
方法很简单，创意才是最重要的东西了。
注意：材料最好是透明的PNG格式！如果没有请到网上下载或者和我QQ联系 一定是PNG透明！！
[ 本帖最后由 永远的风之子 于 2008-9-26 22:41 编辑 ] |
本帖子中包含更多资源
您需要 登录 才可以下载或查看，没有帐号？注册
x
|
发表于 2008-1-8 19:26:27
发表于 2008-1-8 19:30:14
楼主
