02《广告设计师》高级课堂笔记Flash制作.docx

02《广告设计师》高级课堂笔记Flash制作.docx

《02《广告设计师》高级课堂笔记Flash制作.docx》由会员分享，可在线阅读，更多相关《02《广告设计师》高级课堂笔记Flash制作.docx（16页珍藏版）》请在冰豆网上搜索。

02《广告设计师》高级课堂笔记Flash制作

【课堂笔记】·10.16（Flash）（考试时使用软件：

Flash·MX）

AdobeFlashAdobeFlash（原称MacromediaFlash，简称Flash；前身FutureSplash），是美国Macromedia公司（现在已被Adobe公司收购）所设计的一种二维动画软件。

通常包括MacromediaFlash，用于设计和编辑Flash文档，以及AdobeFlashPlayer，用于播放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】+【回车】键，观看效果（鼠标滑过场景时显示旋转的红血球图，之后消失）

（最终效果图）

学习要点：

与之前练习的主要区别在于两点：

首先，元件套元件（“影片剪辑”元件中插入“按钮”和“图形”元件）。

其次，元件之间“动作效果”的协同，这需要在对软件的全方位的理解基础上完成