当前位置：首页 > 实用文档 > 其他范文> 用Fireworks制作温馨母亲节动画贺卡

用Fireworks制作温馨母亲节动画贺卡

时间：2022-09-18 09:03:26 其他范文收藏本文下载本文

用Fireworks制作温馨母亲节动画贺卡（集锦10篇）由网友“糖油坨坨”投稿提供，下面是小编整理过的用Fireworks制作温馨母亲节动画贺卡，希望对大家有所帮助。

篇1：用Fireworks制作温馨母亲节动画贺卡

今年的5月14日是母亲节，许多商场、餐厅都为来店母亲们准备了丰富的礼物，而成天忙于工作的你，打算送给母亲一份什么样的礼物呢？除了订购鲜花、蛋糕之外，不妨亲自制作一张电子贺卡吧！

订购一束母亲之花??“康乃馨”固然不错，不过鲜花总是要凋谢的，蛋糕也是不能保留的，不妨在选购康乃馨和蛋糕作为母亲节礼物的同时，拿数码相机把花束和新鲜出炉的蛋糕最美丽的样子拍摄下来，并制作成电子贺卡，这样鲜花和蛋糕灿烂眩目的样子将被永远的记录下来，母亲在收到你赠送的礼物时，高兴之余又多一份孩子懂事成熟的欣慰，

确定好了送的礼物，开始订花、订蛋糕，我们来着手制作电子贺卡了。这次我们选择Fireworks来制作一个动态效果的母亲节贺卡。祝福天下的母亲身体健康，心情愉快！

1.我们到鲜花店和蛋糕店预定礼物时，可以顺便找点好看的样品用数码相机拍摄下来作贺卡的素材，回来后把相片输入电脑，用Fireworks把相片裁减一下等待处理。当然也可以从素材网站找一些合适的鲜花图片（图1），

图1 素材图片

2.接下来到网上一些素材网站去挑选一个好看的边框图片，作为贺卡的背景，如相片处理网www.photops.net

图2 边框

3.把两个素材在Fireworks中合成为一张图，鲜花蛋糕放到背景边框图片的中间，此时图像有了贺卡的感觉了（图3）。

图3 放在中心位置

4.下面再在图像上写上文字，如“母亲节快乐！”，为文字挑选一个漂亮的字体，如华康布丁体（图4）。

图4 添加文字

5.母亲节画面已经基本成形，把这个图像输出成为一张JPG图像成品，再打开这个JPG图像，为它添加闪光的动画效果。使用工具箱的“五角星”工具，在画面上画一个白色的五角星图案，然后用箭头工具选中图案的节点调节它的形状，让它的身材显得苗条一点（图5）。

图5 五角星

6．在画面上，多画几个大小不同，角度不同的白色星星，就像是晶莹的光芒效果（图6）。

图6 白色星星

7.在帧面板上创建一个新的帧，把所有的图像都拷贝到第二帧上，然后打开图层面板，按住键盘Ctrl键把所有的星星图案的图层选中，降低它们的不透明度为50％（图7）。

图7 创建新帧

8.最后调节帧的延迟时间为15，把图像输出成为“GIF动画”格式，清爽漂亮的母亲节动态贺卡就制作好了（图8），相信母亲收到这份礼物会非常开心。

图8 完工

篇2：fireworks透视动画制作

大家看看下面的动画，用fw如何制作？请看……

第一步：进入fw工作环境，新建文件，背景色自定，我们首先要做上部的动画。选择菜单项“insert --> new symbol”，在弹出的对话框中，选择“animation”选项。

第二步：编辑该symbol。在symbol的编辑区首先画出一个正圆（配合shift键），clone它（复制-->粘贴也可以），一共做出8个圆；然后如下图所示将这八个圆均匀环形排布，你可以先做一个圆不要填充色只要描边色，来作为均匀排布八个圆的辅助线。这一步一定要细致，因为将来形成的动画的细致程度如何，这一步影响很大。将八个园均匀的排列在圆形辅助线上，（园的数目越多，平滑度越好，当然生成的文件也就越大）。最终效果如左图所示<--（记得最后把辅助线删除）

