动画制作工具Easy GIF Animator - 水中月
来源:百度文库 编辑:神马文学网 时间:2024/04/30 11:57:11
推荐一个小而强大动画制作工具
Easy GIF Animator 是个小而强大动画制作工具,有多样化的选项供您设定,提供了高压缩高画质的 GIF 动画。主要功能有:简单快速建立 GIF 动画、内建预览器、可将动画转成灰阶、可设定每个图片的透明色、可设定动画回转数、影格持续时间、显示位置。
1.可以更换动画图片背景颜色。
2.可以在动画图片上加字。
3.可以新建立动画图片也可以修改动画图片。
下载网址:http://www.xdowns.com/soft/softdown.asp?softid=16339
用原图制作的gif图片
更换图片背景颜色的效果
在图片上加字和背景颜色的效果
操作方法
一.新建动画
一.修改原有动画
(更换背景)
效果图
操作方法
第三课 投影滤镜文字特效
1.2 影片文档的基本操作――投影滤镜文字特效对于初步接触Flash8的读者来说,掌握Flash8制作动画的工作流程,掌握Flash影片文档的基本操作方法是最迫切的一个要求。
1.2.1 范例简介本例利用投影滤镜制作一个阴影文字特效,通过这个阴影文字特效的制作过程,让读者了解Flash8制作动画的整体过程。范例效果如图1-45所示。
图1-45 范例效果
通过本例的学习,读者主要可以掌握如何新建Flash8影片文档,如何设置文档属性,如何保存文件,如何测试影片,如何导出影片,如何打开文件,如何修改文件,如何输入文本,如何设置文本的滤镜效果以及认识Flash8工作环境,认识Flash所产生的文件类型等。
1.2.2 制作步骤1.新建影片文档和设置文档属性 (1)启动Flash8,出现“开始页”, 选择“创建新项目”下的“Flash文档”,这样就启动Flash8的工作窗口并新建一个影片文档。
(2)展开“属性”面板,单击“大小”右边的“文档属性”按钮,弹出“文档属性”对话框。
(3)在“标题”文本框中输入“文字效果”,在“描述”列表框中输入对影片的简单描述,设置“尺寸”为300×200像素,设置“背景颜色”为浅蓝色,其他保持默认,如图1-46所示。
图1-46 “文档属性”对话框
“文档属性”对话框中参数的含义:
“标题”:设置文档的标题。
“描述”:对创建的影片做一些简单的描述。
“尺寸”:舞台的尺寸最小可设定成宽1px(像素)、高1px(像素),最大可设定成宽2880px(像素)、高2880px(像素)。另外,系统默认的尺寸单位是px(像素),可以自行输入“cm(厘米)”、“mm(毫米)”和“in(英寸)”等单位的数值,也可以在“标尺单位”中选择。
“匹配”|“打印机”:匹配打印机,让底稿的大小与打印机的打印范围相同。
“匹配”|“内容”:匹配内容,将底稿缩放成和画面上的对象大小一样。
“匹配”|“默认”:使用默认值。
“背景颜色”:设置舞台的背景颜色。
“帧频”:默认的是12fps。这个速度很适合在网络上播放,一般情况下我们都保持这个帧频。在设计一些特殊效果的课件时,可以更改这个数值,数值越大动画的播放速度越快。
“标尺单位”:标尺是显示在场景周围的辅助工具,以标尺为参照可以使我们绘制的图形更精确。在这里可以设置标尺的单位。
“设为默认值”:将所有设定存成默认值,下次当再开启新的影片文档时,影片的舞台大小和背景颜色会自动调整成这次设定的值。
2.创建文字 (1)在“工具箱”中选择“文本工具”。在“属性”面板中,设置“字体”为黑体,“字体大小”为45,“文本颜色”为白色,文字加粗显示,其他属性保持默认。
(2)将鼠标移向舞台上单击,在出现的文本输入框中输入“基础与实例”。
(3)在“工具箱”中选择“选择工具”,拖动文字到舞台中央位置。效果如图1-47所示。
图1-47 创建文本对象
3.保存和测试影片 (1)选择“文件”|“保存”命令(快捷键Ctrl+S),弹出【另存为】对话框,指定影片保存的文件夹,输入文件名,单击【保存】按钮。这样我们就将影片文档保存起来了,文件的扩展名是fla。
注意:为了安全,在动画制作过程中要经常保存文件。按Ctrl+S键,可以快速保存文件。
(2)选择“控制”|“测试影片”命令(快捷键Ctrl+Enter),弹出测试窗口,在窗口中可以观察到影片的效果,并且还可以对影片进行调试。关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。
(3)打开“资源管理器”窗口,定位在影片文档保存的文件夹,可以观察到两个文件,如图1-48所示。左边是影片文档源文件(扩展名是fla),也就是第(1)步保存的文件。右边是影片播放文件(扩展名是swf),也就是第(2)步测试影片时自动产生的文件。直接双击影片播放文件可以在Flash播放器中播放动画。
图1-48 文档类型
4.导出影片 (1)选择“文件”|“导出”|“导出影片”命令,弹出“导出影片”对话框,指定导出影片的文件夹,输入导出影片文件名,单击“保存”按钮, 弹出【导出Flash Player】对话框,如图1-49所示。
图1-49 【导出Flash Player】对话框
(2)在这个对话框中可以设置导出影片的相关参数。这里我们不做改动,保持目前的默认参数。单击【确定】按钮,导出影片。导出的影片文件类型是播放文件,文件扩展名为swf。
5.关闭和打开影片文档 (1)单击影片文档窗口右上角的关闭按钮,关闭影片。
(2)在“开始”页面,选择“打开最近项目”下的“打开”按钮,弹出“打开”对话框。在“查找范围”中定位到要打开影片文件所在的文件夹,选择要打开的影片文件(扩展名为fla)。单击“打开”按钮,这样就把影片文档打开了。
(3)单击舞台上的文本对象。接着展开“滤镜”面板,单击“+”号按钮,在弹出的下拉菜单中选择“投影”滤镜。此时,舞台上文本对象产生了滤镜效果,如图1-50所示。
图1-50 设置文字滤镜效果
(4)按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果,我们得到一个具备阴影效果的文字特效。
本课小结在本节中,通过一个阴影文字特效范例的制作,介绍了Flash制作动画的一般操作步骤。相信初次接触Flash的朋友会对Flash有一个初步的了解。
第四课 情人节贺卡
范例最终效果如图2-105所示。
图2-105 情人节贺卡
1. 绘制“烛焰”元件 (1)新建一个Flash8影片文档。设置舞台背景颜色为蓝色,其他保持默认设置。
(2)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛焰”,选择【行为】为【图形】。如图2-106所示。
图2-106 新建图形元件
(3)单击“确定”按钮,进入到“烛焰”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】调整,如图2-107所示。
图2-107 绘制烛焰边框
(4)执行【窗口】|【混色器】命令,填充样式设为放射状。在渐变条上将左边色标设置为白色,并拖动到偏右方以加大白色在整个渐变色中的比例。将右边色标设置为黄色,如图2-108所示。
图2-108 混色器设置
(5)将场景中的图形填充渐变色后,烛焰的色彩并不尽如人意,需要使用【填充变形工具】进行调整。选择【填充变形工具】单击填充色,会出现一个边上带有三个手柄的环形边框。我们用鼠标分别按住中心的圆圈或边上的手柄里推外拉、上下左右的进行调整,现在将烛焰的颜色调整为上下略带一点黄色,上边黄色略多,如图2-109所示。
图2-109 调整填充色
2. 绘制“烛身”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛身”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“烛身”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】略加调整,并使用【任意变形工具】进行旋转,如图2-110所示。
图2-110 绘制烛身元件
(3)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色标设置为黄色(#F5DD38),并拖动到偏右方;将右边色标设置为红色(#F76648),如图2-111所示。
图2-111 设置填充色
(4)填充渐变色后,使用【填充变形工具】调整,如图2-112所示。
图2-112 调整填充色
(5)为使烛身更漂亮,在刚刚作好的图形旁边画一个无边框的椭圆,颜色填充设置如图2-113所示。左边色标设置为#F76648,右边色标设置为#F5DD38。
图2-113 设置填充色
(6)椭圆画好后用【任意变形工具】调整倾斜,如图2-114所示。
图2-114 绘制椭圆
(7)使用【选择工具】将画好的椭圆拖放到烛身上,如图2-115所示。
图2-115 调整椭圆位置
(8)选择【刷子工具】,在选项中将刷子大小选择略小一点的笔刷,填充色设为淡黄色,在烛身上添加高光,删除边框线条,完成烛身元件造型。如图2-116所示。
图2-116 绘制高光
3. 绘制“烛光”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛光”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“烛光”元件的编辑场景。打开【混色器】面板,填充样式设为放射状。将鼠标移近渐变条,当鼠标指针右下角出现一个加号时,单击鼠标,在渐变条上增加一个色标。将左边色标设置为黄色,并稍向右移;中间色标为红色;右边色标为白色,为使光焰呈模糊虚幻而不突兀,将右边白色色标的Alpha值调整为零,如图2-117所示。
图2-117 设置填充色
(3)使用【椭圆工具】绘制一个无边框的正圆,如图2-118所示。
图2-118 绘制无边框正圆
(4)使用【任意变形工具】将其纵向收缩。如图2-119所示。
图2-119 收缩变形
4. 组装“蜡烛”元件 (1)新建一个名字为“蜡烛”的图形元件。进入到这个元件的编辑场景中。
(2)“蜡烛”元件共分三层。先制作烛身层。双击时间轴上“图层1”,将“图层1”改名为“烛身”。如图2-120所示。
图2-120 修改图层名
(3)按Ctrl+L组合键打开【库】面板,将“烛身”元件拖放到舞台上。选中该元件按住Alt键向下拖放进行复制,如图2-121所示。
图2-121 复制烛身元件
(4)选中所有元件,执行【修改】|【对齐】|【左对齐】命令,再执行【按高度均匀分布】命令,效果如图2-122所示。
图2-122 对齐元件
(5)使用【任意变形工具】旋转最上面和最下面的元件,如图2-123所示。
图2-123 旋转上下元件
(6)将鼠标指向“烛身”图层上,单击右键,在弹出的快捷菜单中选择【插入图层】命令。系统默认插入图层为“图层2”,双击“图层2”,改名为“烛焰”。将【库】面板中“烛焰”元件拖放到合适位置。如图2-124所示。
图2-124 放置烛光元件
(7)插入一个新图层,将图层改名为“烛光”。将“烛光”元件拖放到舞台上。因为烛光在蜡烛的后面,所以用鼠标选择“烛光”层,将它拖放到“烛身”层下方。现在三层的排列顺序如图2-125所示。
图2-125 图层顺序
(8)在【属性】面板中将背景色改为黑色,使蜡烛的色彩更明亮。完成后的蜡烛如图2-126所示。
图2-126 蜡烛完成效果
5. 绘制“心”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“心”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“心”元件的编辑场景。使用【线条工具】绘制一条竖线,再使用【选择工具】将其调整为曲线,如图2-127所示。
图2-127 将直线调整为曲线
(3)选择【部分选取工具】,单击曲线端点,端点上会出现调节手柄。上下左右移动手柄,将该曲线调整为如图2-128所示形状。
图2-128 调整曲线形状
(4)选中该该曲线,执行【编辑】|【复制】命令,再执行【编辑】|【粘贴到中心位置】命令,选择粘帖得到的曲线,执行【修改】|【变形】|【水平翻转】命令,如图2-129所示。
图2-129 复制曲线后水平翻转
(5)将该两条曲线拖放连接好,成为一个心形,如图2-130所示。
图2-130 完成心形
(6)打开【混色器】面板,填充样式设为线性。在渐变条上将左边色块设置为#AF057C,将右边色块设置为#E207C8,如图2-131所示。
图2-131 设置填充色
(7)使用【颜料桶工具】从右下向左上拖动鼠标填充颜色,并删除白色边框线,如图2-132所示。
图2-132 填充颜色
(8)选中这个心形,右击它,在弹出的快捷菜单中选择“复制”命令,然后在时间轴上将此层锁定。
(9)插入新图层,系统默认为“图层2”,执行“编辑”|“粘贴到当前位置”命令。创建此层的目的是为使心形下方边上呈现白色高光,所以此层的心形比图层1上的心形略小。如果使用【任意变形工具】来调节是很不容易达到这个目的。这里执行【窗口】|【设计面板】|【变形】命令,弹出【变形】面板,设置变形宽度为97%,约束默认为打勾状态,按回车键确定,就可以使图形实现精确的变形。变形面板设置如图2-133所示。
图2-133 “变形”面板
(10)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色块设置为玫红色(#F91CEE),将右边色块设置为白色,白色的Alpha值为78%,如图2-134所示。
图2-134 设置填充色
(11)将“图层2”的心形填充上述调整好的填充色,并使用【填充变形工具】进行调整,按住方形手柄向外拖动,使填充色变为椭圆状,再按住中心点向上移动。为了使大家能够清楚观察调整的情况,特将背景色暂改为蓝色,如图2-135所示。
图2-135 调整填充色
(12)现在只是使这一层的心形下方颜色变亮了,但并未因此而形成高光状态,所以我们还得在此层上再加一层,掩盖住多余的白色,只留出两边的高光。复制“图层2”的心形,然后锁定“图层2”。
(13)插入一个新图层,系统默认为“图层3”,执行“编辑”|“粘贴到当前位置”命令。
(14)将此层的心形填充新的渐变色。设置渐变色样式为放射状,左边色块为#FA3AF0,右边色块为#F444C9,Alpha值为62%,如图2-136所示。
图2-136 设置填充色
(15)填充此色后会发现并没有出现我们希望的效果。因为填充的色彩虽然外周是半透明的,但这个透明色是圆形,无论怎么样调整都无法达到心形状态。执行【修改】|【形状】|【柔化填充边缘】命令,弹出“柔化填充边缘”对话框,设置距离30px,步骤数为10,如图2-137所示。
图2-137 柔化填充边缘设置
现在看效果已经出来了。如图2-138所示。
图2-138 柔化后效果
(16)目前这个心形的立体感并不强,因为主要的高光部分还没添加上去。锁定“图层3”,插入新图层,在“图层4”中将刚刚复制的“图层2”的心形再次执行【编辑】|【粘帖到当前位置】命令,使用【选择工具】框选心形的下半部分并将其删除,如图2-139所示。
图2-139 删除心形下半部分
(17)使用【部分选取工具】将下端的直线调整为曲线,并使两端尽量圆滑。如图2-140所示。
图2-140 调整圆滑
(18)打开“混色器”面板,将填充色样式改变线性,设置两边色块均为白色,右边色块Alpha为0%,如图2-141所示。
图2-141 设置填充色
填充颜色后,使用【填充变形工具】进行调整,如图2-142所示。
图2-142 调整填充色
到此为止,“心”元件制作完毕。
6. 绘制“珍珠”元件 (1)“珍珠”元件的制作很简单,关键是填充色的设置。使用【椭圆工具】画一个无填充色的正圆。
(2)打开【混色器】面板,填充样式设为放射状。左边色块设置为灰色(#A09696),并稍向右移,右边色块为浅黄色(#F5F0D8),如图2-143所示。
图2-143 设置填充色
(3)使用【颜料桶工具】在靠圆心左上的地方单击鼠标,或者在任意地方单击鼠标后再用【填充变形工具】进行调整。如图2-144所示。
图2-144 调整填充色
(4)复制该圆形,插入新图层,在“图层2”执行【编辑】|【粘贴到当前位置】命令。将填充色更改为如图2-145所示设置。样式放射状,左边色块白色,右边色块浅黄色(#F4F1CC),Alpha为0%。
图2-145 设置填充色
完成后的珍珠如图2-146所示。
图2-146 珍珠效果
7. 制作“项链”元件 (1)新建一个名字为“项链”的图形元件。
(2)这个元件分两层。图层1画上心形曲线,如图2-147所示。
图2-147 绘制心形曲线
(3)在“图层2”上沿上面的曲线将“珍珠”元件均匀的放置好。如图2-148所示。
图2-148 放置珍珠元件
8. 制作“情人节”元件 (1)新建一个名字为“情人节”的图形元件。
(2)在这个元件的编辑场景中。选择【文字工具】,在“属性”面中设置文本类型为【静态文本】,【字体】为方正行楷简体,字体大小、颜色随意,因为后面还会再作调整。
(3)在舞台上输入“情人节”三字,连续执行两次【修改】|【分离】命令,使其呈网点状成为可编辑形状的图形状态。如图2-149所示。
图2-149 分离文字
(4)用【橡皮擦工具】擦去“情”字两点,再使用【选择工具】将鼠标放到“节”字下端向左下方拖动将其拉长。如图2-150所示。
图2-150 使文字变化
(5)使用【选择工具】将“节”字下方被拉长部分调整为曲线状。
(6)在【混色器】面板中设置填充样式为线性,左边和右边色块为红色,中间色块为白色,如图2-151所示。
图2-151 设置填充色
(7)使用【选择工具】框选所有文字,使用【颜料桶工具】在文字上从上向下拖动鼠标填充颜色,然后将笔触颜色设为白色,使用【墨水瓶工具】,挨个单击文字,给文字加上白色边框。效果2-152如图所示。
图2-152 填充颜色
(8)插入新图层,打开“库”面板。在“图层2”上拖放入“心”元件,用【任意变形工具】调整到适合大小,分别放到情字和节字上,如图2-153所示。
图2-153 放置心形元件
9. 完成整个画面制作 (1)单击“时间轴”上的按钮,返回到“场景1”。
(2)新建2个图层,并将所有图层分别重新命名为“蜡烛”、“心”和“项链”。
(3)在“蜡烛”图层放入“蜡烛”元件,在“心”图层放入“心”和“情人节”元件,在“项链”图层放入“项链”元件。将这些对象摆放成合适的位置。
(4)还可以绘制一些光影元件(这里不再详述制作方法,请参看源文件)放在“蜡烛”图层中,以增加效果。范例最终如图2-105所示。
至此,本范例制作完毕。
第五课 奔跑的豹子
奔跑的豹子 茫茫雪原上,有一只矫健的豹子在奔跑跳跃,这是一个利用导入连续位图而创建的逐帧动画,如图所示
',1)">
1、 创建影片文档
执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400*260象素,【背景色】为白色,如图 所示。
图 3-2-4 创建新文档
2、 创建背景图层
选择第一帧,执行【文件】|【导入到场景】命令,将本实例中的名为“雪景.bmp”图片导入到场景中。在第8帧按F5,加过渡帧使帧内容延续。
3、 导入gif动画
新建一层,选择第一帧,执行【文件】|【导入到场景】命令,将本教程中的“奔跑的豹子”系列图片导入。此时,会弹出一个对话框,如图3-2-5所示。
3-2-5 系列图片导入
选择【是】按钮,Flash 会自动把gif中的图片序列按序以逐帧形式导入场景的左上角,如图3-2-7所示。
3-2-7 导入的gif动画在场景的上方形成帧帧动画
如图3-2-8所示是导入后的动画序列,它们被Flash自动分配在8个关键帧中。
图 3-2-8 导入的8张图片
4 、调整对象位置
此时,时间帧区出现连续的关键帧,从左向右拉动播放头,就会看到一头勇猛的豹子在向前奔跑,但是,被导入的动画序列位置尚未处于我们需要的地方,缺省状况下,导入的对象被放在场景坐标“0,0”处,我们必须移动它们。
你当然可以一帧帧调整位置,完成一幅图片后记下其坐标值,再把其它图片设置成相同坐标值,如果你有足够耐性和时间,也无妨,那么,我们何不试试“多帧编辑”功能呢?
先把“雪景”图层加锁,然后按下时间轴面板下方的【绘图纸显示多帧】按钮 ,再单击【修改绘图纸标记】按钮 ,在弹出的菜单中选择【显示全部】选项,如图3-2-9所示。
图3-2-9 选择显示全部选项
最后执行【编辑】|【全选】命令,此时时间轴和场景效果如图3-2-10所示。
图3-2-10 选取多帧编辑
用鼠标左键按住场景左上方的豹子拖动,就可以一次把8帧中的图片一次全移动到场景中了。
5、 设置标题文字
在场景中新建一个图层,单击工具栏上的文字工具按钮 ,设置【属性】面板上的文本参数如下,【文本类型】为静态文本;【字体】为隶书;【字体大小】35;【颜色】为深蓝色。如图 3-2-11所示。
图 3-2-11 字体【属性】面板参数设置
在文本框输入“奔跑的豹子”五个字,居中放置。
6、 测试存盘
执行【控制】|【测试影片】命令,观察本例swf文件生成的动画有无问题,如果满意,执行【文件】|【保存】命令,将文件保存成“奔跑的豹子.fla”文件存盘,如果要导出Flash的播放文件,执行【导出】|【导出影片】命令保存成“奔跑的豹子.swf”文件。 FLASH教材3~4节 2009-04-28 01:55
分类:动画制作
字号:大大 中中 小小
第三课 投影滤镜文字特效
1.2 影片文档的基本操作――投影滤镜文字特效对于初步接触Flash8的读者来说,掌握Flash8制作动画的工作流程,掌握Flash影片文档的基本操作方法是最迫切的一个要求。
1.2.1 范例简介本例利用投影滤镜制作一个阴影文字特效,通过这个阴影文字特效的制作过程,让读者了解Flash8制作动画的整体过程。范例效果如图1-45所示。
图1-45 范例效果
通过本例的学习,读者主要可以掌握如何新建Flash8影片文档,如何设置文档属性,如何保存文件,如何测试影片,如何导出影片,如何打开文件,如何修改文件,如何输入文本,如何设置文本的滤镜效果以及认识Flash8工作环境,认识Flash所产生的文件类型等。
1.2.2 制作步骤1.新建影片文档和设置文档属性 (1)启动Flash8,出现“开始页”, 选择“创建新项目”下的“Flash文档”,这样就启动Flash8的工作窗口并新建一个影片文档。
(2)展开“属性”面板,单击“大小”右边的“文档属性”按钮,弹出“文档属性”对话框。
(3)在“标题”文本框中输入“文字效果”,在“描述”列表框中输入对影片的简单描述,设置“尺寸”为300×200像素,设置“背景颜色”为浅蓝色,其他保持默认,如图1-46所示。
图1-46 “文档属性”对话框
“文档属性”对话框中参数的含义:
“标题”:设置文档的标题。
“描述”:对创建的影片做一些简单的描述。
“尺寸”:舞台的尺寸最小可设定成宽1px(像素)、高1px(像素),最大可设定成宽2880px(像素)、高2880px(像素)。另外,系统默认的尺寸单位是px(像素),可以自行输入“cm(厘米)”、“mm(毫米)”和“in(英寸)”等单位的数值,也可以在“标尺单位”中选择。
“匹配”|“打印机”:匹配打印机,让底稿的大小与打印机的打印范围相同。
“匹配”|“内容”:匹配内容,将底稿缩放成和画面上的对象大小一样。
“匹配”|“默认”:使用默认值。
“背景颜色”:设置舞台的背景颜色。
“帧频”:默认的是12fps。这个速度很适合在网络上播放,一般情况下我们都保持这个帧频。在设计一些特殊效果的课件时,可以更改这个数值,数值越大动画的播放速度越快。
“标尺单位”:标尺是显示在场景周围的辅助工具,以标尺为参照可以使我们绘制的图形更精确。在这里可以设置标尺的单位。
“设为默认值”:将所有设定存成默认值,下次当再开启新的影片文档时,影片的舞台大小和背景颜色会自动调整成这次设定的值。
2.创建文字 (1)在“工具箱”中选择“文本工具”。在“属性”面板中,设置“字体”为黑体,“字体大小”为45,“文本颜色”为白色,文字加粗显示,其他属性保持默认。
(2)将鼠标移向舞台上单击,在出现的文本输入框中输入“基础与实例”。
(3)在“工具箱”中选择“选择工具”,拖动文字到舞台中央位置。效果如图1-47所示。
图1-47 创建文本对象
3.保存和测试影片 (1)选择“文件”|“保存”命令(快捷键Ctrl+S),弹出【另存为】对话框,指定影片保存的文件夹,输入文件名,单击【保存】按钮。这样我们就将影片文档保存起来了,文件的扩展名是fla。
注意:为了安全,在动画制作过程中要经常保存文件。按Ctrl+S键,可以快速保存文件。
(2)选择“控制”|“测试影片”命令(快捷键Ctrl+Enter),弹出测试窗口,在窗口中可以观察到影片的效果,并且还可以对影片进行调试。关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。
(3)打开“资源管理器”窗口,定位在影片文档保存的文件夹,可以观察到两个文件,如图1-48所示。左边是影片文档源文件(扩展名是fla),也就是第(1)步保存的文件。右边是影片播放文件(扩展名是swf),也就是第(2)步测试影片时自动产生的文件。直接双击影片播放文件可以在Flash播放器中播放动画。
图1-48 文档类型
4.导出影片 (1)选择“文件”|“导出”|“导出影片”命令,弹出“导出影片”对话框,指定导出影片的文件夹,输入导出影片文件名,单击“保存”按钮, 弹出【导出Flash Player】对话框,如图1-49所示。
图1-49 【导出Flash Player】对话框
(2)在这个对话框中可以设置导出影片的相关参数。这里我们不做改动,保持目前的默认参数。单击【确定】按钮,导出影片。导出的影片文件类型是播放文件,文件扩展名为swf。
5.关闭和打开影片文档 (1)单击影片文档窗口右上角的关闭按钮,关闭影片。
(2)在“开始”页面,选择“打开最近项目”下的“打开”按钮,弹出“打开”对话框。在“查找范围”中定位到要打开影片文件所在的文件夹,选择要打开的影片文件(扩展名为fla)。单击“打开”按钮,这样就把影片文档打开了。
(3)单击舞台上的文本对象。接着展开“滤镜”面板,单击“+”号按钮,在弹出的下拉菜单中选择“投影”滤镜。此时,舞台上文本对象产生了滤镜效果,如图1-50所示。
图1-50 设置文字滤镜效果
(4)按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果,我们得到一个具备阴影效果的文字特效。
本课小结在本节中,通过一个阴影文字特效范例的制作,介绍了Flash制作动画的一般操作步骤。相信初次接触Flash的朋友会对Flash有一个初步的了解。
第四课 情人节贺卡
范例最终效果如图2-105所示。
图2-105 情人节贺卡
1. 绘制“烛焰”元件 (1)新建一个Flash8影片文档。设置舞台背景颜色为蓝色,其他保持默认设置。
(2)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛焰”,选择【行为】为【图形】。如图2-106所示。
图2-106 新建图形元件
(3)单击“确定”按钮,进入到“烛焰”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】调整,如图2-107所示。
图2-107 绘制烛焰边框
(4)执行【窗口】|【混色器】命令,填充样式设为放射状。在渐变条上将左边色标设置为白色,并拖动到偏右方以加大白色在整个渐变色中的比例。将右边色标设置为黄色,如图2-108所示。
图2-108 混色器设置
(5)将场景中的图形填充渐变色后,烛焰的色彩并不尽如人意,需要使用【填充变形工具】进行调整。选择【填充变形工具】单击填充色,会出现一个边上带有三个手柄的环形边框。我们用鼠标分别按住中心的圆圈或边上的手柄里推外拉、上下左右的进行调整,现在将烛焰的颜色调整为上下略带一点黄色,上边黄色略多,如图2-109所示。
图2-109 调整填充色
2. 绘制“烛身”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛身”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“烛身”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】略加调整,并使用【任意变形工具】进行旋转,如图2-110所示。
图2-110 绘制烛身元件
(3)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色标设置为黄色(#F5DD38),并拖动到偏右方;将右边色标设置为红色(#F76648),如图2-111所示。
图2-111 设置填充色
(4)填充渐变色后,使用【填充变形工具】调整,如图2-112所示。
图2-112 调整填充色
(5)为使烛身更漂亮,在刚刚作好的图形旁边画一个无边框的椭圆,颜色填充设置如图2-113所示。左边色标设置为#F76648,右边色标设置为#F5DD38。
图2-113 设置填充色
(6)椭圆画好后用【任意变形工具】调整倾斜,如图2-114所示。
图2-114 绘制椭圆
(7)使用【选择工具】将画好的椭圆拖放到烛身上,如图2-115所示。
图2-115 调整椭圆位置
(8)选择【刷子工具】,在选项中将刷子大小选择略小一点的笔刷,填充色设为淡黄色,在烛身上添加高光,删除边框线条,完成烛身元件造型。如图2-116所示。
图2-116 绘制高光
3. 绘制“烛光”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛光”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“烛光”元件的编辑场景。打开【混色器】面板,填充样式设为放射状。将鼠标移近渐变条,当鼠标指针右下角出现一个加号时,单击鼠标,在渐变条上增加一个色标。将左边色标设置为黄色,并稍向右移;中间色标为红色;右边色标为白色,为使光焰呈模糊虚幻而不突兀,将右边白色色标的Alpha值调整为零,如图2-117所示。
图2-117 设置填充色
(3)使用【椭圆工具】绘制一个无边框的正圆,如图2-118所示。
图2-118 绘制无边框正圆
(4)使用【任意变形工具】将其纵向收缩。如图2-119所示。
图2-119 收缩变形
4. 组装“蜡烛”元件 (1)新建一个名字为“蜡烛”的图形元件。进入到这个元件的编辑场景中。
(2)“蜡烛”元件共分三层。先制作烛身层。双击时间轴上“图层1”,将“图层1”改名为“烛身”。如图2-120所示。
图2-120 修改图层名
(3)按Ctrl+L组合键打开【库】面板,将“烛身”元件拖放到舞台上。选中该元件按住Alt键向下拖放进行复制,如图2-121所示。
图2-121 复制烛身元件
(4)选中所有元件,执行【修改】|【对齐】|【左对齐】命令,再执行【按高度均匀分布】命令,效果如图2-122所示。
图2-122 对齐元件
(5)使用【任意变形工具】旋转最上面和最下面的元件,如图2-123所示。
图2-123 旋转上下元件
(6)将鼠标指向“烛身”图层上,单击右键,在弹出的快捷菜单中选择【插入图层】命令。系统默认插入图层为“图层2”,双击“图层2”,改名为“烛焰”。将【库】面板中“烛焰”元件拖放到合适位置。如图2-124所示。
图2-124 放置烛光元件
(7)插入一个新图层,将图层改名为“烛光”。将“烛光”元件拖放到舞台上。因为烛光在蜡烛的后面,所以用鼠标选择“烛光”层,将它拖放到“烛身”层下方。现在三层的排列顺序如图2-125所示。
图2-125 图层顺序
(8)在【属性】面板中将背景色改为黑色,使蜡烛的色彩更明亮。完成后的蜡烛如图2-126所示。
图2-126 蜡烛完成效果
5. 绘制“心”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“心”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“心”元件的编辑场景。使用【线条工具】绘制一条竖线,再使用【选择工具】将其调整为曲线,如图2-127所示。
图2-127 将直线调整为曲线
(3)选择【部分选取工具】,单击曲线端点,端点上会出现调节手柄。上下左右移动手柄,将该曲线调整为如图2-128所示形状。
图2-128 调整曲线形状
(4)选中该该曲线,执行【编辑】|【复制】命令,再执行【编辑】|【粘贴到中心位置】命令,选择粘帖得到的曲线,执行【修改】|【变形】|【水平翻转】命令,如图2-129所示。
图2-129 复制曲线后水平翻转
(5)将该两条曲线拖放连接好,成为一个心形,如图2-130所示。
图2-130 完成心形
(6)打开【混色器】面板,填充样式设为线性。在渐变条上将左边色块设置为#AF057C,将右边色块设置为#E207C8,如图2-131所示。
图2-131 设置填充色
(7)使用【颜料桶工具】从右下向左上拖动鼠标填充颜色,并删除白色边框线,如图2-132所示。
图2-132 填充颜色
(8)选中这个心形,右击它,在弹出的快捷菜单中选择“复制”命令,然后在时间轴上将此层锁定。
(9)插入新图层,系统默认为“图层2”,执行“编辑”|“粘贴到当前位置”命令。创建此层的目的是为使心形下方边上呈现白色高光,所以此层的心形比图层1上的心形略小。如果使用【任意变形工具】来调节是很不容易达到这个目的。这里执行【窗口】|【设计面板】|【变形】命令,弹出【变形】面板,设置变形宽度为97%,约束默认为打勾状态,按回车键确定,就可以使图形实现精确的变形。变形面板设置如图2-133所示。
图2-133 “变形”面板
(10)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色块设置为玫红色(#F91CEE),将右边色块设置为白色,白色的Alpha值为78%,如图2-134所示。
图2-134 设置填充色
(11)将“图层2”的心形填充上述调整好的填充色,并使用【填充变形工具】进行调整,按住方形手柄向外拖动,使填充色变为椭圆状,再按住中心点向上移动。为了使大家能够清楚观察调整的情况,特将背景色暂改为蓝色,如图2-135所示。
图2-135 调整填充色
(12)现在只是使这一层的心形下方颜色变亮了,但并未因此而形成高光状态,所以我们还得在此层上再加一层,掩盖住多余的白色,只留出两边的高光。复制“图层2”的心形,然后锁定“图层2”。
(13)插入一个新图层,系统默认为“图层3”,执行“编辑”|“粘贴到当前位置”命令。
(14)将此层的心形填充新的渐变色。设置渐变色样式为放射状,左边色块为#FA3AF0,右边色块为#F444C9,Alpha值为62%,如图2-136所示。
图2-136 设置填充色
(15)填充此色后会发现并没有出现我们希望的效果。因为填充的色彩虽然外周是半透明的,但这个透明色是圆形,无论怎么样调整都无法达到心形状态。执行【修改】|【形状】|【柔化填充边缘】命令,弹出“柔化填充边缘”对话框,设置距离30px,步骤数为10,如图2-137所示。
图2-137 柔化填充边缘设置
现在看效果已经出来了。如图2-138所示。
图2-138 柔化后效果
(16)目前这个心形的立体感并不强,因为主要的高光部分还没添加上去。锁定“图层3”,插入新图层,在“图层4”中将刚刚复制的“图层2”的心形再次执行【编辑】|【粘帖到当前位置】命令,使用【选择工具】框选心形的下半部分并将其删除,如图2-139所示。
图2-139 删除心形下半部分
(17)使用【部分选取工具】将下端的直线调整为曲线,并使两端尽量圆滑。如图2-140所示。
图2-140 调整圆滑
(18)打开“混色器”面板,将填充色样式改变线性,设置两边色块均为白色,右边色块Alpha为0%,如图2-141所示。
图2-141 设置填充色
填充颜色后,使用【填充变形工具】进行调整,如图2-142所示。
图2-142 调整填充色
到此为止,“心”元件制作完毕。
6. 绘制“珍珠”元件 (1)“珍珠”元件的制作很简单,关键是填充色的设置。使用【椭圆工具】画一个无填充色的正圆。
(2)打开【混色器】面板,填充样式设为放射状。左边色块设置为灰色(#A09696),并稍向右移,右边色块为浅黄色(#F5F0D8),如图2-143所示。
图2-143 设置填充色
(3)使用【颜料桶工具】在靠圆心左上的地方单击鼠标,或者在任意地方单击鼠标后再用【填充变形工具】进行调整。如图2-144所示。
图2-144 调整填充色
(4)复制该圆形,插入新图层,在“图层2”执行【编辑】|【粘贴到当前位置】命令。将填充色更改为如图2-145所示设置。样式放射状,左边色块白色,右边色块浅黄色(#F4F1CC),Alpha为0%。
图2-145 设置填充色
完成后的珍珠如图2-146所示。
图2-146 珍珠效果
7. 制作“项链”元件 (1)新建一个名字为“项链”的图形元件。
(2)这个元件分两层。图层1画上心形曲线,如图2-147所示。
图2-147 绘制心形曲线
(3)在“图层2”上沿上面的曲线将“珍珠”元件均匀的放置好。如图2-148所示。
图2-148 放置珍珠元件
8. 制作“情人节”元件 (1)新建一个名字为“情人节”的图形元件。
(2)在这个元件的编辑场景中。选择【文字工具】,在“属性”面中设置文本类型为【静态文本】,【字体】为方正行楷简体,字体大小、颜色随意,因为后面还会再作调整。
(3)在舞台上输入“情人节”三字,连续执行两次【修改】|【分离】命令,使其呈网点状成为可编辑形状的图形状态。如图2-149所示。
图2-149 分离文字
(4)用【橡皮擦工具】擦去“情”字两点,再使用【选择工具】将鼠标放到“节”字下端向左下方拖动将其拉长。如图2-150所示。
图2-150 使文字变化
(5)使用【选择工具】将“节”字下方被拉长部分调整为曲线状。
(6)在【混色器】面板中设置填充样式为线性,左边和右边色块为红色,中间色块为白色,如图2-151所示。
图2-151 设置填充色
(7)使用【选择工具】框选所有文字,使用【颜料桶工具】在文字上从上向下拖动鼠标填充颜色,然后将笔触颜色设为白色,使用【墨水瓶工具】,挨个单击文字,给文字加上白色边框。效果2-152如图所示。
图2-152 填充颜色
(8)插入新图层,打开“库”面板。在“图层2”上拖放入“心”元件,用【任意变形工具】调整到适合大小,分别放到情字和节字上,如图2-153所示。
图2-153 放置心形元件
9. 完成整个画面制作 (1)单击“时间轴”上的按钮,返回到“场景1”。
(2)新建2个图层,并将所有图层分别重新命名为“蜡烛”、“心”和“项链”。
(3)在“蜡烛”图层放入“蜡烛”元件,在“心”图层放入“心”和“情人节”元件,在“项链”图层放入“项链”元件。将这些对象摆放成合适的位置。
(4)还可以绘制一些光影元件(这里不再详述制作方法,请参看源文件)放在“蜡烛”图层中,以增加效果。范例最终如图2-105所示。
至此,本范例制作完毕。
第五课 奔跑的豹子
奔跑的豹子 茫茫雪原上,有一只矫健的豹子在奔跑跳跃,这是一个利用导入连续位图而创建的逐帧动画,如图所示
',2)">
1、 创建影片文档
执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400*260象素,【背景色】为白色,如图 所示。
图 3-2-4 创建新文档
2、 创建背景图层
选择第一帧,执行【文件】|【导入到场景】命令,将本实例中的名为“雪景.bmp”图片导入到场景中。在第8帧按F5,加过渡帧使帧内容延续。
3、 导入gif动画
新建一层,选择第一帧,执行【文件】|【导入到场景】命令,将本教程中的“奔跑的豹子”系列图片导入。此时,会弹出一个对话框,如图3-2-5所示。
3-2-5 系列图片导入
选择【是】按钮,Flash 会自动把gif中的图片序列按序以逐帧形式导入场景的左上角,如图3-2-7所示。
3-2-7 导入的gif动画在场景的上方形成帧帧动画
如图3-2-8所示是导入后的动画序列,它们被Flash自动分配在8个关键帧中。
图 3-2-8 导入的8张图片
4 、调整对象位置
此时,时间帧区出现连续的关键帧,从左向右拉动播放头,就会看到一头勇猛的豹子在向前奔跑,但是,被导入的动画序列位置尚未处于我们需要的地方,缺省状况下,导入的对象被放在场景坐标“0,0”处,我们必须移动它们。
你当然可以一帧帧调整位置,完成一幅图片后记下其坐标值,再把其它图片设置成相同坐标值,如果你有足够耐性和时间,也无妨,那么,我们何不试试“多帧编辑”功能呢?
先把“雪景”图层加锁,然后按下时间轴面板下方的【绘图纸显示多帧】按钮 ,再单击【修改绘图纸标记】按钮 ,在弹出的菜单中选择【显示全部】选项,如图3-2-9所示。
图3-2-9 选择显示全部选项
最后执行【编辑】|【全选】命令,此时时间轴和场景效果如图3-2-10所示。
图3-2-10 选取多帧编辑
用鼠标左键按住场景左上方的豹子拖动,就可以一次把8帧中的图片一次全移动到场景中了。
5、 设置标题文字
在场景中新建一个图层,单击工具栏上的文字工具按钮 ,设置【属性】面板上的文本参数如下,【文本类型】为静态文本;【字体】为隶书;【字体大小】35;【颜色】为深蓝色。如图 3-2-11所示。
图 3-2-11 字体【属性】面板参数设置
在文本框输入“奔跑的豹子”五个字,居中放置。
6、 测试存盘
执行【控制】|【测试影片】命令,观察本例swf文件生成的动画有无问题,如果满意,执行【文件】|【保存】命令,将文件保存成“奔跑的豹子.fla”文件存盘,如果要导出Flash的播放文件,执行【导出】|【导出影片】命令保存成“奔跑的豹子.swf”文件。
正在加载中...
Easy GIF Animator 是个小而强大动画制作工具,有多样化的选项供您设定,提供了高压缩高画质的 GIF 动画。主要功能有:简单快速建立 GIF 动画、内建预览器、可将动画转成灰阶、可设定每个图片的透明色、可设定动画回转数、影格持续时间、显示位置。
1.可以更换动画图片背景颜色。
2.可以在动画图片上加字。
3.可以新建立动画图片也可以修改动画图片。
下载网址:http://www.xdowns.com/soft/softdown.asp?softid=16339
用原图制作的gif图片
更换图片背景颜色的效果
在图片上加字和背景颜色的效果
操作方法
一.新建动画
一.修改原有动画
(更换背景)
效果图
操作方法
第三课 投影滤镜文字特效
1.2 影片文档的基本操作――投影滤镜文字特效对于初步接触Flash8的读者来说,掌握Flash8制作动画的工作流程,掌握Flash影片文档的基本操作方法是最迫切的一个要求。
1.2.1 范例简介本例利用投影滤镜制作一个阴影文字特效,通过这个阴影文字特效的制作过程,让读者了解Flash8制作动画的整体过程。范例效果如图1-45所示。
图1-45 范例效果
通过本例的学习,读者主要可以掌握如何新建Flash8影片文档,如何设置文档属性,如何保存文件,如何测试影片,如何导出影片,如何打开文件,如何修改文件,如何输入文本,如何设置文本的滤镜效果以及认识Flash8工作环境,认识Flash所产生的文件类型等。
1.2.2 制作步骤1.新建影片文档和设置文档属性 (1)启动Flash8,出现“开始页”, 选择“创建新项目”下的“Flash文档”,这样就启动Flash8的工作窗口并新建一个影片文档。
(2)展开“属性”面板,单击“大小”右边的“文档属性”按钮,弹出“文档属性”对话框。
(3)在“标题”文本框中输入“文字效果”,在“描述”列表框中输入对影片的简单描述,设置“尺寸”为300×200像素,设置“背景颜色”为浅蓝色,其他保持默认,如图1-46所示。
图1-46 “文档属性”对话框
“文档属性”对话框中参数的含义:
“标题”:设置文档的标题。
“描述”:对创建的影片做一些简单的描述。
“尺寸”:舞台的尺寸最小可设定成宽1px(像素)、高1px(像素),最大可设定成宽2880px(像素)、高2880px(像素)。另外,系统默认的尺寸单位是px(像素),可以自行输入“cm(厘米)”、“mm(毫米)”和“in(英寸)”等单位的数值,也可以在“标尺单位”中选择。
“匹配”|“打印机”:匹配打印机,让底稿的大小与打印机的打印范围相同。
“匹配”|“内容”:匹配内容,将底稿缩放成和画面上的对象大小一样。
“匹配”|“默认”:使用默认值。
“背景颜色”:设置舞台的背景颜色。
“帧频”:默认的是12fps。这个速度很适合在网络上播放,一般情况下我们都保持这个帧频。在设计一些特殊效果的课件时,可以更改这个数值,数值越大动画的播放速度越快。
“标尺单位”:标尺是显示在场景周围的辅助工具,以标尺为参照可以使我们绘制的图形更精确。在这里可以设置标尺的单位。
“设为默认值”:将所有设定存成默认值,下次当再开启新的影片文档时,影片的舞台大小和背景颜色会自动调整成这次设定的值。
2.创建文字 (1)在“工具箱”中选择“文本工具”。在“属性”面板中,设置“字体”为黑体,“字体大小”为45,“文本颜色”为白色,文字加粗显示,其他属性保持默认。
(2)将鼠标移向舞台上单击,在出现的文本输入框中输入“基础与实例”。
(3)在“工具箱”中选择“选择工具”,拖动文字到舞台中央位置。效果如图1-47所示。
图1-47 创建文本对象
3.保存和测试影片 (1)选择“文件”|“保存”命令(快捷键Ctrl+S),弹出【另存为】对话框,指定影片保存的文件夹,输入文件名,单击【保存】按钮。这样我们就将影片文档保存起来了,文件的扩展名是fla。
注意:为了安全,在动画制作过程中要经常保存文件。按Ctrl+S键,可以快速保存文件。
(2)选择“控制”|“测试影片”命令(快捷键Ctrl+Enter),弹出测试窗口,在窗口中可以观察到影片的效果,并且还可以对影片进行调试。关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。
(3)打开“资源管理器”窗口,定位在影片文档保存的文件夹,可以观察到两个文件,如图1-48所示。左边是影片文档源文件(扩展名是fla),也就是第(1)步保存的文件。右边是影片播放文件(扩展名是swf),也就是第(2)步测试影片时自动产生的文件。直接双击影片播放文件可以在Flash播放器中播放动画。
图1-48 文档类型
4.导出影片 (1)选择“文件”|“导出”|“导出影片”命令,弹出“导出影片”对话框,指定导出影片的文件夹,输入导出影片文件名,单击“保存”按钮, 弹出【导出Flash Player】对话框,如图1-49所示。
图1-49 【导出Flash Player】对话框
(2)在这个对话框中可以设置导出影片的相关参数。这里我们不做改动,保持目前的默认参数。单击【确定】按钮,导出影片。导出的影片文件类型是播放文件,文件扩展名为swf。
5.关闭和打开影片文档 (1)单击影片文档窗口右上角的关闭按钮,关闭影片。
(2)在“开始”页面,选择“打开最近项目”下的“打开”按钮,弹出“打开”对话框。在“查找范围”中定位到要打开影片文件所在的文件夹,选择要打开的影片文件(扩展名为fla)。单击“打开”按钮,这样就把影片文档打开了。
(3)单击舞台上的文本对象。接着展开“滤镜”面板,单击“+”号按钮,在弹出的下拉菜单中选择“投影”滤镜。此时,舞台上文本对象产生了滤镜效果,如图1-50所示。
图1-50 设置文字滤镜效果
(4)按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果,我们得到一个具备阴影效果的文字特效。
本课小结在本节中,通过一个阴影文字特效范例的制作,介绍了Flash制作动画的一般操作步骤。相信初次接触Flash的朋友会对Flash有一个初步的了解。
第四课 情人节贺卡
范例最终效果如图2-105所示。
图2-105 情人节贺卡
1. 绘制“烛焰”元件 (1)新建一个Flash8影片文档。设置舞台背景颜色为蓝色,其他保持默认设置。
(2)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛焰”,选择【行为】为【图形】。如图2-106所示。
图2-106 新建图形元件
(3)单击“确定”按钮,进入到“烛焰”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】调整,如图2-107所示。
图2-107 绘制烛焰边框
(4)执行【窗口】|【混色器】命令,填充样式设为放射状。在渐变条上将左边色标设置为白色,并拖动到偏右方以加大白色在整个渐变色中的比例。将右边色标设置为黄色,如图2-108所示。
图2-108 混色器设置
(5)将场景中的图形填充渐变色后,烛焰的色彩并不尽如人意,需要使用【填充变形工具】进行调整。选择【填充变形工具】单击填充色,会出现一个边上带有三个手柄的环形边框。我们用鼠标分别按住中心的圆圈或边上的手柄里推外拉、上下左右的进行调整,现在将烛焰的颜色调整为上下略带一点黄色,上边黄色略多,如图2-109所示。
图2-109 调整填充色
2. 绘制“烛身”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛身”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“烛身”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】略加调整,并使用【任意变形工具】进行旋转,如图2-110所示。
图2-110 绘制烛身元件
(3)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色标设置为黄色(#F5DD38),并拖动到偏右方;将右边色标设置为红色(#F76648),如图2-111所示。
图2-111 设置填充色
(4)填充渐变色后,使用【填充变形工具】调整,如图2-112所示。
图2-112 调整填充色
(5)为使烛身更漂亮,在刚刚作好的图形旁边画一个无边框的椭圆,颜色填充设置如图2-113所示。左边色标设置为#F76648,右边色标设置为#F5DD38。
图2-113 设置填充色
(6)椭圆画好后用【任意变形工具】调整倾斜,如图2-114所示。
图2-114 绘制椭圆
(7)使用【选择工具】将画好的椭圆拖放到烛身上,如图2-115所示。
图2-115 调整椭圆位置
(8)选择【刷子工具】,在选项中将刷子大小选择略小一点的笔刷,填充色设为淡黄色,在烛身上添加高光,删除边框线条,完成烛身元件造型。如图2-116所示。
图2-116 绘制高光
3. 绘制“烛光”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛光”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“烛光”元件的编辑场景。打开【混色器】面板,填充样式设为放射状。将鼠标移近渐变条,当鼠标指针右下角出现一个加号时,单击鼠标,在渐变条上增加一个色标。将左边色标设置为黄色,并稍向右移;中间色标为红色;右边色标为白色,为使光焰呈模糊虚幻而不突兀,将右边白色色标的Alpha值调整为零,如图2-117所示。
图2-117 设置填充色
(3)使用【椭圆工具】绘制一个无边框的正圆,如图2-118所示。
图2-118 绘制无边框正圆
(4)使用【任意变形工具】将其纵向收缩。如图2-119所示。
图2-119 收缩变形
4. 组装“蜡烛”元件 (1)新建一个名字为“蜡烛”的图形元件。进入到这个元件的编辑场景中。
(2)“蜡烛”元件共分三层。先制作烛身层。双击时间轴上“图层1”,将“图层1”改名为“烛身”。如图2-120所示。
图2-120 修改图层名
(3)按Ctrl+L组合键打开【库】面板,将“烛身”元件拖放到舞台上。选中该元件按住Alt键向下拖放进行复制,如图2-121所示。
图2-121 复制烛身元件
(4)选中所有元件,执行【修改】|【对齐】|【左对齐】命令,再执行【按高度均匀分布】命令,效果如图2-122所示。
图2-122 对齐元件
(5)使用【任意变形工具】旋转最上面和最下面的元件,如图2-123所示。
图2-123 旋转上下元件
(6)将鼠标指向“烛身”图层上,单击右键,在弹出的快捷菜单中选择【插入图层】命令。系统默认插入图层为“图层2”,双击“图层2”,改名为“烛焰”。将【库】面板中“烛焰”元件拖放到合适位置。如图2-124所示。
图2-124 放置烛光元件
(7)插入一个新图层,将图层改名为“烛光”。将“烛光”元件拖放到舞台上。因为烛光在蜡烛的后面,所以用鼠标选择“烛光”层,将它拖放到“烛身”层下方。现在三层的排列顺序如图2-125所示。
图2-125 图层顺序
(8)在【属性】面板中将背景色改为黑色,使蜡烛的色彩更明亮。完成后的蜡烛如图2-126所示。
图2-126 蜡烛完成效果
5. 绘制“心”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“心”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“心”元件的编辑场景。使用【线条工具】绘制一条竖线,再使用【选择工具】将其调整为曲线,如图2-127所示。
图2-127 将直线调整为曲线
(3)选择【部分选取工具】,单击曲线端点,端点上会出现调节手柄。上下左右移动手柄,将该曲线调整为如图2-128所示形状。
图2-128 调整曲线形状
(4)选中该该曲线,执行【编辑】|【复制】命令,再执行【编辑】|【粘贴到中心位置】命令,选择粘帖得到的曲线,执行【修改】|【变形】|【水平翻转】命令,如图2-129所示。
图2-129 复制曲线后水平翻转
(5)将该两条曲线拖放连接好,成为一个心形,如图2-130所示。
图2-130 完成心形
(6)打开【混色器】面板,填充样式设为线性。在渐变条上将左边色块设置为#AF057C,将右边色块设置为#E207C8,如图2-131所示。
图2-131 设置填充色
(7)使用【颜料桶工具】从右下向左上拖动鼠标填充颜色,并删除白色边框线,如图2-132所示。
图2-132 填充颜色
(8)选中这个心形,右击它,在弹出的快捷菜单中选择“复制”命令,然后在时间轴上将此层锁定。
(9)插入新图层,系统默认为“图层2”,执行“编辑”|“粘贴到当前位置”命令。创建此层的目的是为使心形下方边上呈现白色高光,所以此层的心形比图层1上的心形略小。如果使用【任意变形工具】来调节是很不容易达到这个目的。这里执行【窗口】|【设计面板】|【变形】命令,弹出【变形】面板,设置变形宽度为97%,约束默认为打勾状态,按回车键确定,就可以使图形实现精确的变形。变形面板设置如图2-133所示。
图2-133 “变形”面板
(10)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色块设置为玫红色(#F91CEE),将右边色块设置为白色,白色的Alpha值为78%,如图2-134所示。
图2-134 设置填充色
(11)将“图层2”的心形填充上述调整好的填充色,并使用【填充变形工具】进行调整,按住方形手柄向外拖动,使填充色变为椭圆状,再按住中心点向上移动。为了使大家能够清楚观察调整的情况,特将背景色暂改为蓝色,如图2-135所示。
图2-135 调整填充色
(12)现在只是使这一层的心形下方颜色变亮了,但并未因此而形成高光状态,所以我们还得在此层上再加一层,掩盖住多余的白色,只留出两边的高光。复制“图层2”的心形,然后锁定“图层2”。
(13)插入一个新图层,系统默认为“图层3”,执行“编辑”|“粘贴到当前位置”命令。
(14)将此层的心形填充新的渐变色。设置渐变色样式为放射状,左边色块为#FA3AF0,右边色块为#F444C9,Alpha值为62%,如图2-136所示。
图2-136 设置填充色
(15)填充此色后会发现并没有出现我们希望的效果。因为填充的色彩虽然外周是半透明的,但这个透明色是圆形,无论怎么样调整都无法达到心形状态。执行【修改】|【形状】|【柔化填充边缘】命令,弹出“柔化填充边缘”对话框,设置距离30px,步骤数为10,如图2-137所示。
图2-137 柔化填充边缘设置
现在看效果已经出来了。如图2-138所示。
图2-138 柔化后效果
(16)目前这个心形的立体感并不强,因为主要的高光部分还没添加上去。锁定“图层3”,插入新图层,在“图层4”中将刚刚复制的“图层2”的心形再次执行【编辑】|【粘帖到当前位置】命令,使用【选择工具】框选心形的下半部分并将其删除,如图2-139所示。
图2-139 删除心形下半部分
(17)使用【部分选取工具】将下端的直线调整为曲线,并使两端尽量圆滑。如图2-140所示。
图2-140 调整圆滑
(18)打开“混色器”面板,将填充色样式改变线性,设置两边色块均为白色,右边色块Alpha为0%,如图2-141所示。
图2-141 设置填充色
填充颜色后,使用【填充变形工具】进行调整,如图2-142所示。
图2-142 调整填充色
到此为止,“心”元件制作完毕。
6. 绘制“珍珠”元件 (1)“珍珠”元件的制作很简单,关键是填充色的设置。使用【椭圆工具】画一个无填充色的正圆。
(2)打开【混色器】面板,填充样式设为放射状。左边色块设置为灰色(#A09696),并稍向右移,右边色块为浅黄色(#F5F0D8),如图2-143所示。
图2-143 设置填充色
(3)使用【颜料桶工具】在靠圆心左上的地方单击鼠标,或者在任意地方单击鼠标后再用【填充变形工具】进行调整。如图2-144所示。
图2-144 调整填充色
(4)复制该圆形,插入新图层,在“图层2”执行【编辑】|【粘贴到当前位置】命令。将填充色更改为如图2-145所示设置。样式放射状,左边色块白色,右边色块浅黄色(#F4F1CC),Alpha为0%。
图2-145 设置填充色
完成后的珍珠如图2-146所示。
图2-146 珍珠效果
7. 制作“项链”元件 (1)新建一个名字为“项链”的图形元件。
(2)这个元件分两层。图层1画上心形曲线,如图2-147所示。
图2-147 绘制心形曲线
(3)在“图层2”上沿上面的曲线将“珍珠”元件均匀的放置好。如图2-148所示。
图2-148 放置珍珠元件
8. 制作“情人节”元件 (1)新建一个名字为“情人节”的图形元件。
(2)在这个元件的编辑场景中。选择【文字工具】,在“属性”面中设置文本类型为【静态文本】,【字体】为方正行楷简体,字体大小、颜色随意,因为后面还会再作调整。
(3)在舞台上输入“情人节”三字,连续执行两次【修改】|【分离】命令,使其呈网点状成为可编辑形状的图形状态。如图2-149所示。
图2-149 分离文字
(4)用【橡皮擦工具】擦去“情”字两点,再使用【选择工具】将鼠标放到“节”字下端向左下方拖动将其拉长。如图2-150所示。
图2-150 使文字变化
(5)使用【选择工具】将“节”字下方被拉长部分调整为曲线状。
(6)在【混色器】面板中设置填充样式为线性,左边和右边色块为红色,中间色块为白色,如图2-151所示。
图2-151 设置填充色
(7)使用【选择工具】框选所有文字,使用【颜料桶工具】在文字上从上向下拖动鼠标填充颜色,然后将笔触颜色设为白色,使用【墨水瓶工具】,挨个单击文字,给文字加上白色边框。效果2-152如图所示。
图2-152 填充颜色
(8)插入新图层,打开“库”面板。在“图层2”上拖放入“心”元件,用【任意变形工具】调整到适合大小,分别放到情字和节字上,如图2-153所示。
图2-153 放置心形元件
9. 完成整个画面制作 (1)单击“时间轴”上的按钮,返回到“场景1”。
(2)新建2个图层,并将所有图层分别重新命名为“蜡烛”、“心”和“项链”。
(3)在“蜡烛”图层放入“蜡烛”元件,在“心”图层放入“心”和“情人节”元件,在“项链”图层放入“项链”元件。将这些对象摆放成合适的位置。
(4)还可以绘制一些光影元件(这里不再详述制作方法,请参看源文件)放在“蜡烛”图层中,以增加效果。范例最终如图2-105所示。
至此,本范例制作完毕。
第五课 奔跑的豹子
奔跑的豹子 茫茫雪原上,有一只矫健的豹子在奔跑跳跃,这是一个利用导入连续位图而创建的逐帧动画,如图所示
',1)">
1、 创建影片文档
执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400*260象素,【背景色】为白色,如图 所示。
图 3-2-4 创建新文档
2、 创建背景图层
选择第一帧,执行【文件】|【导入到场景】命令,将本实例中的名为“雪景.bmp”图片导入到场景中。在第8帧按F5,加过渡帧使帧内容延续。
3、 导入gif动画
新建一层,选择第一帧,执行【文件】|【导入到场景】命令,将本教程中的“奔跑的豹子”系列图片导入。此时,会弹出一个对话框,如图3-2-5所示。
3-2-5 系列图片导入
选择【是】按钮,Flash 会自动把gif中的图片序列按序以逐帧形式导入场景的左上角,如图3-2-7所示。
3-2-7 导入的gif动画在场景的上方形成帧帧动画
如图3-2-8所示是导入后的动画序列,它们被Flash自动分配在8个关键帧中。
图 3-2-8 导入的8张图片
4 、调整对象位置
此时,时间帧区出现连续的关键帧,从左向右拉动播放头,就会看到一头勇猛的豹子在向前奔跑,但是,被导入的动画序列位置尚未处于我们需要的地方,缺省状况下,导入的对象被放在场景坐标“0,0”处,我们必须移动它们。
你当然可以一帧帧调整位置,完成一幅图片后记下其坐标值,再把其它图片设置成相同坐标值,如果你有足够耐性和时间,也无妨,那么,我们何不试试“多帧编辑”功能呢?
先把“雪景”图层加锁,然后按下时间轴面板下方的【绘图纸显示多帧】按钮 ,再单击【修改绘图纸标记】按钮 ,在弹出的菜单中选择【显示全部】选项,如图3-2-9所示。
图3-2-9 选择显示全部选项
最后执行【编辑】|【全选】命令,此时时间轴和场景效果如图3-2-10所示。
图3-2-10 选取多帧编辑
用鼠标左键按住场景左上方的豹子拖动,就可以一次把8帧中的图片一次全移动到场景中了。
5、 设置标题文字
在场景中新建一个图层,单击工具栏上的文字工具按钮 ,设置【属性】面板上的文本参数如下,【文本类型】为静态文本;【字体】为隶书;【字体大小】35;【颜色】为深蓝色。如图 3-2-11所示。
图 3-2-11 字体【属性】面板参数设置
在文本框输入“奔跑的豹子”五个字,居中放置。
6、 测试存盘
执行【控制】|【测试影片】命令,观察本例swf文件生成的动画有无问题,如果满意,执行【文件】|【保存】命令,将文件保存成“奔跑的豹子.fla”文件存盘,如果要导出Flash的播放文件,执行【导出】|【导出影片】命令保存成“奔跑的豹子.swf”文件。 FLASH教材3~4节 2009-04-28 01:55
分类:动画制作
字号:大大 中中 小小
第三课 投影滤镜文字特效
1.2 影片文档的基本操作――投影滤镜文字特效对于初步接触Flash8的读者来说,掌握Flash8制作动画的工作流程,掌握Flash影片文档的基本操作方法是最迫切的一个要求。
1.2.1 范例简介本例利用投影滤镜制作一个阴影文字特效,通过这个阴影文字特效的制作过程,让读者了解Flash8制作动画的整体过程。范例效果如图1-45所示。
图1-45 范例效果
通过本例的学习,读者主要可以掌握如何新建Flash8影片文档,如何设置文档属性,如何保存文件,如何测试影片,如何导出影片,如何打开文件,如何修改文件,如何输入文本,如何设置文本的滤镜效果以及认识Flash8工作环境,认识Flash所产生的文件类型等。
1.2.2 制作步骤1.新建影片文档和设置文档属性 (1)启动Flash8,出现“开始页”, 选择“创建新项目”下的“Flash文档”,这样就启动Flash8的工作窗口并新建一个影片文档。
(2)展开“属性”面板,单击“大小”右边的“文档属性”按钮,弹出“文档属性”对话框。
(3)在“标题”文本框中输入“文字效果”,在“描述”列表框中输入对影片的简单描述,设置“尺寸”为300×200像素,设置“背景颜色”为浅蓝色,其他保持默认,如图1-46所示。
图1-46 “文档属性”对话框
“文档属性”对话框中参数的含义:
“标题”:设置文档的标题。
“描述”:对创建的影片做一些简单的描述。
“尺寸”:舞台的尺寸最小可设定成宽1px(像素)、高1px(像素),最大可设定成宽2880px(像素)、高2880px(像素)。另外,系统默认的尺寸单位是px(像素),可以自行输入“cm(厘米)”、“mm(毫米)”和“in(英寸)”等单位的数值,也可以在“标尺单位”中选择。
“匹配”|“打印机”:匹配打印机,让底稿的大小与打印机的打印范围相同。
“匹配”|“内容”:匹配内容,将底稿缩放成和画面上的对象大小一样。
“匹配”|“默认”:使用默认值。
“背景颜色”:设置舞台的背景颜色。
“帧频”:默认的是12fps。这个速度很适合在网络上播放,一般情况下我们都保持这个帧频。在设计一些特殊效果的课件时,可以更改这个数值,数值越大动画的播放速度越快。
“标尺单位”:标尺是显示在场景周围的辅助工具,以标尺为参照可以使我们绘制的图形更精确。在这里可以设置标尺的单位。
“设为默认值”:将所有设定存成默认值,下次当再开启新的影片文档时,影片的舞台大小和背景颜色会自动调整成这次设定的值。
2.创建文字 (1)在“工具箱”中选择“文本工具”。在“属性”面板中,设置“字体”为黑体,“字体大小”为45,“文本颜色”为白色,文字加粗显示,其他属性保持默认。
(2)将鼠标移向舞台上单击,在出现的文本输入框中输入“基础与实例”。
(3)在“工具箱”中选择“选择工具”,拖动文字到舞台中央位置。效果如图1-47所示。
图1-47 创建文本对象
3.保存和测试影片 (1)选择“文件”|“保存”命令(快捷键Ctrl+S),弹出【另存为】对话框,指定影片保存的文件夹,输入文件名,单击【保存】按钮。这样我们就将影片文档保存起来了,文件的扩展名是fla。
注意:为了安全,在动画制作过程中要经常保存文件。按Ctrl+S键,可以快速保存文件。
(2)选择“控制”|“测试影片”命令(快捷键Ctrl+Enter),弹出测试窗口,在窗口中可以观察到影片的效果,并且还可以对影片进行调试。关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。
(3)打开“资源管理器”窗口,定位在影片文档保存的文件夹,可以观察到两个文件,如图1-48所示。左边是影片文档源文件(扩展名是fla),也就是第(1)步保存的文件。右边是影片播放文件(扩展名是swf),也就是第(2)步测试影片时自动产生的文件。直接双击影片播放文件可以在Flash播放器中播放动画。
图1-48 文档类型
4.导出影片 (1)选择“文件”|“导出”|“导出影片”命令,弹出“导出影片”对话框,指定导出影片的文件夹,输入导出影片文件名,单击“保存”按钮, 弹出【导出Flash Player】对话框,如图1-49所示。
图1-49 【导出Flash Player】对话框
(2)在这个对话框中可以设置导出影片的相关参数。这里我们不做改动,保持目前的默认参数。单击【确定】按钮,导出影片。导出的影片文件类型是播放文件,文件扩展名为swf。
5.关闭和打开影片文档 (1)单击影片文档窗口右上角的关闭按钮,关闭影片。
(2)在“开始”页面,选择“打开最近项目”下的“打开”按钮,弹出“打开”对话框。在“查找范围”中定位到要打开影片文件所在的文件夹,选择要打开的影片文件(扩展名为fla)。单击“打开”按钮,这样就把影片文档打开了。
(3)单击舞台上的文本对象。接着展开“滤镜”面板,单击“+”号按钮,在弹出的下拉菜单中选择“投影”滤镜。此时,舞台上文本对象产生了滤镜效果,如图1-50所示。
图1-50 设置文字滤镜效果
(4)按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果,我们得到一个具备阴影效果的文字特效。
本课小结在本节中,通过一个阴影文字特效范例的制作,介绍了Flash制作动画的一般操作步骤。相信初次接触Flash的朋友会对Flash有一个初步的了解。
第四课 情人节贺卡
范例最终效果如图2-105所示。
图2-105 情人节贺卡
1. 绘制“烛焰”元件 (1)新建一个Flash8影片文档。设置舞台背景颜色为蓝色,其他保持默认设置。
(2)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛焰”,选择【行为】为【图形】。如图2-106所示。
图2-106 新建图形元件
(3)单击“确定”按钮,进入到“烛焰”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】调整,如图2-107所示。
图2-107 绘制烛焰边框
(4)执行【窗口】|【混色器】命令,填充样式设为放射状。在渐变条上将左边色标设置为白色,并拖动到偏右方以加大白色在整个渐变色中的比例。将右边色标设置为黄色,如图2-108所示。
图2-108 混色器设置
(5)将场景中的图形填充渐变色后,烛焰的色彩并不尽如人意,需要使用【填充变形工具】进行调整。选择【填充变形工具】单击填充色,会出现一个边上带有三个手柄的环形边框。我们用鼠标分别按住中心的圆圈或边上的手柄里推外拉、上下左右的进行调整,现在将烛焰的颜色调整为上下略带一点黄色,上边黄色略多,如图2-109所示。
图2-109 调整填充色
2. 绘制“烛身”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛身”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“烛身”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】略加调整,并使用【任意变形工具】进行旋转,如图2-110所示。
图2-110 绘制烛身元件
(3)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色标设置为黄色(#F5DD38),并拖动到偏右方;将右边色标设置为红色(#F76648),如图2-111所示。
图2-111 设置填充色
(4)填充渐变色后,使用【填充变形工具】调整,如图2-112所示。
图2-112 调整填充色
(5)为使烛身更漂亮,在刚刚作好的图形旁边画一个无边框的椭圆,颜色填充设置如图2-113所示。左边色标设置为#F76648,右边色标设置为#F5DD38。
图2-113 设置填充色
(6)椭圆画好后用【任意变形工具】调整倾斜,如图2-114所示。
图2-114 绘制椭圆
(7)使用【选择工具】将画好的椭圆拖放到烛身上,如图2-115所示。
图2-115 调整椭圆位置
(8)选择【刷子工具】,在选项中将刷子大小选择略小一点的笔刷,填充色设为淡黄色,在烛身上添加高光,删除边框线条,完成烛身元件造型。如图2-116所示。
图2-116 绘制高光
3. 绘制“烛光”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛光”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“烛光”元件的编辑场景。打开【混色器】面板,填充样式设为放射状。将鼠标移近渐变条,当鼠标指针右下角出现一个加号时,单击鼠标,在渐变条上增加一个色标。将左边色标设置为黄色,并稍向右移;中间色标为红色;右边色标为白色,为使光焰呈模糊虚幻而不突兀,将右边白色色标的Alpha值调整为零,如图2-117所示。
图2-117 设置填充色
(3)使用【椭圆工具】绘制一个无边框的正圆,如图2-118所示。
图2-118 绘制无边框正圆
(4)使用【任意变形工具】将其纵向收缩。如图2-119所示。
图2-119 收缩变形
4. 组装“蜡烛”元件 (1)新建一个名字为“蜡烛”的图形元件。进入到这个元件的编辑场景中。
(2)“蜡烛”元件共分三层。先制作烛身层。双击时间轴上“图层1”,将“图层1”改名为“烛身”。如图2-120所示。
图2-120 修改图层名
(3)按Ctrl+L组合键打开【库】面板,将“烛身”元件拖放到舞台上。选中该元件按住Alt键向下拖放进行复制,如图2-121所示。
图2-121 复制烛身元件
(4)选中所有元件,执行【修改】|【对齐】|【左对齐】命令,再执行【按高度均匀分布】命令,效果如图2-122所示。
图2-122 对齐元件
(5)使用【任意变形工具】旋转最上面和最下面的元件,如图2-123所示。
图2-123 旋转上下元件
(6)将鼠标指向“烛身”图层上,单击右键,在弹出的快捷菜单中选择【插入图层】命令。系统默认插入图层为“图层2”,双击“图层2”,改名为“烛焰”。将【库】面板中“烛焰”元件拖放到合适位置。如图2-124所示。
图2-124 放置烛光元件
(7)插入一个新图层,将图层改名为“烛光”。将“烛光”元件拖放到舞台上。因为烛光在蜡烛的后面,所以用鼠标选择“烛光”层,将它拖放到“烛身”层下方。现在三层的排列顺序如图2-125所示。
图2-125 图层顺序
(8)在【属性】面板中将背景色改为黑色,使蜡烛的色彩更明亮。完成后的蜡烛如图2-126所示。
图2-126 蜡烛完成效果
5. 绘制“心”元件 (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“心”,选择【行为】为【图形】。
(2)单击“确定”按钮,进入到“心”元件的编辑场景。使用【线条工具】绘制一条竖线,再使用【选择工具】将其调整为曲线,如图2-127所示。
图2-127 将直线调整为曲线
(3)选择【部分选取工具】,单击曲线端点,端点上会出现调节手柄。上下左右移动手柄,将该曲线调整为如图2-128所示形状。
图2-128 调整曲线形状
(4)选中该该曲线,执行【编辑】|【复制】命令,再执行【编辑】|【粘贴到中心位置】命令,选择粘帖得到的曲线,执行【修改】|【变形】|【水平翻转】命令,如图2-129所示。
图2-129 复制曲线后水平翻转
(5)将该两条曲线拖放连接好,成为一个心形,如图2-130所示。
图2-130 完成心形
(6)打开【混色器】面板,填充样式设为线性。在渐变条上将左边色块设置为#AF057C,将右边色块设置为#E207C8,如图2-131所示。
图2-131 设置填充色
(7)使用【颜料桶工具】从右下向左上拖动鼠标填充颜色,并删除白色边框线,如图2-132所示。
图2-132 填充颜色
(8)选中这个心形,右击它,在弹出的快捷菜单中选择“复制”命令,然后在时间轴上将此层锁定。
(9)插入新图层,系统默认为“图层2”,执行“编辑”|“粘贴到当前位置”命令。创建此层的目的是为使心形下方边上呈现白色高光,所以此层的心形比图层1上的心形略小。如果使用【任意变形工具】来调节是很不容易达到这个目的。这里执行【窗口】|【设计面板】|【变形】命令,弹出【变形】面板,设置变形宽度为97%,约束默认为打勾状态,按回车键确定,就可以使图形实现精确的变形。变形面板设置如图2-133所示。
图2-133 “变形”面板
(10)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色块设置为玫红色(#F91CEE),将右边色块设置为白色,白色的Alpha值为78%,如图2-134所示。
图2-134 设置填充色
(11)将“图层2”的心形填充上述调整好的填充色,并使用【填充变形工具】进行调整,按住方形手柄向外拖动,使填充色变为椭圆状,再按住中心点向上移动。为了使大家能够清楚观察调整的情况,特将背景色暂改为蓝色,如图2-135所示。
图2-135 调整填充色
(12)现在只是使这一层的心形下方颜色变亮了,但并未因此而形成高光状态,所以我们还得在此层上再加一层,掩盖住多余的白色,只留出两边的高光。复制“图层2”的心形,然后锁定“图层2”。
(13)插入一个新图层,系统默认为“图层3”,执行“编辑”|“粘贴到当前位置”命令。
(14)将此层的心形填充新的渐变色。设置渐变色样式为放射状,左边色块为#FA3AF0,右边色块为#F444C9,Alpha值为62%,如图2-136所示。
图2-136 设置填充色
(15)填充此色后会发现并没有出现我们希望的效果。因为填充的色彩虽然外周是半透明的,但这个透明色是圆形,无论怎么样调整都无法达到心形状态。执行【修改】|【形状】|【柔化填充边缘】命令,弹出“柔化填充边缘”对话框,设置距离30px,步骤数为10,如图2-137所示。
图2-137 柔化填充边缘设置
现在看效果已经出来了。如图2-138所示。
图2-138 柔化后效果
(16)目前这个心形的立体感并不强,因为主要的高光部分还没添加上去。锁定“图层3”,插入新图层,在“图层4”中将刚刚复制的“图层2”的心形再次执行【编辑】|【粘帖到当前位置】命令,使用【选择工具】框选心形的下半部分并将其删除,如图2-139所示。
图2-139 删除心形下半部分
(17)使用【部分选取工具】将下端的直线调整为曲线,并使两端尽量圆滑。如图2-140所示。
图2-140 调整圆滑
(18)打开“混色器”面板,将填充色样式改变线性,设置两边色块均为白色,右边色块Alpha为0%,如图2-141所示。
图2-141 设置填充色
填充颜色后,使用【填充变形工具】进行调整,如图2-142所示。
图2-142 调整填充色
到此为止,“心”元件制作完毕。
6. 绘制“珍珠”元件 (1)“珍珠”元件的制作很简单,关键是填充色的设置。使用【椭圆工具】画一个无填充色的正圆。
(2)打开【混色器】面板,填充样式设为放射状。左边色块设置为灰色(#A09696),并稍向右移,右边色块为浅黄色(#F5F0D8),如图2-143所示。
图2-143 设置填充色
(3)使用【颜料桶工具】在靠圆心左上的地方单击鼠标,或者在任意地方单击鼠标后再用【填充变形工具】进行调整。如图2-144所示。
图2-144 调整填充色
(4)复制该圆形,插入新图层,在“图层2”执行【编辑】|【粘贴到当前位置】命令。将填充色更改为如图2-145所示设置。样式放射状,左边色块白色,右边色块浅黄色(#F4F1CC),Alpha为0%。
图2-145 设置填充色
完成后的珍珠如图2-146所示。
图2-146 珍珠效果
7. 制作“项链”元件 (1)新建一个名字为“项链”的图形元件。
(2)这个元件分两层。图层1画上心形曲线,如图2-147所示。
图2-147 绘制心形曲线
(3)在“图层2”上沿上面的曲线将“珍珠”元件均匀的放置好。如图2-148所示。
图2-148 放置珍珠元件
8. 制作“情人节”元件 (1)新建一个名字为“情人节”的图形元件。
(2)在这个元件的编辑场景中。选择【文字工具】,在“属性”面中设置文本类型为【静态文本】,【字体】为方正行楷简体,字体大小、颜色随意,因为后面还会再作调整。
(3)在舞台上输入“情人节”三字,连续执行两次【修改】|【分离】命令,使其呈网点状成为可编辑形状的图形状态。如图2-149所示。
图2-149 分离文字
(4)用【橡皮擦工具】擦去“情”字两点,再使用【选择工具】将鼠标放到“节”字下端向左下方拖动将其拉长。如图2-150所示。
图2-150 使文字变化
(5)使用【选择工具】将“节”字下方被拉长部分调整为曲线状。
(6)在【混色器】面板中设置填充样式为线性,左边和右边色块为红色,中间色块为白色,如图2-151所示。
图2-151 设置填充色
(7)使用【选择工具】框选所有文字,使用【颜料桶工具】在文字上从上向下拖动鼠标填充颜色,然后将笔触颜色设为白色,使用【墨水瓶工具】,挨个单击文字,给文字加上白色边框。效果2-152如图所示。
图2-152 填充颜色
(8)插入新图层,打开“库”面板。在“图层2”上拖放入“心”元件,用【任意变形工具】调整到适合大小,分别放到情字和节字上,如图2-153所示。
图2-153 放置心形元件
9. 完成整个画面制作 (1)单击“时间轴”上的按钮,返回到“场景1”。
(2)新建2个图层,并将所有图层分别重新命名为“蜡烛”、“心”和“项链”。
(3)在“蜡烛”图层放入“蜡烛”元件,在“心”图层放入“心”和“情人节”元件,在“项链”图层放入“项链”元件。将这些对象摆放成合适的位置。
(4)还可以绘制一些光影元件(这里不再详述制作方法,请参看源文件)放在“蜡烛”图层中,以增加效果。范例最终如图2-105所示。
至此,本范例制作完毕。
第五课 奔跑的豹子
奔跑的豹子 茫茫雪原上,有一只矫健的豹子在奔跑跳跃,这是一个利用导入连续位图而创建的逐帧动画,如图所示
',2)">
1、 创建影片文档
执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400*260象素,【背景色】为白色,如图 所示。
图 3-2-4 创建新文档
2、 创建背景图层
选择第一帧,执行【文件】|【导入到场景】命令,将本实例中的名为“雪景.bmp”图片导入到场景中。在第8帧按F5,加过渡帧使帧内容延续。
3、 导入gif动画
新建一层,选择第一帧,执行【文件】|【导入到场景】命令,将本教程中的“奔跑的豹子”系列图片导入。此时,会弹出一个对话框,如图3-2-5所示。
3-2-5 系列图片导入
选择【是】按钮,Flash 会自动把gif中的图片序列按序以逐帧形式导入场景的左上角,如图3-2-7所示。
3-2-7 导入的gif动画在场景的上方形成帧帧动画
如图3-2-8所示是导入后的动画序列,它们被Flash自动分配在8个关键帧中。
图 3-2-8 导入的8张图片
4 、调整对象位置
此时,时间帧区出现连续的关键帧,从左向右拉动播放头,就会看到一头勇猛的豹子在向前奔跑,但是,被导入的动画序列位置尚未处于我们需要的地方,缺省状况下,导入的对象被放在场景坐标“0,0”处,我们必须移动它们。
你当然可以一帧帧调整位置,完成一幅图片后记下其坐标值,再把其它图片设置成相同坐标值,如果你有足够耐性和时间,也无妨,那么,我们何不试试“多帧编辑”功能呢?
先把“雪景”图层加锁,然后按下时间轴面板下方的【绘图纸显示多帧】按钮 ,再单击【修改绘图纸标记】按钮 ,在弹出的菜单中选择【显示全部】选项,如图3-2-9所示。
图3-2-9 选择显示全部选项
最后执行【编辑】|【全选】命令,此时时间轴和场景效果如图3-2-10所示。
图3-2-10 选取多帧编辑
用鼠标左键按住场景左上方的豹子拖动,就可以一次把8帧中的图片一次全移动到场景中了。
5、 设置标题文字
在场景中新建一个图层,单击工具栏上的文字工具按钮 ,设置【属性】面板上的文本参数如下,【文本类型】为静态文本;【字体】为隶书;【字体大小】35;【颜色】为深蓝色。如图 3-2-11所示。
图 3-2-11 字体【属性】面板参数设置
在文本框输入“奔跑的豹子”五个字,居中放置。
6、 测试存盘
执行【控制】|【测试影片】命令,观察本例swf文件生成的动画有无问题,如果满意,执行【文件】|【保存】命令,将文件保存成“奔跑的豹子.fla”文件存盘,如果要导出Flash的播放文件,执行【导出】|【导出影片】命令保存成“奔跑的豹子.swf”文件。
正在加载中...
动画制作工具Easy GIF Animator - 水中月
用“Ulead GIF Animator ”软件制作动画签名图片
gif动画制作工具大全(绿色版)
gif动画制作工具大全(绿色版)
【GIF制作教程】Ulead GIF Animator教程
Ulead GIF Animator 5制作教程
gif动画制作工具大全(绿色版)1
【GIF制作教程】Ulead GIF Animator教程大全
GIF动画制作大全
GIF动画制作
如何制作GIF动画?
如何制作GIF动画?
GIF动画制作
Gif动画的制作
初学制作GIF动画
Ulead GIF Animator V5.05制作教程之五
Ulead GIF Animator V5.05制作教程集锦
Ulead GIF Animator V5.05制作教程之一
Ulead GIF Animator V5.05制作教程之三
Ulead GIF Animator V5.05制作教程之五
Ulead Gif Animator闪字与相关教程制作
用“Ulead Gif Animator”软件制作动感图片(古币图一)
用“Ulead Gif Animator”软件制作动感图片(古币图二)
Ulead GIF Animator V5.05制作教程之二