老鼠简单动画学习--闪烁的字体

热门搜索：

您的位置：首页 >> 软/硬件使用知识 >> 软/硬件使用知识 >> 主题: 老鼠简单动画学习--闪烁的字体

标题	老鼠简单动画学习--闪烁的字体
老鼠的亲戚	浏览(1130) 2006-01-14 00:14:41 发表编辑关键字: 今天本想在网上找个效果放到网页上，结果没找到我所想要的。无奈之下找到一篇某君的理论动画说，然后自己试着做出了第一个作品。现做一教程，给大家分享：）那篇文章我先贴下来，大家也可以自己先琢磨一下其中的原理，可能奇怪它没有配图片，大家可别认为是我偷懒哦，我看的时候它就这样了。 ------------------------------------------------------------------------------------------ 用ImageReady作动画许多擅长用Photoshop的网友，在需要作动画Logo或动画广告条时，会很自然地想到用动画专用软件，如Ulead公司的Animater之类。先将动画的各组成页用图象编辑软件作好，再到动画软件里组合。这种方法虽然很可靠，但较麻烦。尤其当作品完成后，又想改动，而原动画组成页已被你删除，可就“虾”了。我给你推荐一种方法，用ImageReady2.0吧。 ImageReady2.0与Photoshop几乎相同，可以说是Photoshop的翻版。安装Photoshop5.5时，会自带ImageReady2.0。当然，你也可以到网上找找看。如果你会用Photoshop，事儿就全齐了，马上就能作动画，即方便，可改动性又强。我先来讲讲ImageReady2.0的动画原理，相信你很快就会掌握它。大家都知道，如果不会用Photoshop的层控制，就不能算会用Photoshop。在ImageReady2.0里，动画的制作主要是在层控制板上完成的。开始，你不必关心动画的各页设置。你只须象用Photoshop一样，将动画的各静态部分分别放到不同的层上，在每一层上，无内容的区域就让它空着，不用管它。每个动画静态页可以都在一层上，也可在几层上，只要你弄得清哪些层同时显示，就能组成哪一个动画静态页。比如，你想让一个单词从左到右分别出现三次，左边一次，中间一次，右边一次。那你只须作三个层，并分别将这个单词放在左、中、右位置。当作完组成动画的所有静态图层后(我说了，并不需要图层和动画静态页成为一对一的关系，组成某一静态页的，可以是几个图层，只要你弄得清即可。并且，某一图层允许被不同的静态页公用)，就可以从容地将具体内容分别放入各静态页中，所谓放入，其实只是当你选中某一个动画页时，使反映这一页的那一层或几层为可见，而让其它层不可见。然后，到下一页，再使反映这一页的那一层或几层为可见，而让其它层不可见。ImageReady2.0将分别记住你关闭或打开各层的情况，这时，你只须令其输出就行了。原理弄明白，事情就好办了。首先看看这张图，图象窗和Photoshop有些不同。上方有四个显示状态选择，其中Original表示原始状态，即未经压缩时的显示状态。Optimized表示经优化后的状态显示，即压缩效果显示。2-Up和 4-Up则分别以两幅或四幅的幅面来显示不同的压缩效果，你只须对它稍作研究就会明白，我就不多说了。至于下面的几个数据显示框，都是很直观的。用鼠标点击它们，可以选择各种数据显示，比如中间那个框里的“9.146k”是表示这个动画被输出后的实际大小。这是层控制板。我这个小动画用了不少层吧？但每层数据量很小，作起来就相当快。你看，至少有五个层可见，而其它层被关闭了。它们的组合，就反映了一个动画静态页。上面说过，一开始不必去管动画各页的设置，也不必急于生成各个动画页。在默认情况下，开始只有第一页。当你将所有的层都设计得较为满意了，再从第一页开始，分别增加一页然后设置需要打开或关闭的层。当然，对于每个层，也可以设置其透明度和叠加方式，即上方那个“Normal”选择框和在它右边的那个透明度百分比选择。你的工作几乎都在这个控制板上，所以，尽可能发挥你的想象力吧，巧妙的组合会使你得到意想不到的效果。关于动画控制板，实在没什么可说的。它很简单，你试试就会的。下图就是动画控制板。须稍加说明的，就是每幅静态页的显示时间控制。每页下面的那个“1.2...”说明我将静态显示时间设置成1.2秒了。ImageReady2.0允许将各页设置成不同的显示时间。用鼠标右击那些“1.2...”，你有很自由的选择。最后，谈谈压缩问题。你总不能不压缩就把动画发布到网上去吧？我这幅动画如果不压缩，将是120k，看到了吗？ Optimize设置框让你对作品进行压缩设置，你可以看到，我将动画输出为GIF格式，并且，颜色控制在32色。试试吧，ImageReady2.0可以让你的动画设计成为一种享受的(象广告词儿)。记住，你还是需要将文件存成PSD格式的，不然，将来要改动时就被动了。祝你走运！ (作者:吴进辉全文共有3272字点击23次 2001/10/29)
老鼠的亲戚	2006-1-14 0:22:26 发表编辑 [图片] 首先找开ImageReady，然后新建一个文件，方法与photoshop相同。
老鼠的亲戚	2006-1-14 0:30:33 发表编辑 [图片] 输入最初效果的文字。
老鼠的亲戚	2006-1-14 0:35:55 发表编辑 [图片] 复制刚才作好的那层。
老鼠的亲戚	2006-1-14 0:47:22 发表编辑 [图片] 将复制得到的新层更换名字，然后选中“学”字，将它的字体改为浅绿。当然，你也可以按自己喜欢更换它的颜色。
老鼠的亲戚	2006-1-14 0:54:36 发表编辑 [图片] 依次复制原来的图层，然后选中“作”字，更改它的颜色。再复制原来的图层，然后选中“闪”字，更改它的颜色......
老鼠的亲戚	2006-1-14 1:02:51 发表编辑 [图片] 除了“背景层”与“学作闪烁字体”层外，其他层都隐藏起来，这是因为我想的动画最初显示的字体的颜色全是深绿色的。这时，“Animation”(动画面板)里的第一帧就是显示的那个图层。
老鼠的亲戚	2006-1-14 1:08:52 发表编辑 [图片] 新增一帧。
老鼠的亲戚	2006-1-14 1:13:32 发表编辑 [图片] 第二帧我们我让“学”这层显示。
老鼠的亲戚	2006-1-14 1:19:19 发表编辑 [图片] 接下来的步骤相同。
老鼠的亲戚	2006-1-14 1:25:51 发表编辑 [图片] 选择每帧显示的时间。

总数：13　页次：1/2　首页下一页　 >> 　尾页　　

发表评论: