熊熊之家——导入图像并修改
任务导航
热情好客的熊熊把云彩打扮成自己的样子,等待朋友们到家里做客!还等什么?快来吧!
本课,我们将在Flash动画中导入图像,并配合文字的编辑制作多层逐帧动画。制作完成的动画画面如图所示。
实例效果图
1.设置文档属性
新建动画文件。修改“文档设置”的尺寸为“600像素×180像素”,如图所示。
“文档设置”面板
(1)导入背景图像
步骤1:将“图层1”重命名为“背景”。
步骤2:执行“文件”→“导入”→“导入到舞台”命令,在弹出的“导入”对话框中选择要导入的“背景jpg”文件,单击“打开”按钮,图片被导入到舞台的“背景”图层上。
导入背景图像制作效果
步骤3:使用“选择工具”选中舞台上的背景图像,单击“任意变形工具”,待图像出现“调节点”后,调整背景图像与舞台大小一致。然后将该图层锁定,如图所示。
(2)边框制作
步骤1:新建图层,重命名为“边框-深色”。
步骤2:单击工具面板中的“矩形工具”,将笔触颜色设置为“没有颜色”,“填充颜色设置为“橘红色”,绘制一个长方形。
“边框-深色”图层制作效果
步骤3:单击工具面板中的“选择工具”,调整矩形的边角和边线,如图所示,制作完成后“锁定”该图层。
(3)导入“小熊”图像并去除图像背景
漂亮的图像可以通过导入的方法直接应用到动画中,图像导入后还可以根据需要进行编辑修改,如截取图像的局部。
步骤1:新建图层,重命名为“小熊”。
步骤2:执行“文件”→“导入”→“导入到舞台”命令,将“小熊.jpg”图片导入到舞台的小熊图层上。
分离小熊图像前后效果
步骤3:使用工具面板中的“选择工具”单击小熊图像,执行“修改”→“分离”命令,此时图像显示为沙粒状,如图所示。
修改后的图像效果
步骤4:选择工具面板中的“套索工具”,选中“魔术棒”,单击小熊图像的蓝色背景,按Delete键将其删除。
步骤5:使用“套索工具”圈选画面中的白云,然后按Delete键将其删除。如果图像中还有“小熊”以外的多余内容,也可使用“橡皮擦工具”擦除,制作完成后“锁定”该图层,如图所示。
(4)文字录入——文字图层
步骤1:新建图层,重命名为“文字”。
步骤2:在第2帧中插入关键帧,选择工具面板中的“文本工具”,在舞台的适当位置单击,输入文字“熊”。
设置“文本工具”属性
步骤3:选中该文字,在“属性”面板中更改“系列”、“大小”、“颜色等设置,制作完成后“锁定”该图层,如图所示。
3.制作动画效果
所有动画效果的第1帧都准备完毕,只需插入帧与插入关键帧来调整动画所需的长度,再使用“任意变形工具”适当调整关键帧中图像的角度,就可以形成动画了。
(1)静态效果制作
分别在“背景”、“边框-深色”、“边框-浅色”图层的第15帧插入帧,使这些图层的内容一直显示到第15帧,然后锁定这些图层。
(2)小熊的动态制作
步骤1:取消“小熊”图层的锁定,分别在第4、8、12帧插入关键帧,为调整图像做好准备。在第15帧插入帧,使画面显示到第15帧。
步骤2:单击工具面板中的“任意变形工具”,分别调整第1、4、8、12帧中小熊的角度,注意调整角度时将旋转中心移动至小熊身体的下方,制作完成后“锁定”该图层,如图所示。
“小熊”图层动画制作步骤
(3)文字的动态制作
步骤1:取消“文字”图层的锁定,分别在第4、6、9帧插入关键帧,并在各帧中分别输入文字“熊”、“之”“家”,调整“家”字的大小、颜色,使其醒目突出。
“文字”图层动画制作步骤
步骤2:在第2、10、11、12帧中插入关键帧,使用工具面板中的“任意变形工具”,分别调整第9、10、11帧中“家”字的角度,并将第1帧的“熊字删除,制作完成后“锁定”该图层,如图所示。
4.保存文件
将动画源文件以“熊熊之家”为文件名保存,并测试生成swf格式的文件。
知识着陆
1.执行“文件”→“导入”→“导入到舞台”命令,可以导入位图文件,使动画画面更精彩。
2.需要删除背景或局部画面的图像,可以执行“修改”→“分离”命令,使画面成为沙粒状,再配合“套索工魔术棒”或“橡皮擦工具”来修整,保留画面中的有用部分,删除多余部分。
3.使用工具面板中的“任意变形工具”,并通过移动中心点来调整图像文字的角度,可以营造图像或文字围绕中心点摇摆的效果,摇椅的动画效果就可以运用此方法实现。
创作天地
图像大小类似于600像素×180像素的横向动画多见于网站中的横幅广告(Banner)。欣赏网站中各式各样的横幅广告,在制作中注意动画效果、色彩搭配等,然后自己设计和制作一个富有个性的横幅广告,如图所示。
个性的横幅广告画面效果
谢 谢