用Firework制作心动的心

• 心动
• 制作
• 命令
• 执行
• 选中
• 然后
• 设定
• 可以
• 打开
• 动画

    在看动画的时候你是不是经常看到各种各样精美的跳动的心，你是不是觉得很棒呢？不要羡慕他们，你也可以制作更具特色的跳动的心。现在就跟我来一起学吧！

    制作心形图案

    1、启动Fireworks 4.0，执行“File→New”命令，设定宽度为800Pixels，高度500Pixels，然后单击确定按钮。

    2、在左侧的工具箱中，设定Color填充色为红色，然后选择椭圆工具，按住Shift键的同时，拖动鼠标画出一个红色的圆形。执行“Edit→Clone”命令，完成后使用箭头工具选择圆形，向右侧平移，为了使两个圆形中心点保持水平，可以选中两个圆形，执行“Modify→Align→Top”命令使之对齐。完成后，执行菜单“Modify→Combine→Union”命令，此时合并了圆形的中间重叠部分(如图1)。

图1

    3、选择工具箱的“Subselection Tool”按钮，并选中图形，拖动两个圆形下方的结点处向下拖动，即可拖出一段距离，这也就是心形的高度了。然后选中心形下方左右两个结点，按下Del键将其删除，这样即可形成心形的图案(如图2)。

 图2

    4、选中心形图案，执行“Edit→Clone”命令，并选中工具箱的“缩放”工具，将其缩小并使之居中显示在心形内部。同理，再选中刚才缩小执行Clone命令，再次缩小，使之缩小在第二个心形的内部。然后选择“Subselection Tool”工具，并选中第三个心形内部最下面的结点，向下拖动，使之与第二个心形最下方结点重合(如图3)。   

图3

    5、选中第二和第三个心形，执行菜单“Modify→Combine→Punch”命令，并设置其填充色为白色。完成后打开“Effect”面板，选择“Blur→Gaussian blur”命令，在打开的对话框中设置数值为15。

    6、选中外部的心形，执行“Edit→Clone”命令，并打开“Effect”面板，选取“Shadow and Glow→Glow”命令为心形添加阴影效果，然后在Effect面板中设置Offset为5，同时设置其他数值参数如图4所示。具体参数可以根据自己的实际需要设定。

 
图4

    7、完成以上操作后，点击工具箱的A按钮，在心形中央点击一次鼠标，打开文字输入对话框，输入文字love，然后设定好字体、字号，并单击OK按钮。

    8、执行“Edit→Select all”命令，选中当前页面上所有图形，然后执行“Modify→Group”命令将其组合，完成后复制并粘贴一幅新的心形图案。选中缩放工具，将其中一个心形旋转一定角度(如图5)。

图5

    制作动画#p#分页标题#e#效果

    选中第一个心形图案，然后执行“Modify→Animate→Animated Selection”命令，在打开的对话框中，设定Frame 为5，像素移动距离Move为180，Direction值为50度，然后单击OK按钮完成。

    然后打开Object和Frame面板，选中第一帧，同时会在Object面板上显示当前帧的动画设定，在Scaling中选择缩放比例，在Opacity中设定透明度，左侧输入10，右侧输入100，这样就可以使动画产生透明度的渐变效果。另外，还可以根据实际需要在Rotation设定当前帧的旋转角度等。

    在工作区中点击第一个心形图案，即可显示出当前对象的运动路径，可以用鼠标拖动路径上的第一帧绿色的点和最后一帧红色的点，来分别改变它们的位置，当然了，也可以拖动中间的帧蓝色点来改变整条路径。同样道理，再为第二个心形制作动画效果，并设定好它的移动路径。

    最后就可以把输出成为动画了，打开Optimize面板，将输出格式设置为Animated gif，然后执行“File→export”命令，将文件保存类型设置为“html and images”即可输出一个Html文件，只要使用IE等浏览器就可以浏览动画效果了