第三步、将这个调整好的symbol拖到舞台上（也就是主编辑窗口），然后用自由缩放、旋转工具将该symbol做相应的变形处理，使得其空间感强烈些……你可以自由处理啊！也可以参考下图的调整形式。

第四步、选中变形后的symbol，然后选择菜单项的“modify-->animate-->settings”；

接着就会弹出下图的对话框，这里就是我们要设定动画的具体选项设置了！

下面我们一一来说明各项的具体含义：

frames：数值也就是你的动画所要生成的影桢数目；

move：就是你的动画移动的像素值；

direction：配合你的move值来决定move的方向；

scale to：动画缩放比例，产生由大变小，由小变大的动画效果；

opacity：不透明度，可以生成渐隐渐现效果，或者相反的效果；

rotate：动画旋转角度，cw是顺时针，ccw是逆时针旋转；

明白了各项的含义，我们的动画制作起来就简单多了……各项的设置如下：“frames：13”；“rotate:170”，

其他的各项不作调整。

第五步、设定完成后ok!会弹出下图对话框，ok即可！好了，现在你可以点击快捷工具栏的播放按钮来看看你的动画效果了！

补充介绍：除了上述方法来设定动画，还可以通过浮动面板中的object面板来做相应调整，具体不做赘述！

第六步、做通过透视产生的阴影的动画。

当然你可以按照上面的方法再新建一个symbol――重新画一个浅色的圆，然后沿园环排列，然后把这个symbol拖到舞台，设定，做成阴影动画……

但是实际上我们没有必要再次新建一个symbol，我们还是使用刚才的symbol就可以啦，还是在第一帧插入symbol，然后通过自由缩放、旋转工具调整它的形状，直到你满意为止！然后将它放到适当的位置，最后设置动画选项：还是通过“modify-->animate-->settings”或者“object”面板选项来具体设定，“frames:13”;“rotation:173”;“opacity: 38 to 38” 在这里我们将其opacity选项进行了设定，将其透明度做了调整，这样也就是我们所需要那种阴影效果啦……ok!!第一桢的具体设定如下图：

补充说明：产生阴影效果的方法，除了调整opacity选项之外，还可通过调整layer面板的opacity来改变透明度；还有可以通过“effect-->adjust color-->hue/saturation”来做调整。

第七步、保存，输出动画，记得格式要选择 animated gif。好了，一切完工了，不是很复杂吧……呵呵！这里有png格式的源文件（38k），有不明白的地方，大家可以到留言板留言……

png格式的源文件

后记：想来想去还是用flash做了一个同样的效果，感觉不如fw做的出色，至少目前flash还没有出现针对这种透视动画处理的很好的方法……有兴趣的朋友可以看看源文件这里(23k)！下面是flash做的动画效果。

Flash源文件下载

篇3：用Fireworks制作触角

效果图：

以前我们只是在Photoshop中通过各种滤镜来实现这个实例，现在我们要用Fireworks作出这个效果。你时刻可以通过Ctrl+Z来撤消上一步的操作。

首先创建新文档:Files>New(快捷键Ctrl+N)，设定文档大小为400*400，如果是把这个图片应用到你的网页，最好保持分辨率(Resolution)为默认值72，选择默认的画布颜色为#FFFFFF(白色）

设定笔触为黑色。使用钢笔工具，在画布的左部点出一个点，在画布的中间再次点击并拖动鼠标完成向上凸的一段曲线，松开鼠标。然后在画布的右部点击并拖动鼠标，完成向下凹的一段曲线。最后在右侧再点一下。整条曲线的绘制过程以及最终效果如下所示：

选中曲线，Ctrl+Shift+D克隆曲线，使用小键盘上的方向键向上或者向下移动客隆的曲线。

现在克隆出的曲线仍为选中状态，选择缩放工具(快捷键Q)，在出现的矩形调节图形外，进行旋转，直到两条曲线的右边的尾点重合，

