用Fireworks4.0做个心形动画送给心上人
给最亲密的MM送什么礼物呢？当然是献上一颗赤诚的红心了，一路上就可以永远心心相印！^_^，下面就请跟我来吧！为你心爱的MM献上这份神秘的礼物。制作心形图案1、启动Fireworks 4.0，执行“File→New”命令，设定宽度为800Pixels，高度500Pixels，然后单击确定按钮。2、在左侧的工具箱中，设定Color填充色为红色，然后选择椭圆工具，按住Shift键的同时，拖动鼠标画出一个红色的圆形。执行“Edit→Clone”命令，完成后使用箭头工具选择圆形，向右侧平移，为了使两个圆形中心点保持水平，可以选中两个圆形，执行“Modify→Align→Top”命令使之对齐。完成后，执行菜单“Modify→Combine→Union”命令，此时合并了圆形的中间重叠部分（如图1）。http://www.gaowin.com/design/RoUpFiles/../Files/RoUpFiles/mg15476607.jpg
图1
3、选择工具箱的“Subselection Tool”按钮，并选中图形，拖动两个圆形下方的结点处向下拖动，即可拖出一段距离，这也就是心形的高度了。然后选中心形下方左右两个结点，按下Del键将其删除，这样即可形成心形的图案（如图2）。
http://www.gaowin.com/design/RoUpFiles/../Files/RoUpFiles/mg15476608.jpg
图2
4、选中心形图案，执行“Edit→Clone”命令，并选中工具箱的“缩放”工具，将其缩小并使之居中显示在心形内部。同理，再选中刚才缩小执行Clone命令，再次缩小，使之缩小在第二个心形的内部。然后选择“Subselection Tool”工具，并选中第三个心形内部最下面的结点，向下拖动，使之与第二个心形最下方结点重合（如图3）。
http://www.gaowin.com/design/RoUpFiles/../Files/RoUpFiles/mg15476609.jpg
图3
5、选中第二和第三个心形，执行菜单“Modify→Combine→Punch”命令，并设置其填充色为白色。完成后打开“Effect”面板，选择“Blur→Gaussian blur”命令，在打开的对话框中设置数值为15。6、选中外部的心形，执行“Edit→Clone”命令，并打开“Effect”面板，选取“Shadow and Glow→Glow”命令为心形添加阴影效果，然后在Effect面板中设置Offset为5，同时设置其他数值参数如图4所示。具体参数可以根据自己的实际需要设定。
http://www.gaowin.com/design/RoUpFiles/../Files/RoUpFiles/mg15476610.jpg
图4
7、完成以上操作后，点击工具箱的A按钮，在心形中央点击一次鼠标，打开文字输入对话框，输入文字love，然后设定好字体、字号，并单击OK按钮。8、执行“Edit→Select all”命令，选中当前页面上所有图形，然后执行“Modify→Group”命令将其组合，完成后复制并粘贴一幅新的心形图案。选中缩放工具，将其中一个心形旋转一定角度（如图5）。
http://www.gaowin.com/design/RoUpFiles/../Files/RoUpFiles/mg15476611.jpg
图5
制作动画效果选中第一个心形图案，然后执行“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等浏览器就可以浏览动画效果了。
页:
[1]