给最亲密的MM送什么礼物呢?当然是献上一颗赤诚的红心了,一路上就可以永远心心相印!^_^,下面就请跟我来吧!为你心爱的MM献上这份神秘的礼物。
制作心形图案
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
制作动画效果
选中第一个心形图案,然后执行“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等浏览器就可以浏览动画效果了。