建议使用放大和子选择工具(Sub selection)来连接。如下：

现在把这两条曲线最左边连接组合成封闭路径。也可以用钢笔工具实现：首先点击位置靠上曲线的左边的尾点，然后点击位置靠下曲线的左边的尾点。Fireworks会自动把他们连接成封闭路径。如下：

设置封闭路径的填充色为:#FFCC00 黄色。添加效果：Effect>EyeCandy4>Bevel Boss(Fireworks自带效果)，参数设置如下：

Basic Tab: Bevel Width=5，76 - Bevel Height=80 - Smoothness=100

Lighting Tab: Direction=102 - Inclination=70 - Highlight Brightness=100 - Highlight Size=80 Bevel Profile tab为默认设置，重设封闭曲线描边为空。效果如下：

基本工作已经完成了，可以将他应用到实际中。比如下边的图象，Ctrl+Shift+D克隆若干个，然后分别进行移动或者垂直翻转，绘制了一个背景填充矩形，加上文字。完毕！

篇4：用Fireworks制作太极图

太极图又称“阴阳鱼”，其图案呈圆形，由两条不同颜色的鱼组成，故称为“阴阳鱼”，又称“双鱼”、“万物太极本源图”，如文中后面的图所示，这个图像效果看起来似乎不难，但实际做起来还是需要一些技巧的，本教程主要是灵活运用了Fireworks4中的小刀(Eraser)切割路径，并且用join命令使几条开路径合并成一条闭路径，然后进行填充来达到效果。当然刚开始的三个圆形的排列也需要十分小心，否则会使最终的图形错位。使用Fireworks这个图像软件时，你要善于观察Info面板中的数值或者在面板中改变它，这可能会带给你意想不到的方便。希望你会喜欢这个简单又不失灵活的教程。好了，现在我们来看这个效果的制作方法吧。

注：本教程以英文园Fireworks4来制作，不加汉化，所有专业词汇在原单词后加上中文注释，以方便对照阅读。

制作步骤：

一、新建文迹使用菜单命令File→New(快捷方式为“Ctrl+N”)，在弹出的New Document对话框中将Width和Height数值都为设300Pixels象素，Resolution分辨率为72Pixels→Inch像素→英寸，其Canvas Color画布颜色设置为White白色。点击OK按钮完成画布属性设置。

丁⑷绻当前屏幕中没有标尺，请使用菜单命令View→Rulers来打开(快捷方式为“Ctrl+Alt+R”)，从水平标尺和垂直标尺中各拉出一条辅助线放置在画布中央，不需要太准确的位置，只要看上去差不多就可以了。

取⒋蚩Info面板(快捷方式为“Alt+Shift+F12”)，选择工具面板中的Ellipse椭圆形工具(快捷方式为R键，该工具和Rectangle矩形工具处于同一个工具选项中，你可以连续按三次R键来选择Ellipse椭圆形工具)。用鼠标在两条辅助线的交叉位置上点击，同时按住Shift和Alt键向外拖动，观察Info面板中的W和H的数值，当它们达到200时，释放鼠标。此时画布中会出现一个以辅助线的交叉位置为圆心，直径为200的圆形对象，

在工具面板中的Colors区域中，设置该圆形对象的Stroke描边颜色为黑色，Fill填充颜色为None无。

四、以似礁ㄖ线为圆心的一个中心点，使用椭圆形工具，按住Shift+Alt键分别绘制两个直径为100、描边颜色为黑色、无填充颜色的圆形对象。(注意：这二个完成的小圆对象要位于大圆的内部，这样才能使下面的操作比较容易执行。)用指针工具同时选择靠左边的小圆和大圆，使用菜单命令Modify→Aligh→Left使这个小圆和大圆最左边对齐，接着选择靠右边的小圆和大圆，使用菜单命令Modify→Aligh→Right使这个小圆和大圆最右边对齐，完成的效果如下图所示，这三个圆之间是彼此相切的关系。

