首页 [教学]flash简单网页制作

[教学]flash简单网页制作

举报
开通vip

[教学]flash简单网页制作[教学]flash简单网页制作 《网页制作》实验指导书 安徽科技学院 贾丙静 编写 2013年5月 实验一 Flash CS4界面及使用文本 一、实验目的 1. 了解FLASH CS4窗口组成 2. 掌握工具箱中各种工具的使用方法,能够使用各种工具制作简单的图形 3. 掌握浮动面板的显示与隐藏方法 4. 了解在Flash中对文字的操作 5. 了解Flash中文本的类型 6. 学会安装文字类型 7. 熟悉文本特效的制作过程 二、实验内容 1. 验证FLASH CS4启动和退出的各种方法 2. ...

[教学]flash简单网页制作
[教学]flash简单网页制作 《网页制作》实验指导书 安徽科技学院 贾丙静 编写 2013年5月 实验一 Flash CS4界面及使用文本 一、实验目的 1. 了解FLASH CS4窗口组成 2. 掌握工具箱中各种工具的使用方法,能够使用各种工具制作简单的图形 3. 掌握浮动面板的显示与隐藏方法 4. 了解在Flash中对文字的操作 5. 了解Flash中文本的类型 6. 学会安装文字类型 7. 熟悉文本特效的制作过程 二、实验内容 1. 验证FLASH CS4启动和退出的各种方法 2. 查看并确认FLASH CS4的各个组成部分 3. 利用工具制作简单图形 4. 制作立体文字 5. 制作波纹文字 6. 制作五彩字 7. 制作镂空字 8. 制作浮雕字 9. 制作霓虹灯文字 10. 制作洋葱皮文字 三、实验过程和步骤 1(验证FLASH CS4启动和退出的各种方法。 (1)启动: 1)利用开始菜单中的“程序” 2)利用桌面上的“快捷图标” 3)利用文档菜单中的FLASH文档 4)利用“我的电脑”或“资源管理器”中的FLASH 文档 (2)退出 1)利用标题栏中的“退出”按钮 2)利用双击标题栏的应用程序图标 3)利用控制菜单中的关闭 4)利用文件菜单中的“退出”命令 5)利用ALT+F4。 2(查看并确认FLASH CS4的各个组成部分。 (1) 菜单栏中有哪些菜单, (2) 怎样显示与隐藏面板,怎样添加浮动面板,怎样可以恢复面板的原始设置, (3) 怎样设置工作区属性,怎样调整它的显示比例, (4) 工具箱中有哪几种工具,怎样使用每种工具, 3(利用工具箱中的工具,完成下题目: (1)利用套索工具选取位图中的图形 第一步 建立新文件:通过“文件/新建”或主工具栏中的按钮,新建一个FLASH文档; 第二步 执行“文件/导入/导入到舞台”,将“卡通.bmp文件导入到舞台”, 图1-1 选中位图,按右键选中分离将之“矢量化”或者直接用Ctrl+B进行分散 第三步 点击工具栏中的套索工具,在选项中选中“魔术棒属性”按钮,在弹出的对话框中将阈值改为50。 第四步 在选项中选中“魔术棒”按钮,点击图中的白颜色处,然后按Delete键,将大块空白处删除。 第五步 使用缩放工具将图放大,在没有完全去除的粉色处,使用橡皮擦按钮擦除。 第六步 保存文件:选择合适的路径保存文件为“位图.fla”。 (2)画树叶 第一步 建立新文件:通过“文件/新建”或主工具栏中的按钮,新建一个FLASH文档; 第二步新建图形元件:执行【插入】|【新建元件】命令,或者按快捷键CTRL+F8,弹出创建新元件对话框,在【名称】文本对话框中输入元件名称“树叶”,【类型】选择“图形”, 单击【确定】按钮。 这时工作区变为“树枝”元件的编辑状态 第三步绘制树叶图形:在“树叶”图形元件编辑场景中,首先用【线条工具】画一条直线,【笔触颜色】设置为深绿色;然后用【箭头工具】将它拉成曲线;再用【线条工具】绘制一个直线,用这条直线连接曲线的两端点;一片树叶的基本形状已经出来了,现在画叶脉,在两端点间画直线,然后拉成曲线;再画旁边的细小叶脉,可以全用直线,也可以略加弯曲,这样,一片简单的树叶就画好了; 第四步编辑和修改树叶:如果在画树叶的时候出现错误,比如说,画出的叶脉不是你所希望的样子,你可以执行【编辑】|【撤销】命令撤销前面一步的操作,也可以选择下面更简单的方法:用【箭头工具】单击你想要删除的直线,这条直线变成网点状,说明它已经被选取,可以对它进行各种修改 要移动它,就按住鼠标拖动,要删除它,就直接按DEL键。按住SHIFT键连续单击线条,可以同时选取多个对象。如果要选取全部的线条,可用黑色箭头工具拉出一个选取框来,就可以将其全部选中了 说明:在一条直线上双击~也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条范围全部选取 第五步:给树叶上色:接下来给这片树叶填上颜色。在工具箱中使用【颜色】选项,单击【填充颜色】按钮,会出现一个调色板,同时光标变成吸管状 在调色板里选取绿色,单击工具箱里【颜料桶工具】,在画好的叶子上单击一下 第六步:全部填充颜色 第七步:继续按照上述的方法制作树叶树枝,然后保存文件:选择合适的路径保存文件为“树枝.fla”。 (3) 立体文字 第一步使用文本工具输入“立体文字”几个文本 第二步选中文本,按Ctrl+C复制立体文字几个字,接着按Ctrl+V将之粘帖到舞台上 第三步选中其中的一个文本,改变他的颜色为淡灰色,并在混色器面板中将他的Alpha值改为80% 第四步右键单击此文本在弹出的快捷菜单中选择分离,将之打散,并打散两次使之成为矢量图 第五步在选择任意变形工具,将文本倾斜,并更改其位置如下 (4) 波纹文字 大部分操作同立体文字,只是在使用任意变形工具时将文本扭曲为波纹形 (5) 五彩字 第一步利用文本工具输入文字“五彩字”,并拷贝粘贴为三个 第二步将文本打散为矢量图,在混色器面板中选择线性填充色和放射状填充色分别填充 (6) 镂空字 第一步利用文本工具输入“镂空字” 第二步将文本打散为矢量图,使用墨水瓶工具描出文本的外沿,接着将文本的内部选中删除掉 第三步使用混色器面板中的位图填充为文字的空白处填充 (7) 浮雕字 第一步利用文本工具输入“浮雕字”,并拷贝三个 第二步将最上层的文本颜色设置为淡灰色,将中间层文本设置为白色,将最下层文本设置为黑色 第三步将三个文本的位置设置为如下所示,黑色在最下层,白色在中间,淡灰色在最上层 附:逐帧动画的制作 1、 逐帧动画:打字效果 第一步 在第一层的第3帧处使用文本工具插入“从”字 第二步 在第4帧处插入关键帧,并输入“前”字,接着在第5、6、7、8、9、10、、、、 帧分别插入关键帧,并依次在各个关键帧处插入有、一、座、山、山、上、有、座、庙 第三步 设置播放速度为6帧每秒 2、 逐帧动画:写字效果 第一步 在第一帧使用文本工具插入“白日依山尽,黄河入海流”,并选择合适字体 第二步 将文本两次分离,使用F6在第2帧上插入关键帧,然后使用橡皮擦擦除’流’ 字的最后一个笔画,接着再插入关键帧,对各个文字进行反笔画擦除 第三步 全部擦除完毕之后,选中所有关键帧,点击鼠标右键,在弹出的菜单上选择“翻 转帧” 实验二 动作渐变动画 一、 实验目的 1、 了解在Flash中渐变动画的分类 2、 掌握Flash运动渐变动画的制作方法 二、 实验过程和步骤 1、 运行FlashCS2 2、 建立一个新的Flash文件 3、 在此Flash文件中制作运动渐变动画 三、 实验题目 1、 运动动画:制作运动动画,分别完成对象的运动、大小缩放、旋转、沿特定路径运动、 亮度、透明度、色调变化的效果 2、 属性渐变的矩形 打开flash软件,使用默认舞台设置。 第一步 用矩形工具在舞台左边画一个无边框的红色矩形。 第二步 选中矩形,右击,执行“转换为元件”命令,在“创建新元件”对话框中选择 类型为“图形”,确定。 第三步 在第30帧插入关键帧,并把矩形拖到右边。 第四步 用任意变形工具将其放大。 第五步 在属性面板上“颜色”后的单击小三角按钮,选中“色调”,选择“蓝色”。 第六步 选择工具选中第1帧,单击属性面板“补间”里的“动画”; 第七步 在属性面板上单击“旋转”选项的小三角按钮,执行“顺时针”命令。 第八步 测试影片,观看效果。 以下题目可根据上课所讲步骤制作,也可自己发挥想象,制作渐变动画 3、 制作洋葱皮文字 第一步 在Flash文档中插入一个新的影片剪辑类型的元件,命名为“洋葱皮文字效果” 第二步 进入此影片剪辑的编辑窗口 在编辑窗口中输入文字“洋葱皮文字” 第三步 然后将几个文字转换为元件,取名“文字” 第四步 转换完成后,此“文字”元件的实例位于影片剪辑“洋葱皮文字效果”的第一个图层,在此图层的第60帧处插入一个关键帧,然后创建动作渐变动画 第五步 在属性面板上单击“旋转”选项的小三角按钮,执行“顺时针”命令。 第七步 接着再创建一个新的图层,在这一图层的第5帧处插入一个新的关键帧,然后 从库中拖入“文字”元件,将之与第一层的文字元件位置对齐 第八步 选中此元件,打开属性面板,在颜色选项中将Alpha值调至80% 第九步 然后在第65帧处插入一个关键帧,并创建为按照顺时针旋转的动作渐变动画 第十步 再创建一个新的图层,在这一图层的第10帧处插入一个新的关键帧,然后从库 中拖入“文字”元件,将之与第一层的文字元件位置对齐 第十一步 选中此元件,打开属性面板,在颜色选项中将Alpha值调至60% 第十二步 然后在第70帧处插入一个关键帧,并创建为按照顺时针旋转的动作渐变动画 第十三步 按照上述做法依次共建立五个图层,如下图所示 4、 随风飘逝的文字 、 飞翔的蝴蝶5 6、 画面更替 四、 作业 自己构思,制作运动渐变动画,做好后放入一个文件夹中以自己的学号命名压缩后发入FTP:210.44.122.253中文件夹qxw->Flash->student->06广编2班或3班 实验三 形状渐变动画 一、 实验目的 1、 了解在Flash中渐变动画的分类 2、 掌握Flash形状渐变动画的制作方法 3、 掌握制作Flash形状渐变动画时添加形状提示的方法 二、 实验过程和步骤 1、 运行FlashCS2 2、 建立一个新的Flash文件 3、 在此Flash文件中制作形状渐变动画 三、 实验题目 1、 形状动画:制作形状动画,分别完成形状的大小缩放、位置移动、颜色变化、形状变化、 变化速度加速、减速的效果 2、 形状多变的几何图形 打开flash软件,使用默认舞台设置。 第一步 在工具箱中选取椭圆工具。 第二步 设置笔触颜色:在工具箱颜色区第一排选中“笔触颜色”后,再单击颜色区第 三排中间带斜红杠的“没有颜色”图标。 第三步 设置填充颜色 :单击选中颜色区第二排“填充色”,再在“填充色”右边单击 右下方的黑色小三角按钮,尔后选定红色。 第四步 选取椭圆工具,在舞台左侧拉动鼠标画一个椭圆(如果在画圆的过程中按住 shift键,就可以得到一个正圆。) 第五步 在第25帧插入一个空白关键帧,在舞台中部画一个无边线的绿色三角形。 第六步 在第50帧插入一个空白关键帧,选取矩形工具,在舞台右侧画一个无边线的蓝色矩形。 第七步 单击“图层1”,选中所有帧,单击底部属性面板“补间”两字右面白框后的黑三角按钮,再单击“形状”。 第八步 测试影片,观看效果。 3、 波浪线 第一步 设置宽 300 像素、高 100 像素的蓝色舞台。 第二步 画一条绿色波浪线。 第三步 在图层1的第20帧、第40帧分别插入一个关键帧。 第四步 选中第20帧上的波浪线,执行“修改—变形—垂直翻转”命令。 第五步 单击“图层1”,选中所有帧,单击属性面板里的 “ 形状 ” 。 第六步 测试影片,观看效果 4、 变换文字 第一步 设置宽300像素、高100像素的粉红色舞台。 第二步 单击第一帧,键入大小为“70”的蓝色隶书“学动画”三字,居中。在第5帧 插入关键帧。 第三步 选中第5帧上的文本,按下快捷键ctrl+B两次,把文字打散。 第四步 在第20帧插入空白关键帧,用同样的大小和字体键入红色“乐无穷”三字,居中。用同样的方法把这三字打散。 第五步 选中第1帧,单击属性面板里的“形状”。 第六步 在第25帧插入一个普通帧。 第七步 测试影片,观看效果。 5、 添加形状提示 第一步 新建一个Flash CS4影片文档,保持文档属性默认设置。 第二步 选择文本工具在“属性”面板中,设置字体为Arial Black,字体大小为96,文本颜色为黑色。 第三步 在舞台上单击,输入字母“T”。执行“修改”|“分离”命令,将数字分离成形状。如图6所示。 图6 将字母分离成形状 第四步 选择“图层1”第20帧,按F7键插入一个空白关键帧。选择“文本工具”,输入字母“Y”。同样把它分离成形状。如图7所示。 图7 第20帧上的字母形状 第五步 选择第1帧,在“属性”面板中选择“补间”下拉列 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 中的“形状”。 第六步 按下Enter键,可以观察到字母T变形为字母Y的动画效果。但是这个变形过程很混乱,不太符合我们需要的效果。下面我们添加变形提示以改进动画效果。 第七步 选择“图层1”的第1帧,选择“修改”|“形状”|“添加形状提示”命令3次(或按快捷键Ctrl+Shift+H)。这时舞台上会连续出现3个红色的变形提示点(重叠在一起)。如图8所示。 图8添加两个变形提示点 第八步 确认”紧贴至对象”按钮处于被按下状态,调整第1、20帧处的形状提示,如图9所示。 图9 调整提示点 第九步 调整好后在旁边单击鼠标,提示点的颜色会发生变化。第1帧上的变为黄色,第20帧上的变为绿色。 第十步 再次按下Enter键,可以观察到字母T变形为字母Y的动画效果已经比较美观 了。 以下题目可根据上课所讲步骤制作,也可自己发挥想象,制作渐变动画 6、 孵小鸡 (一)新建影片文档和设置文档属性 启动Flash CS4,出现“开始页”, 选择“创建新项目”下的“Flash文档”,这样就启动Flash CS4的工作窗口并新建一个影片文档。展开“属性”面板,设置“背景颜色”为绿色,其他参数保持默认值。 (二)绘制鸡蛋 第一步 在工具箱中按下矩形工具数秒,在弹出的工具菜单中选择椭圆工具。设置填充 色为“无”,然后在舞台上拖动鼠标绘制一个椭圆,接着使用选择工具局部修改椭圆的 形状,使它更加接近鸡蛋的形状。如图12所示。 图12 绘制鸡蛋 第二步 展开颜色面板,选择填充类型为“放射状”,定义渐变栏为淡黄到橙黄的渐变。 如图13所示。 图13 设置渐变色 第三步 选择工具箱中的颜料桶工具,将鼠标指针移动到鸡蛋的左上方单击填充颜色。接着使用选择工具选中鸡蛋的轮廓线,按下键盘上的Del键把它删除,完成绘制的鸡蛋如图14所示。 图14 绘制完成的鸡蛋 (三)绘制小鸡 第一步 将“图层1”重命名为“变形”,单击“变形”图层的第70帧,按下键盘上的F7键插入空白关键帧。 第二步 在工具箱中选择椭圆工具,设置笔触色为“无”,填充色为黄色。然后在舞台上拖动鼠标绘制两个椭圆,接着使用选择工具局部修改椭圆的形状,通过叠加绘制形成小鸡的身体形状。如图15所示。 图15 绘制小鸡身体 第三步 选择线条工具绘制出小三角形状的鸡嘴,如图16所示。选择刷子工具绘制鸡腿,接着再复制出另一条腿。如图17所示。 图16 绘制鸡嘴 图17 绘制鸡腿 第四步 将绘制完成的鸡嘴、鸡腿和身体组装在一起,运用选择工具框选所有对象,选择“修改”|“分离”命令(快捷键Ctrl+B),把小鸡打散成形状。效果如图18所示。 图18 绘制完成的小鸡 (四)绘制眼睛和羽毛 第一步 新建图层,将它重命名为“眼睛和羽毛”。在这个图层的第70帧,按下键盘上的F7键插入空白关键帧。 第二步 在工具箱中选择椭圆工具,设置笔触色为“无”,填充色为桔黄色,在舞台上绘制出眼睛。然后选择刷子工具,设置填充色为淡土黄色,绘制出羽毛,效果如图示。 图19 绘制眼睛和羽毛 (五)创建形状补间动画 第一步 选择“变形”图层的第10帧,按键盘上的F6键插入关键帧。 第二步 保持第10帧被选择的状态,在属性面板“补间”下拉列表框中选择“形状”命令,如图20所示,完成形状补间动画的定义。 图20定义形状补间动画 这时可以看到,时间轴变化成绿色背景、带箭头的实线。如图21所示。 图21 定义形状补间动画 (六)添加形状提示 第一步 选中“变形”图层的第10帧,接着选择“修改”|“形状”|“添加形状提示”命令(快捷键Ctrl+Shift+H),可以看到鸡蛋上出现了1个带有字母的红色提示符,再次执行命令添加第2个形状提示。如图22所示。 图22 添加形状提示 第二步 拖动第10帧上两个形状提示到鸡蛋的上下边上,接着选中第70帧,拖动形状提示符到小鸡的身体两侧,可以看到第10帧上的形状提示变成了黄色,第70帧上形状提示变成了绿色。说明形状提示定义成功。如图23是第10和70帧的效果。 图23 改变形状提示的位置 第三步 选中两个图层的第80帧,按F5键插入帧。此时的时间轴图层效果如图8-24 所示。 图24 时间轴图层效果 第四步 按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果, 鸡蛋变小鸡的形状补间动画制作完成。 实验四 引导层动画 一、 实验目的 1、 了解在Flash中引导层动画的概念 2、 掌握Flash引导层动画的制作方法 3、 能够将引导层动画熟练运用到动画创作中 二、 实验过程和步骤 1、 运行FlashCS2 、 建立一个新的Flash文件2 3、 在此Flash文件中制作形状渐变动画 三、 实验题目 1、 制作沿一定路线运动的小球 第一步 打开flash,新建一个文件。 第二步 在图层1画一个小球,然后在第30帧插入关键帧,创建运动动画。 第三步 点击插入引导层按钮。 添加运动引导层 第四步 然后画一条线段,把小球拖到线段的起始位置。 第五步 然后定位到第30帧,把小球拖到另一端,而且使其吸附在端点。 第六步 这时候沿一定路线运动的动画就做好了,在控制菜单可以测试影片,看一下效果。 2、 制作笔绘效果 第一步 在Flash文件中创建一个名为“字体”的影片剪辑,在这个影片剪辑中使用文本工具写入文字flash,设置文字属性,最好将字体设置为连笔。 第二步 在库中右键点击“字体”,从弹出的菜单中选择复制,即可复制一个和影片剪辑“字体”一样的影片编辑,只是名字不同而已,将复制得到的影片剪辑命名为“引导线”。使用铅笔工具沿文字Flash划连续曲线,这就是钢笔运动的路线。 第三步 在库中新建影片剪辑“钢笔”,使用文本工具在舞台上输入字体为Wingdings 2的英文叹号!(也可以设为字体Wingdings,此时将显示铅笔图像),出现钢笔图像,将文字打散,并为钢笔填充颜色。 第四步 在库中新建影片剪辑“写字”,在第一个图层(改名为“字体”)中放入“字体”, 并在第90帧处插入普通帧,在第二个图层(改名为“钢笔”)中放入“钢笔”,并在第90帧处插入关键帧,更改两个图层的上下位置,然后选中钢笔图层,在时间轴上点击按钮,为此图层插入引导层 第五步 在引导层中放入影片剪辑“引导线”,并将之打散,并在第90帧处插入普通帧 第六步 在钢笔图层的第一个关键帧处,将钢笔的中心对准引导线的起点,在第90帧处,即第二个关键帧处,将钢笔的中心对准引导线的终点,然后在这两个关键帧处创建动画 第七步 选择场景1,将影片剪辑“写字”拖入场景中,按Ctrl+Enter键测试影片 3、 海底世界 本例中的元件较前面的实例要多一些,我们把它们分成“水泡部分”、“海底部分”、“游鱼部分”三个部分来叙述。先来创建和水泡有关的部分。 第一步 创建“单个水泡”元件 执行【插入】|【新建元件】命令,新建一个图形元件,名称为“单个水泡”。先在场景中画一个无边的园,颜色任意,大小为30*30,再设置混色器面板的参数,四个调节手柄全为白色,Alpha值从左向右依次为100,、40,、10,、100,,如图3-6-21所示,用油漆筒工具在画好的圆的中心偏左上的地方点一下,如对填充的颜色不满意,可以用填充变形工具 进行调整。 图3-6-21 水泡(放大400倍)、填充位置及混色器面板参数 第二步 创建“一个水泡及引导线”元件 执行【插入】|【新建元件】命令,新建影片剪辑,名称为“一个水泡及引导线”。点击添加引导层按钮 添加一个引导层,在此层中用铅笔工具 从场景的中心向上画一条曲线并在第60帧处加普通帧。在其下的被引导层的第一帧,拖入库中的名为“单个水泡”的元件,放在引导线的下端,在第60帧加关键帧,把“单个水泡”元件移到引导线的上端并设置Alpha值为50,,如图3-6-22所示。 图 3-6-22 水泡及引导线 第三步 创建“成堆的水泡”元件 执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“成堆的水泡”。从库里拖入数个“一个水泡及引导线”元件,任意改变大小位置,图3-6-23仅供参考。 图3-6-23 成堆的水泡(放大200倍) 第四步 创建“鱼及引导线”元件 执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“鱼及引导线”。此元 件只有引导层和被引导层二层,点击时间轴面板上的添加引导层图标,新建引导层,在引导层中用铅笔工具画一条曲线作鱼儿游动时的路径,在被引导层中执行【文件】|【导入到场景】命令,将本实例中的名为“鱼”的元件导入到场景中,在第1帧及第100帧中分别置于引导线的两端,在第一帧中建立补间运动动画,在【属性】面板上的【路径调整】、【同步】、【对齐】三项前均打勾,如图3-6-25所示。 图3-6-25 鱼及引导线 第五步 创建海底元件 创建一个图形元件,命名为“海底”。选择第一帧,然后导入一幅海底画面 第六步 创建动画 (1)创建背景层 从库中把名为“海底”的元件拖到场景中,在第134帧加普通帧,该层命名为“背景”。 (2)创建水泡层 新建名为“水泡”的图层,在第1帧,第30帧从库里把名为“成堆的水泡”的元件拖到场景中来,数目、大小、位置任意,在第134帧加普通帧。 (3)创建游鱼层 新建名为“鱼”的图层,从库里把名为“鱼及引导线”的元件拖放到场景的左侧,数目、大小、位置任意,在第134帧加普通帧。 实验五 遮罩层使用 一、 实验目的 1、 了解在Flash中图层的分类和使用 2、 掌握Flash中图层的操作 3、 掌握制作遮罩层动画 二、 实验内容 1、 制作文字遮罩特效 、 制作旋转的地球 2 3、 制作旋转的灯光 三、 实验过程和步骤 1、 运行FlashCS4 2、 建立一个新的Flash文件 3、 掌握遮罩层的创建方式 4、 开始使用遮罩层制作Flash动画 四、 实验题目 1、普通遮罩动画 第一步 新建一个Flash CS4影片文档,保持文档属性的默认设置。 第二步 导入一个外部图像(草原.jpg)到舞台上。 第三步 新建一个图层 在这个图层上用“椭圆工具”绘制一个五角星(无边框,任意色)。我们 计划 项目进度计划表范例计划下载计划下载计划下载课程教学计划下载 将这个圆 当做遮罩动画中的电影镜头对象来用。 现在,影片有两个图层,“图层1”上放置的是导入的图像,“图层2”上放置的是五角 星(计划用做电影镜头对象)。如图1所示。 图1 舞台效果 第四步 下面来定义遮罩动画效果。 右击“图层2”,在弹出的快捷菜单中选择“遮罩层”命令。图层结构发生了变化。如2所示。 图2 遮罩图层结构 我们注意观察一下图层和舞台的变化。 “图层1”:图层的图标改变了,从普通图层变成了被遮罩层(被拍摄图层)。并且图层缩进,图层被自动加锁。 “图层2”:图层的图标改变了,从普通图层变成了遮罩层(放置拍摄镜头的图层)。并且图层被加锁。 舞台显示也发生了变化。只显示电影镜头“拍摄”出来的对象,其他不在电影镜头区域内的舞台对象都没有显示。如3所示。 图3 定义遮罩后的舞台效果 第五步 按下Ctrl+Enter键测试影片,观察动画效果。 可以看到只显示了电影镜头区域内的图像。 第六步 下面我们改变一下镜头的形状。 在“图层1”的第15帧按F5键添加一个普通帧。将“图层2”解锁。在“图层2”的第15帧按F6键添加一个关键帧,将“图层2”的第15帧上的五角星放大尺寸。定义从第1帧到第15帧的补间形状。图层结构如4所示。 图4 图层结构 第七步 按下Ctrl+Enter键测试影片,观察动画效果。可以看到只显示了电影镜头区域内的图像,并且随着电影镜头(五角星)的逐渐变大,显示出来的图像区域也越来越多。 第八步 下面我们改变一下改变镜头的位置。将“图层1”上的圆放置在舞台左侧,将“图层2”的第15帧上的圆的大小恢复到原来的尺寸,并放置在舞台的右侧。 第九步 按下Ctrl+Enter键测试影片,观察动画效果。可以看到随着电影镜头的位置移动,显示出来的图像内容也发生变化,好像一个探照灯的效果。 2、 制作文字遮罩特效 第一步 制作“转盘”影片剪辑,先画一个空心圆,然后使用线条工具为此圆画一个直径 第二步 选中此直线,然后打开“变形”面板,在旋转文本框中输入15,多次点击“复制并应用变形”按钮,将圆26等分。 第三步 接着在各等分框中用颜料桶工具添各种颜色,双击选中线条,将边缘线条去除,将此圆转换为“圆”图形元件。 第四步 然后在时间轴的第50帧处插入关键帧,并创建动画。接着在属性面板中选择顺时针旋转1周。 第五步 新建图形元件“流星”,用文本工具输入“流”字,并将字体设为“华文彩云”。为此元件复制一个图形元件“遮罩”,在此影片剪辑中将字体打散,用橡皮擦擦除中间部分,只留边缘部分,然后选中边缘,选择“修改”菜单中的“形状”子菜单中的“把线条转化为填充” 第六步 创建“文字遮罩”影片剪辑,在第一个图层中放入“遮罩”元件,在第二个图层中放入“转盘”影片剪辑,在第一图层点击右键设置为遮罩层,在第三个图层中放入“流星”元件,并使之与第一图层的“遮罩”重合
本文档为【[教学]flash简单网页制作】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_266065
暂无简介~
格式:doc
大小:537KB
软件:Word
页数:34
分类:初中语文
上传时间:2017-10-06
浏览量:60