02、《广告设计师》(高级)·【课堂笔记】(Flash制作).docx

【广告设计师·高级】【课堂笔记】·10.16 （Flash） （考试时使用软件：Flash·MX）Adobe Flash Adobe Flash（原称Macromedia Flash，简称Flash；前身FutureSplash），是美国 Macromedia公司（现在已被Adobe公司收购）所设计的一种二维动画软件。通常包括Macromedia Flash，用于设计和编辑Flash文档，以及Adobe Flash Player，用于播放Flash文档。（Flash操作界面）  “帧频”： 即一秒钟影片内走过多少帧图片。一般设置为20 39左右，考试时尽量设置高。插入“关键帧”： 用鼠标选中“时间轴”上所需“帧”，按【F6】 或用鼠标对“帧”右击 / 在跳出“下拉菜单”中选择“插入关键帧”删除“帧段”： （即一次性删除两个或两个以上不需要的“帧”） 用鼠标在“时间轴”上选中需删除“帧段”上的“尾帧”， 按住【Shift】 ，再选中“首帧”，整个“帧段”即被全部选中，右击 / 在跳出“下拉菜单”中选择“删除帧”转换为“元件”： （将“点阵”图转换成“矢量”图） 用鼠标选中图片，按【F8】 或对图片右击 / 在跳出“下拉菜单”中选择“转换为元件” 在“转换为元件”对话框中设置“名称”、“行为”等启动“对齐”面板： （调整图片在场景内位置） 按【Ctrl】+ 【K】 或 单击“菜单栏”中“窗口” / 在“下拉菜单”中选择“对齐”启动“库”面板： （“库”面板既是显示储存外来“图片”及制作完成的“按钮”和“影片剪辑”等内容的窗口） 按【Ctrl】+ 【L】 或 单击“菜单栏”中“窗口” / 在“下拉菜单”中选择“库”（注：每一图层内，最好仅放置一副图片，以便于修改及防止操作时互相混淆、干扰） 创建“补间动画”： （计算机自动在“首帧”与“尾帧”间创建“过渡帧”） 先在“时间轴”上插入“首帧”与“尾帧” 右击“首帧”/ 在跳出“下拉菜单”中选择“创建补间动画”，即在“过渡帧”上出现“紫底箭矢图”，但若箭矢呈虚线则表示创建补间失败 对动画进行“预览”： 按【Ctrl】+ 【回车】键动画播放完毕后，自动停止，不再循环播放： 在“时间轴”上单击选中“尾帧”，修改其属性 单击“属性栏”上方【动作帧】按钮 / 打开“动作帧”面板，单击【+】（将新项目添加到脚本中）按钮 在菜单中选择“动作”/ “影片控制”/ “stop”（注：在不同版本的flash软件里，其中动作名称也会略有不同，这点需要注意） 完成后，“尾帧”上方将出现字母“a”： “形状动画”的制作： 先用“钢笔工具”在“首帧”绘制一幅图形（一定须是点阵图） 退后10或20帧（尺度自己掌握）处插入“关键帧”，在其中绘制副不同的图形（也得是点阵图），用作“尾帧” 将下方“属性”工具栏中的“补间”选择成“形状”，“时间轴”上自动生成“形状补间动画”（绿底箭矢） 注： 若图形是文字，则需要将文字打散（选中文字，右击 / 选择“分离” / 再右击 / 选择“分离”），变为点阵图 整体文字分散到图层： （便于逐一制作效果） 选中文字，右击 / 选择“分离”（整体文字被打散） 再右击 / 选择“分散到图层”（为单个文字建立各自图层） “旋转”图片的制作： 在“首帧”绘制一幅图形（转换成“图形”元件） 退后10或20帧（尺度自己掌握）处插入“关键帧”/ 使用“工具栏”中“任意变形工具”旋转180度 选中首帧，右击 / 选择“创建补间动画” 到下方“属性”工具栏中的“旋转”内选择图片旋转方向 “路径跟随动画”的制作： 单击【添加运动引导层】 按钮，为“图层1”添加一个引导层 在“引导层”内绘制条引导线（注：不要将引导线变成图形） 在“图层1”中绘制个“圆形”（将其变成图形），用鼠标将圆形拖至引导线的一端（圆心对准线头） 在“图层1”的“尾帧”内，按【F6】（复制圆形） 在“引导层”的“尾帧”内，按【F5】（插入帧） 用鼠标将圆形拖至引导线的另一端 注： 引导线若为圆形，则只需要将圆形打破即可（用“工具栏”中的“橡皮工具”，擦除一部分） 在动画场景中插入“影片”： 选择一个“空白关键帧”/ 单击“属性栏”上方【动作帧】按钮 / 打开“动作帧”面板，单击【+】（将新项目添加到脚本中）按钮，在下拉菜单中选择“动作”/ “浏览器/网络”/ “loadMovieNum” 在跳出的设置栏内的“URL”项中输入“路径名”（小软件：可用【超级解霸】软件把MOV文件导成JPG序列文件，再选择时间段，进行片段截取） 练习一：“重播按钮”制作（使用软件：Flash·8.0）制作“按钮”元件： 选择一副已完成的动画（要求：影片播放完毕后，能自动停止），进入其“尾帧”内 在场景中用“椭圆工具”绘制一副“圆形”，作为按钮图标 / 右击 / 在下拉菜单中选择“转换为元件”（或按【F8】） 为“转换为元件”对话框内的“行为”选择“按钮”，并为其取名，单击【确定】 设置“按钮”元件： 在场景中对之前做的按钮直接双击 或 到“库”中对按钮元件双击 进入“按钮”元件设置场景内，在其“时间轴”位置处有四个按钮状态：“弹起”、“指针经过”、“按下”、“点击” 为前三者“弹起”、“指针经过”、“按下”的设置内插入“关键帧”，并将场景内按钮颜色各做调整和用“文本工具”输入不同名称，以便观察效果 为“按钮”元件设置“行为”、“结果”： 单击按钮，从“按钮”设置场景回到主场景文件中 选中场景中的“按钮”图案 单击“属性栏”上方【动作帧】按钮 / 打开“动作帧”面板，单击【+】（将新项目添加到脚本中）按钮，在下拉菜单中选择“动作”/ “影片控制”/ “on” 在跳出的设置选项栏内，对“释放”打勾（按钮释放后效果） 再单击【+】按钮，在下拉菜单中选择“动作”/ “影片控制”/ “goto” 在跳出的设置选项栏内，“帧”设置为“1”（影片自第一帧开始重播），单击【确定】 按【Ctrl】+ 【回车】键，观看效果 练习二：“扫光文字” 效果制作（使用软件：Flash·8.0）输入“文字”或“图片”： 新建文档，将场景背景色设为“黑色” 在“图层·1”的场景中输入文字（转换为“图形”元件），当作“扫光”对象 之后，右击“图层·1”时间轴的“首帧”/ “复制帧” 在“图层·1”的50帧（尺度自己掌握）处/ “插入关键帧” 插入“图层·2”/ 右击“图层·2”时间轴的“首帧”/ “粘帖帧”（这样做可以保证两张文字图片在不同图层的同一位置） 在“图层·2”的50帧处 / “插入关键帧” 绘制“光柱”： 插入“图层·3”/ 在场景中用“矩形工具”绘制一条彩色光柱（转换为“图形”元件） 在“图层·3”的50帧处 / “插入关键帧”/ 用鼠标将彩色光柱由左则拖至右侧 右击“图层·3”的首帧 / “创建补间动画” 设置“遮罩”效果： 在左上角“图层栏”内 用鼠标将“图层·3”拖至“图层·2”下方 对“图层·2”的名称，右击 / “下拉菜单”中选择“遮罩层”，完成 按【Ctrl】+ 【回车】键，观看效果 学习要点：“遮罩”就是将景物遮挡住，使其不显现，而在Flash软件中的“遮罩”命令则相反，使被遮罩的物体显现，这道题主要难点就是对于“遮罩”内容的理解 （最终效果图） 练习三：“闪光文字”效果制作（使用软件：Flash·8.0）输入“文字”： 新建文档，将场景背景色设为“蓝色” 在场景中输入文字 将文字“打散”： 注意： 下方这步操作，可以省略 之后，用“选择工具”选中“文字”，右击 / “分离” （以上步骤与之后的操作无关，这项操作是为单独字母或文字设置效果作准备） 注： 选中文字，右击 / 选择“分离”（整体文字被打散） 再右击 / 选择“分散到图层”（为单个文字建立各自图层）（这项操作可以使整体文字分散到图层） 转换成“元件”并设置效果： 将“文字”全部选中，单击“菜单栏”的【插入】按钮 / “新建元件”或直接右击，在下拉菜单中选择“转换为元件” 在“转换为元件”对话框中的“行为”一项中选择“影片剪辑”，确定 进入文字的“影片剪辑”元件设置场景内，在“时间轴”的20帧（尺度自己掌握）处“插入关键帧” 再将“文字”图片用“任意变形工具”放大 再右击“首帧” / “创建补间动画”，为“文字”元件作出放大逐渐效果 制作文字“闪光”效果： 单击按钮，从“影片剪辑”设置场景回到主场景文件中 除“图层·1”外，新建4个图层 将“文字”元件拖入“图层·5”的“首帧”场景中 再对“首帧”，右击 / 下拉菜单中选择“复制帧” 到“图层·4”中，在其“时间轴”的“7帧”处，右击 / 下拉菜单中选择“黏贴帧”（目的是保证两幅文字元件在不同图层的同一位置） 以此类推，将“文字”元件在全部5张图层内平均分布，如图：注： 所有5张图层的“尾帧”都必须处于同一时间段，即与“图层·1”的“尾帧”持平（只需对各自图层27帧处，单击【F5】（插入帧），即可） （最终效果图）学习要点： 所谓“闪光”其实就是同一张运动图片在不同时间段的层层叠加，利用时间差而已，只需理解“影片剪辑”的原理即可完成 练习四：“鼠标跟随”效果制作（鼠标滑过场景时，显示动画，使用软件：Flash·MX）绘制“红血球图”图形元件： 新建文档，将场景背景色设为“黑色” 在“图层·1”的场景中，用“椭圆工具”绘制“红血球图”（全部选中，转换为“图形”元件），放在“库”中，以备使用 绘制按钮元件： 单击“菜单栏”的【插入】按钮 / 选择“新建元件” 在“新建元件”对话框中的“行为”一项中选择“按钮”，确定 进入“按钮”元件设置场景内，在其“时间轴”位置处有四个按钮状态：“弹起”、“指针经过”、“按下”、“点击” 在“点击”的设置内“插入关键帧”，在场景内利用“椭圆工具”绘制一个圆，作为按钮本体，其余三者内均不需绘制任何图形（因为“点击”状态是虚拟动作，在最终效果中屏幕上将不会显示按钮形状，所以将按钮状态设置成“点击”）（屏幕场景图） 绘制“影片剪辑”元件： 单击“菜单栏”的【插入】按钮 / “新建元件” 在“新建元件”对话框中的“行为”一项中选择“影片剪辑”，确定 在“图层·1”的“首帧”内，用鼠标从“库”中将之前制作的“按钮”元件拖入场景中，居中对齐 在“图层·2”的“2帧”内，用鼠标从“库”中将之前制作的“红血球图”动画图形元件拖入场景中，居中对齐 在“30帧”（尺度自己掌握）处插入“关键帧”/ 使用“工具栏”中“任意变形工具”旋转180度 选中首帧，右击 / 选择“创建补间动画” 到下方“属性”工具栏中的“旋转”内选择图片旋转方向（屏幕场景图） 为“按钮”元件设置“行为”、“结果”： 选中“影片剪辑”里“图层·1”的“按钮”元件 单击“属性栏”上方【动作帧】按钮 / 打开“动作帧”面板，单击【+】（将新项目添加到脚本中）按钮，在下拉菜单中选择“动作”/ “影片控制”/ “on” 在跳出的设置选项栏内，对“滑过”打勾（鼠标滑过按钮时显示） 再单击【+】按钮，在下拉菜单中选择“动作”/ “影片控制”/ “goto” 在跳出的设置选项栏内，“帧”设置为“2”（影片自第二帧开始重播），单击【确定】 为“图层·1”设置“行为”、“结果”：从“按钮”元件动作设置中出来，单独为“影片剪辑”的“图层·1”设置动作 在“图层·1”的·“时间轴”上单击选中“首帧”，修改其属性 单击“属性栏”上方【动作帧】按钮 / 打开“动作帧”面板，单击【+】（将新项目添加到脚本中）按钮 在菜单中选择“动作”/ “影片控制”/ “stop” 最后一步：设置“主场景”文件： 单击按钮，从“按钮”设置场景回到主场景文件中 在“图层·1”的“首帧”内，用鼠标从“库”中将之前制作的“影片剪辑”元件不限制数量地拖入场景中，越多越好，最好能覆盖整个场景 按【Ctrl】+ 【回车】键，观看效果（鼠标滑过场景时显示旋转的红血球图，之后消失）（最终效果图） 学习要点： 与之前练习的主要区别在于两点：首先，元件套元件（“影片剪辑”元件中插入“按钮”和“图形”元件）。其次，元件之间“动作效果”的协同，这需要在对软件的全方位的理解基础上完成