相关推荐
联系我们/Contact
探照灯主页 > 探照灯 >

第12课 探照灯的制制

文章作者:  发布日期:2019-10-14 20:44

  

第12课 探照灯的制制

  

第12课 探照灯的制制

  第 10 课 探照灯的制作 探照灯动画是用 Flash 模拟探照灯的照射效果,实现探照灯照射功能。这里 会用到 Flash 中的遮罩层及遮罩层应用。所谓遮罩层,我们可以理解为是一个透 明的窗口,使位于它下面的链接图层在被遮罩区域里的动画内容能被显示出来, 下面首先介绍下文字探照灯的制作步骤。 10.1 文字探照灯的制作步骤 Step1 首先新建一个工程,选择新建 Flash 文件(ActionScript3.0) ,如图 10-1 所 示。 图 10-1 新建工程 Step 2 设置舞台大小为 500×400, 舞台即是展示给用户的界面,设置舞台背景颜 色为黑色,如图 10-2 所示。 图 10-2 舞台属性面板 Step 3 点击文本工具 图标, 被选中,在第 1 帧的舞台中央输入“欢迎使用 flash” ,设置字体的大小与颜色等属性如图 10-3 所示。 图 10-3 字体属性面板 Step 4 在图层 1 的第 50 帧处点击鼠标右键,在弹出的菜单栏里选择添加关键帧, 添加完成后如图 10-4 所示。 图 10-4 添加关键帧 Step 5 在“插入”→“新建元件”中打开新建元件对话框,在对话框的名称栏输 入“圆” ,类型选择“图形” ,如图 10-5 所示,点击确定就进入元件编辑窗口。 图 10-5 新建元件对话框 提示:元件是存放在元件库中的图形、按钮、或影片剪辑或音频视频文件。 可以创建或导入一些元件,当需要时打开元件库,就可以直接引用。元件只需创 建一次,可在 Flash 中重复使用。 使用元件可以简化编辑, 这是由于修改元件后,将使所有对应的多个实例不必逐 一修改而自动更新。一个元件的多个实例只占用一个元件的空间,这也是 Flash 动画体积小的主要原因。 Step 6 选择工具栏上“矩形工具” 圆工具” 图标 ,单击图标下面的三角形,选择“椭 ,在画椭圆的同时按住 Shift 键,在元件编辑窗口中画圆,如图 10-6 所示,此时就完成了元件“圆”的创建,在库面板中就可看到“圆”元件。 图 10-6 椭圆工具画圆 Step 7 点击“场景” ,如图 10-7 所示。回到场景编辑窗口。 图 10-7 场景 Step 8 在图层 1 面板上点击鼠标右键,在弹出的菜单栏中选择添加图层,可添加 图层 2,鼠标左键单击图层 2 的第 1 帧,此时图层 2 上有一个铅笔符号,确保编 辑在第二图层上。将“圆”元件从库面板中拖放到舞台中,效果如图 10-8 所示。 图 10-8 将元件添加到舞台 Step 9 在第 25 和 50 帧分别添加关键帧。方法是在第 25 帧和 50 帧处分别点击鼠 标右键,在弹出的菜单栏中选择添加关键帧。在第 25 帧处调整元件“圆”的位 置如图 10-9 所示,第 50 帧圆的位置与第 1 帧位置相同。 图 10-9 第 25 帧 Step 10 在图层 2 的第 1 帧到 25 帧中间和 25 帧到 50 帧中间分别点击鼠标右键, 在弹出的菜单中选择“创建补间动画” ,创建这两个区间的补间动画,创建后图 层 2 如图 10-10 所示。 图 10-10 补间动画 点击“控制”→“测试影片” ,此时我们可看到此圆在屏幕上按我们设计的补间 动画左右移动。下面设置探照灯效果。 Step 11 在场景中, 右键单击图层 2, 在弹出的菜单栏中选择 “遮罩层” , 如图 10-11 所示。再次点击“控制”→“测试影片” ,此时就可发现我们的文字探照灯就设 计完成了。 图 10-11 创建遮罩层 Step 12 选择“文件”→“导出”→“导出到影片”菜单命令,输入文件名称, 然后单击“保存” ,将其保存为 Flash 动画。 还有另外一种探照灯效果, 就是灯光是从一个点照射出来,一束灯光来回运 动,在灯光下的物体或图片可显示,不在灯光下的物体无法显示。下面我们来介 绍这种动画的主要制作步骤。 10.2 图片探照灯的制作 Step1 首先新建一个工程,选择新建 Flash 文件(ActionScript3.0)如图 10-12 所示。 图 10-12 新建文件 Step2 设置舞台属性, 大小修改为 400×300 像素, 背景为黑色。 如图 10-13 所示。 图 10-13 设置舞台属性 Step 3 选择菜单栏下“文件”→“导入”→“导入到舞台” ,弹出打开对话框, 选定一幅图片文件,点击打开,就可把图片导入到舞台。如图 10-14 所示。 图 10-14 导入对线 点击刚刚导入的图片,修改图片的属性,宽为 400,高为 300,x 为 0,y 为 0,这样就可把图片完全显示在舞台中央了,如图 10-15 所示。 图 10-15 图片属性 Step 5 在图层 1 的第 60 帧单击鼠标右键,在弹出的菜单栏中选择插入关键帧。 在图层 1 上点击鼠标右键,在弹出的菜单栏中选择插入图层,插入一个新的图层 2,同时调整工作区的大小为 75%,以方便后继操作,如图 10-16 所示。 图 10-16 调整工作区大小 Step 6 鼠标左键单击图层 2 的第 1 帧,选择矩形工具 ,选择笔颜色 为 , 颜料桶 颜色为 ,在舞台的右下方画矩形。如图 10-17 所示。 图 10-17 图层 2 上画矩形 Step 7 鼠标左键点击钢笔工具 右下方的三角形,选择删除“锚点工具” ,此时 钢笔工具变为 示。 ,鼠标点击矩形的右上角,矩形将变为三角形。如图 10-18 所 图 10-18 去除锚点 Step 8 鼠标右键点击三角形,在弹出的菜单栏中选择转换为元件,名称为三角 形,类型选择图形。选择任意变形工具 ,将三角形中心的一个小圆圈移动到 三角形的右边顶点位置, 在图层 2 的第 30 帧和 60 帧处分别点击鼠标右键,在弹 出的菜单中选择插入关键帧。如图 10-19 所示。 图 10-19 调整中心点 Step 9 点击图层 2 的第 30 帧,选定任意变形工具 ,以刚刚我们设定的小圆圈 为中心进行移动,位置如图 10-20 所示。 图 10-20 调整后位置 Step 10 分别在图层 2 的第 1 到 30 帧和 30 帧到 60 帧之间单击鼠标右键,在弹出 的菜单中选择创建补间动画,如图 10-21 所示。 图 10-21 补间动画 Step 11 鼠标右键单击图层 2,选择遮罩层,如图 10-22 所示。 图 10-22 遮罩层 Step 12 点击菜单栏中的“控制” →“测试影片” ,观察测试结果。测试完毕后关 闭动画播放窗口,测试界面如图 10-23 所示。 图 10-23 测试 Step 13 选择菜单栏中“文件” →“导出” →“导出影片”菜单命令,在弹出的 导出影片对话框中输入文件名,然后单击“保存”按钮,将其保存为 Flash 动画。 提示: 如果在 step8 的时候没有将三角形转换成元件,就需要使用形状补间 动画。在形状补间动画中,如果要控制复杂或罕见的形状变化,可以使用形状提 示。形状提示会标识起始形状和结束形状中的相对应的点。 可以通过菜单“修改”→“形状” →“添加形状提示”来制定每个点的补 间路径。 形状提示包含字母 (从 a 到 z) ,用于识别起始形状和结束形状中的相对应 的点。最多可以使用 26 个形状提示。 起始关键帧上的形状提示是黄色的,结束关键帧的形状提示是绿色的,当不 在一条曲线上时为红色。 要在补间形状时获得最佳效果,请遵循这些准则: 在复杂的补间形状中, 需要创建中间形状然后再进行补间,而不要只定义起 始和结束的形状。 确保形状提示是符合逻辑的。 例如, 如果在一个三角形中使用三个形状提示, 则在原始三角形和要补间的三角形中它们的顺序必须是一致的。 如果按逆时针顺 序从形状的左上角开始放置形状提示,它们的工作效果最好。 10.3 课后练习 【练习项目 1】新建一 FLASH 文档,在场景中绘制 2 个圆形。创建一个遮罩层, 并在遮罩层上绘制一个矩形,并且矩形的位置和大小正好完全遮住其中一个小 球,保存文件并预览。在两个图层的第 30 帧处分别添加关键帧,在遮罩层的第 30 帧画让矩形盖住另外一个圆形,并添加补间动画,保存并预览,观察两次的 结果有什么不同。 【练习项目 2】制作转动的风车。 【练习项目 3】制作霓虹灯字。

  第12课 探照灯的制作_理化生_高中教育_教育专区。第 10 课 探照灯的制作 探照灯动画是用 Flash 模拟探照灯的照射效果,实现探照灯照射功能。这里 会用到 Flash 中的遮罩层及遮罩层应用。所谓遮罩层,我们可以理解为是一个透 明的窗口,使


Copyright © 600w彩票官网-600w彩票登录网址 版权所有.

备案号:Copyright © 2002-2017 DEDECMS. 织梦科技 版权所有 Tag标签网站地图 家电维修|北京赛车pk10
诚兴电子公司 北京赛车一分赛车不能玩了吗 555彩票官网 乐亚彩票平台 577彩票 极速六合 平安彩票官网 成都诚信暖通设备有限公司 热彩彩票官网 任天堂彩票官网