五、使用快捷方式“Ctrl+A”全选这三个圆形对象，选择工具面板中的Eraser小刀工具(快捷方式为E)按住Shift键沿着水平辅助线穿过这三个对象从左至右画一条直线。

痢⑸救プ笥叶个小圆中的下上二段半圆弧。此时你可以使用快捷方式“Ctrl+”；隐藏辅助线的显示。

七、用指针工具按Shift键选择左右两个小圆的两段剩余半圆弧，使用菜单命令Edit→Clone (快捷方式为“Ctrl+Shift+D”)，克隆当前所选择的两段半圆弧。使用该命令后克隆后的两段半圆弧处于被选择状态，同时按住Shift键选择大圆的上半圆弧，使用菜单命令Modify→Join(快捷方式为Ctrl+J)将当前所选择的三段半圆弧组合成为一条路径，并将这条组合路径向上移动一点位置。使用同样的方法使下面的三段半圆弧也组合成为一条组合路径。

八、椒掷氲牧教踝楹下肪栋凑赵来的上下位置放置好，选择下半部分的组成路径，设置其填充颜色为蓝色，RGB值为#000099。

九、使用工具面板中的椭圆形工具绘制两个直径20像素的小圆，设置它们的描边颜色为None无，左边的一个填充为白色，右边的一个填充为蓝色，RGB值为#000099。放置好位置，完成本例的制作。

注意：由于Fireworks4中的对象操作是以矢量图形为基础的，因此你可以自由地放大和缩小图形，不需要担心将图像放大后会有马赛克效果。

篇5：用Fireworks“分解”GIF动画

我们看到了许多(当然也学会了很多)关于如何制作Gif动画，有时候（这样的时候不多，但真的有。今天我就碰到了。没准你下次就碰上了）我们还不得不讲Gif动画拆开，我们要的是其中的图片。当然，你可以用抓屏的办法来实现（不知道你的反应速度是不是足够的快，反正我是不行！），我们这里用Fireworks来解决。

1、打开你所要“肢解”的gif动画，打开帧（Frames）浮动面板。帧（Frames）浮动面板上显示有3帧。我们要的就是这3帧！

图1

2、打开优化（Optimize）浮动面板，

将Animated Gif改为gif（我喜欢这格式！）

3、选中帧（Frames）浮动面板上的第一帧，选择File/Export…或者按下导出按钮，选择好文件名，所要保存文件的文件夹，保存。

4、选中帧（Frames）浮动面板上的第二帧，按照上面的方法导出第二帧的图片。

5、……

……

n、选中帧（Frames）浮动面板上的第n帧，按照上面的方法导出第n帧的图片。

我的结果是：

第一帧图片第二帧图片第三帧图片

部分资料由网上收集帮你资源网www.banysky.com

篇6：用Fireworks“肢解”gif动画

1、打开你所要“肢解”的gif动画，打开帧（Frames）浮动面板。帧（Frames）浮动面板上显示有3帧。我们要的就是这3帧！

2、打开优化（Optimize）浮动面板，

将Animated Gif改为gif（我喜欢这格式！）

3、选中帧（Frames）浮动面板上的第一帧，选择File/Export…或者按下导出按钮，选择好文件名，所要保存文件的文件夹，保存。

4、选中帧（Frames）浮动面板上的第二帧，按照上面的方法导出第二帧的图片。

5、 ……

……

n、选中帧（Frames）浮动面板上的第n帧，按照上面的方法导出第n帧的图片。

阿拉的结果是：

第一帧图片第二帧图片第三帧图片

篇7：Fireworks数字连续翻滚动画制作

这是一个大家可能都喜欢的简单动画技术，使用Fw中的“逐帧”制作出来的效果。大家可以用同样的方法做成倒计秒数的动画。在Fireworks中打开一个新的画布，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式

打开帧面板，使用黑白选择工具，在面板是右上角点击，弹出下拉菜单，选择“重制帧...”。

