无锡商业职业技术学院
《Flash动画制作》实训指导书
实训一 二维基本绘图
一、目的要求:
1.掌握绘图工具和填充工具的使用方法,掌握对基本对象进行变形等操作;
2.掌握创建特殊效果的图形。
二、实训内容:
用几何图形与绘图工具绘出七星飘虫。
三、实训步骤:
1.创建Flas档,并命名为“七星飘虫.fla”:“文件”→“新建”,在打开的对话框中选择“常规”→“Flas档”,选择“确定”。然后保存为“七星飘虫.fla”。
2.使用“椭圆工具”画一个椭圆,打开“混器工具”,将“填充样式”设为放射状,选择从红到黑的过度。选择“填充变形工具”单击刚填充的颜。用鼠标分别按住改变填充形状的手柄和改变渐变半径的手柄里推外拉、上下左右进行调整,并重命名为“渐变圆”。
3.插入一个图层名为“线条”,画互相垂直的直线,分出瓢虫的头部和身体的左右部分。
4.插入一个图层名为“斑点”,用椭圆工具画七个黑斑点。
5.插入一个图层名为“光亮”,在上半部分画一椭圆表现光亮部分,其填充样式为线性,颜设置左边为浅灰,Alpha为100%,右边块为深灰,Alpha为0%。单击“填充变形工具”出现两条平行的直线。用鼠标按住它的中心点,拖动中心点调节渐变的中心位置,向下移一点,使上面浅灰部分显示较多。
6.插入一个图层名为“触角”,画出触角。保存文件,查看动画效果。
实训二 制作空心外框文字
一、目的要求:
1.会创建文字、设置文字属性;
2.掌握分离文字、描边的方法;
3.将线条转换为填充。
二、实训内容:
实现漂亮的空心外框文字效果,要求文字和外框之间是空的。
三、实训步骤:
(1)新建Flas件,设置文档尺寸为350像素×120像素。
(2)选择工具栏文字工具T,将文本工具“属性”面板中的“字符”选项区中的“系列”设置为“隶书”,“大小”设置为“80点”,“颜”设置为“蓝”,如图3-34所示;在工作区中单击,然后输入文字“空心外框”。
(3)将文字执行两次Ctrl+B快捷键,将文字打散成形状。
(4)选择墨水瓶工具,将笔触的厚度设置为2.5,颜设置与文字颜不同,在这里使用黑,如图3-35所示。单击文字边缘,可以看到文字被描上了一道边,如图3-36所示。
图3-34 文本工具“属性”面板中的“字符”选项区
图3-35 墨水瓶工具“属性”面板设置
(5)用鼠标选中新描的边,如图3-37所示,在执行“修改”-“形状”-“将线条转换为填充”命令,转换
线条为填充。
(6)在选择墨水瓶工具,选择和文字相同的颜,给文字重新描边,如图3-38所示。
(7)选择黑的线条,按Delete键删除所选内容,如图3-39所示。
图3-36 给文字描边图3-37 选中新描的边
图3-38给文字重新描边图3-39 删除所选内容
实训三 变脸效果
一、目的要求:
1.要求会导入元件,对元件定位;
2.会创建关键帧,使用彩效果Alpha。
二、实训内容:
1.不同元件之间的变换,实现变脸效果。
三、实训步骤:
1) 新建一个Flas档,尺寸用默认550像素×400像素,将“素材\第4章\01.jpg”及“素材\第4章\02.jpg”文件导入库,并将它们转成图形元件,分别取名“笑”与“怒”。
2) 把“库”中“笑”元件拖到舞台,在“属性”面板中设置其位置为X:230,Y:150,按F6键在第30帧处插入关键帧。
3) 在第31帧处插入关键帧,将舞台上的“笑”元件删除,吧“库”中“怒”元件拖放到舞台,设置其位置为X:230,Y:150,如图4-57所示。在第60帧处插入关键帧。
图4-57 设置“怒”元件位置
4) 在第1帧处单击“笑”元件,在“属性”面板中,设置“彩效果”为“式样”。选择Alpha,值设为100%。
5) 在第30帧处单击“笑”元件,在“属性”面板中,设置“彩效果”为“式样”。选择Alpha,值设为20%。
6) 在第31帧处单击“怒”元件,在“属性”面板中,设置“彩效果”为“式样”。选择Alpha,值设为20%。
7) 在第60帧处单击“怒”元件,在“属性”面板中,设置“彩效果”为“式样”。选择Alpha,值设为100%。
8) 在第1~30帧和第31~60帧之间创建补间动画,如图所示。
创建“笑”和“怒”元件的补间动画
9) 按Ctr1+Entenr快捷键测试动画效果。
实训四 提示按钮
一、目的要求:
1.了解元件、实例和库 ;
2.掌握创建图形元件、影片剪辑以及按钮元件制作方法。
flash按钮制作二、实训内容:
通过调用公用库的按钮元件制作提示按钮效果,要求熟练掌握公用库元件的使用。
三、实训步骤:
1.新建一个“提示按钮.fla”文档.
2.绘制舞台背景:打开“混合”面板,设置填充颜为线性,右击右上角功能菜单按钮,执行“添加样本”命令,向“颜样本”添加刚设置的填充颜,单击“矩形”→“填充”,绘制覆盖舞台大小的矩形。
3.打开按钮公用库:“窗口”→“公用库”→“按钮”,打开“按钮”公用库,双击文件, 选中按钮元件,将其拖入到舞台。
4.编辑按钮元件:打开“库”面板,双击按钮元件,进入元件的
编辑环境,单击“插入图层”,添加新图层,右击“指针经过帧”→“插入关键帧”。选择“线条工具”和“文本工具”,绘制图形。
5.以同样方法依次从按钮公用库中拖入按钮元件“Key-Down”、“Key-Up”,并进行编辑。
6.编辑主场景:单击“选择工具”,调整按钮的位置。保存文件,查看效果。
实训五 放大镜
一、目的要求:
1.了解特殊动画的制作方法;
2.掌握遮罩层动画的制作方法。
二、实训内容:
本例是模拟一个放大镜在照片上从左向右移动、将照片放大显示的效果。
三、实训步骤:
(1)新建一个Flash CS4文档,设置文档大小为550像素×400像素。
(2)执行“文件”→“导入”→“导入到舞台”命令,导入“素材/第5章/601.jpg”到舞台,作为实现放大显示作用的图,选中该像,然后按F8键,将图片转换为名为“图片”的图形元件。
(3)将图层1中图片的大小调整为150像素×185像素,并让其位于舞台的正中央,然后在图层1的第72帧按F5键插入帧。
(4)选中图层中1的图片,按Ctrl+C快捷键快捷键进行复制。
(5)新建图层2,执行“编辑”→“粘贴到当前的位置”命令,将图片粘贴到图层2,此时,两张图片完全重合在一起。选中图层2中的图片,在其“属性”面板中,将图片大小调整为220像素×264像素。
(6)新建图层3,创建一个名为“放大镜”的图形元件,将元件设置一个没有边线而有填充的圆,圆的半径大小为158像素。
(7)将“放大镜”元件从库中拖至图层3的第1帧。
(8)在图层3的第72帧,按F6键插入关键帧,并将“放大镜”图形元件拖放到运动终止点位置。
(9)在图层3上右击,在弹出菜单中选择“遮罩层”命令,图层3就会变成遮罩层,图层2就成为被遮罩层。
(10)在图层3的第1帧右击,在弹出的菜单中选择“创建传统补间”命令。
(11)至此,该动画制作完毕。Ctrl+Enter快捷键测试影片,可以看一看动画效果。
实训六 探照灯动画效果
一、目的要求:
掌握遮罩层动画、补间动画等的相互配合使用。
二、实训内容:
本例模拟探照灯光射到文字上,把文字照亮的效果。
三、实训步骤:
(1)新建一个Flash CS4文档,文档大小为550像素×400像素。在“文档属性”面板中,将“帧频”设置为12fps。
(2)选择矩形工具,在舞台中画一个宽为545像素、高为132像素的黄黑边矩形,让其位于舞台正中央。
(3)选择文字工具,并在其“属性”面板设置文字的属性,如图5-90所示;文本内容为“FLASH C
S4实例课堂”,文字放在黄的矩形中。
(4)新建一个图层2,在图层中画一个半径为55像素、颜为灰、无边框的圆,选中该圆,按F8键,将其转换成名为“探照灯”的图形元件。
(5)在图层2右击,在弹出的菜单中选择“遮罩层”命令,或者设置图层2的属性为“遮罩层”,图片2就会变成遮罩层。
(6)把图层2中的圆实例拖到文字的左面。
(7)在图层1的第72帧按F5键,插入帧;在图层2的第72帧按F6键,插入关键帧。并将圆的实例拖至文字的右端。
(8)在图层2的第1帧右击,在弹出的菜单中选择“创建传统补间”命令。
(9)至此,该动作制作完毕,按Ctrl+Enter快捷键测试影片。
实训七 水波动画效果
一、目的要求:
1.熟悉flash各种组件;
2.掌握动态文本。
二、实训内容:
本实例主要是通过各种组件和动作语句制作制作完成。
三、实训步骤:
(1)新建Flas件,设置文档尺寸为550像素×400像素,“背景颜”为#000066,
(2)新建影片剪辑“波纹”,设置填充颜为#0000FF。使用刷子工具在文件编辑区内绘制如图所示的波纹图形。
(3)新建影片剪辑“波纹上”,将影片剪辑“波纹”拖入到图层1的第1帧。分别在第40、80帧添加关键帧;将第40帧的影片剪辑“波纹”向上移动15像素;在第0~40、40~80帧之间创建传统补间动画。
(4)将影片剪辑“波纹上”试用“直接复制”命令复制,命名为“波纹下。
(5)在“库”中双击影片剪辑“波纹下”,进入元件编辑状态,将第40帧的影片剪辑“波纹”向下移动30像素。
(6)新建影片剪辑“重叠波纹”,将影片剪辑“波纹上”从“库”面板中拖入到图层1的第1帧中。新建图层“图层2”,将影片剪辑“波纹下”从“库”面板中拖入到第1帧中,位置比影片剪辑“波纹上”高30像素左右,如图所示。
(7)新建影片剪辑“模糊”,将影片剪辑“重叠波纹”从“库”面板中拖入到图层1的第1帧,为影片剪辑“重叠波纹”添加模糊滤镜,设置相应参数。
(8)返回场景1,将影片剪辑“模糊”拖入到舞台中。
(9)在“库”面板中双击影片剪辑“波纹”,进入原件编辑区,选定整个波纹形状,打开“颜”面板,设置颜。
(10)测试、保存影片。
实训八 鼠标跟随特效
一、目的要求:
掌握如何控制影片剪辑元件
二、实训内容:
通过function命令和影片控制语句制作完成鼠标跟随特效。
三、实训步骤:
1.创建影片文档:“文件”→“新建”,在对话框中选择“常规”→
“Flas档”→“确定”,将其保存为“鼠标跟随特效.fla”。
2.创建影片剪辑元件:“插入”→“新建元件”→“影片剪辑”,创建影片剪辑元件“方框”,选择“矩形工具”,设置笔触颜为白,笔触样式为极细,绘制一个正方形。
3.创建影片剪辑元件:“插入”→“新建元件”→“影片剪辑”,创建影片剪辑元件“旋转”,打开“库”面板,拖入剪辑元件“方框”放在舞台中央位置,分别单击第7帧和第13帧,插入关键帧。再单击第7帧,选中剪辑元件,打开“变形面板”,设置相关项,改变图形的形状,最后分别单击第1帧和第7帧,打开“属性面板”,设置相关属性。
4.创建影片剪辑元件:“插入”→“新建元件”→“影片剪辑”,创建影片剪辑元件“旋转消失”,单击“添加图层”,添加图层2。单击图层1的第1帧,拖入剪辑元件“旋转”放在中央位置,选择“变形工具”,将图像放大2倍并旋转90°,在该层的第149帧插入关键帧,选中文件,缩小10%并旋转45°,单击第1帧,打开“属性”面板,设置“补间”选项为“动画”。单击图层2的第149帧,插入关键帧。打开“动作-帧”面板,输入动作语句。
5.创建影片剪辑元件:“插入”→“新建元件”→“影片剪辑”,创建影片剪辑元件“圆”,选择“椭圆工具”,设置其填充颜为白,在舞台中央绘制正圆。
6.编辑主场景:在主场景中,单击“添加图层”,添加两个新图层,分别将图层1、2、3重命名为“背景”、“特效元件”、“动作脚本”。
7.绘制舞台背景:单击“背景”层的第1帧,选择“矩形工具”和“填充变形工具”,绘制舞台背景。
8.拖入影片剪辑元件:单击“特效元件”层的第1帧,分别拖入“旋转消失”和“圆”放在舞台的上方,然后分别选中剪辑元件,设置元件的实例名称分别为“star”和“ball”。
9.添加动作语句:单击“动作脚本”层的第1帧,打开“动作-帧”,添加动作语句。
10.保存文件,查看动画效果。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论