这篇文章最初发表于2007年
介绍的技巧和技术可能过时。

有了网络和多媒体设计,就有机会通过创建简单的动画效果,为您的徽标添加一点乐趣和创造力。显然,这个过程不仅仅局限于你的标志;设置元素的动画有助于吸引人们对网页或数字演示文稿的特定对象或区域的注意。
本教程介绍了使用挤压和拉伸技术将柠檬制作成具有特征性重击的动画的过程。然后以越来越快的速度跳动,直到突然爆发。然后,动画再次以柠檬落地开始。

开始,在Adobe Illustrator中打开矢量徽标设计,本教程使用上一个教程中的紫色柠檬标志。1.JPG

将矢量徽标文件导出为Macromedia SWF文件,并选中“保留可编辑性”复选框。

2.JPG

打开Macromedia Flash并创建具有所需尺寸的新文档,并确保帧速率设置为24帧/秒以实现平滑动画。

文件>导入>导入到阶段并导航到徽标SWF文件。这将把矢量格式的标志放在flash艺术板上。

6JPG

选择构成柠檬形状的所有对象并将其分组(ctrl/cmd+g)。然后切下柠檬,贴上新的一层。记住要相应地命名层以备将来参考。

7.JPG

突出显示两层上的第50帧并插入关键帧(右键单击>插入关键帧),这样就可以在时间线上使用一些空间。

8JPG

在框架1上,复制柠檬,然后把它垂直地从舞台上拖下来。在第5帧插入一个关键帧,然后编辑>粘贴柠檬,删除此框架上的柠檬的顶部版本。

9JPG

在这两个关键帧之间单击鼠标右键,然后选择“创建运动中间帧”。你会看到蓝色和箭头象征着这两帧之间的斜线。

11JPG

在第7帧处插入关键帧,然后回到第5帧,用自由变换工具稍微压扁柠檬,按住Alt键只移动一个轴。
在第5帧和第7帧之间创建一个运动中间层。

12JPG

在柠檬阴影下创建一个新的图层。在这一层上,从中间画一个灰色到白色渐变的椭圆。使用渐变变换工具编辑渐变的形状以提供透视效果。

13JPG

在这一层的第5帧处插入一个关键帧,并缩小阴影,让人觉得柠檬离得很远。在这些帧之间创建一个运动中间层。

14JPG

从柠檬的脉动到爆炸开始,在第53和56帧处插入关键帧。在第53帧上稍微放大柠檬。在第50-56帧之间创建一个运动中间层。

15JPG

复制这些帧并将它们粘贴到第65帧,以便脉冲重复。

16.JPG

17JPG

要创建更快的脉冲,请在75处插入关键帧,然后复制第68帧并粘贴到第77帧。

18.JPG

复制75-77之间的帧并粘贴到第79帧,82,85和91以稍快的速度重复脉动。

19.JPG

20.JPG

通过复制第77帧并在第94帧粘贴来创建更快的脉冲,复制第77帧并粘贴到95,然后复制第94-95帧。把它们贴在96,98,100,102,104,106,108和110。

22.JPG

为了最终让柠檬弹出消失,在112处插入一个关键帧,然后放大柠檬。在“属性”面板中,将颜色更改为alpha并设置为50%。

23.JPG

在第114帧处插入空白关键帧(右键单击>插入空白关键帧)。

通过在第150帧插入帧(F5),使阴影和徽标层向上显示在时间线上。

24.JPG

如果你播放这个动画(回车),你会看到所有的运动吐温如何给柠檬它的动画,然而,同样的做法也必须对影子进行模仿,以模仿柠檬的形状。
在阴影层上插入关键帧以匹配上面的柠檬层,并在第53帧上适当地向上缩放阴影。创建50-55之间的运动花呢。

25.JPG

复制第50-55帧并粘贴到第65帧。
像你最初用柠檬做的那样重复这个过程,直到影子像柠檬一样跳动。
在第113帧处插入空白关键帧。

2JPG

27.JPG

最后一个粗花呢是修复标志文本上阴影的白色重叠。只需将文本层拖动到阴影层上方。

2JPG

2JPG

按ctrl/cmd+enter将动画发布为SWF。

分享
在Pinterest分享
没有图像。
36评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

订阅我的时事通讯,成为第一个听到新文章的人

36评论

  1. 再一次,精彩的教程。你的教程在我的浏览器上看起来一团糟…对我来说就像是一个破碎的分区,或者是一些中心标签,或者一些没有关闭的居中元素。

    :)

  2. 酷,
    我唯一注意到的是,当标识在天空中越高,阴影越大,随着标识的减弱,阴影的大小也会逐渐减小。

评论现已关闭