在弹出的对话框中，如下图设置：

选择9个新帧，是因为动画包含0-9个数字（相当于10帧）。

然后选择每一帧，并修改画布中的相应数字。

可以输出文件了。

帧面板如下图所示：

提示：帧面板中右手边显示的是默认的帧延时值7毫秒，即7/100秒的速度。如果动画播放的速度有些快，可以修改这个延时值。选择顶部帧，按住Shift键，点击底部的最后一帧，全选这些帧，在帧延时值处双击，在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。最后一步，打开优化面板，设置导出文件格式为“Gif动画”，如图：

也可以在帧面板的底部设置Gif动画循环，默认为“永久”选项。

OK，使用F12预览你的作品吧，最后可以输出文件了。

篇8：详解Fireworks中的动画制作

详解

有过FLASH动画制作基础的朋友一定知道，在FLASH中将绘制的图像转换成的“图像元件”或“动画元件”是可以通过软件的内ㄖ噶睿产生运动及其它变化的效果。而在Fireworks中也沿用了这种动画制作方式，从而大大减省了GIF动画制作时的繁琐性，

详解Fireworks中的动画制作

。而在本篇教材中，我们也只针对软件直接生成的动画效果进行分析，不对手工分桢的动画制作进行讨论。

br>一、动画的基本运动

在Fireworks中，动画的运动方式可分为四个基本动作：

1、直线运动：图像由A点直线移动至B点；

2、旋转：图像原地进行顺时针或逆时针旋转；

3、不透明度渐变：图像的透明度发生变化；

4、缩放：图像的产生放大或缩小的变化。

每种动画效果即可独立作用于一个图形对象，也可同时作用于一个图形对象上。

二、图像的动画制作

在Fireworks中，将绘制完成的图形对象制作成动画效果，可以通过“动画”的设置对话框直接完成。同时也可以将图像转为“图像元件”后，通过“补间实例”功能来间接实现。

1、使用“动画”设置框制作动画

点选将要制作成动画的图形对象后，选择菜单栏上的“修改――动画――选择动画”命令，将会弹出“动画”的设置对话框，如图01。

图01

在这里，可以设置动画的帧数、图像的移动距离、运动方向、缩放程度、不透明度的变化以及旋转的方向和角度等，

设置完成后可点击“确定”按钮。如果此时的“帧”浮动面板里的帧数少于当前将要创建的动画帧数时，则会弹出一个提示框，示意是否为当前动画建立足够的帧数。再次点击“确定”后，软件将自动把该图形对象转成动画元件并按刚才所设置的动画参数，自动成动画效果。我们可通过Fireworks画布文档下方的动画播放按钮进行效果查看。如图02。

图02

2、使用“补间实例”功能制作动画

这是一种间接制作动画的方式。具体的操作方法是，先选中图形对象后按F8键，在“元件属性”对话框中将图象转为“图形元件”。此时打开“库”浮动面板的话就会看到，这里多了一个“图形元件”。说明该对象已被成功转换为“图形元件”。如图03。

图03

而原来画布中的图像左下角则会多出一个小箭头标志，表明这是该“图形元件”的一个分身。我们从“库”面板中用鼠标将该“图形元件”拖拽至画布当中，为该“图形元件”建立第二个分身对象。同时选中这两个分身对象后，在任意一个分身对象上点击鼠标右键，并从弹出菜单中选择“元件――补间实例”命令，从而启动“补间实例”对话框，如图04。

图04

在“步骤”栏中可输入这两个分身之间过渡的图像步骤，在这里我们可以理解为该动画设置帧数。而“分散到帧”复选框则是将这两个分身之间的过渡图像按顺序分发到每个帧之中。因此只有选中了该项，整个动画才能完成。在点击“确定”按钮后即可生成动画效果了。

如果想让图像做成动画后产生缩放、不透明度渐变以及旋转效果的话，可在启动“补间实例”之前对这两个分身对象进行不同程度地缩放、不透明度设置和旋转后，再进行“补间实例”的操作。