《3.2 中秋节贺卡ppt课件.pptx》由会员分享，可在线阅读，更多相关《3.2 中秋节贺卡ppt课件.pptx（38页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、3.2 中秋节贺卡Flash CC 基础与案例教程Flash CC 基础与案例教程第 3 页Flash CC 基础与案例教程母亲节贺卡一中秋节贺卡二愚人节贺卡三Flash CC 基础与案例教程第 4 页第二部分Flash CC 基础与案例教程Flash CC 基础与案例教程第 5 页1.基本知识 (1).什么是元件？元件是指在Fash中创建而且保存在库中的图形、按钮或影片剪辑，元件只需创建一次，即可在整个文档或其他文档中重复使用。在制作动画过程中很多时候需要重复使用素材，这时就可以转换元件，或者新建元件，如图3-2-1所示。图3-2-1新建元件（3.2.1 知技准备Flash CC 基础与案例
2、教程第 6 页3.2.1 知技准备 元件的最大优点是可以重复使用，并且当需要对重复使用的元素进行修改时，只需编辑元件，而不必对所有该元件的实例一一进行修改，Flash 会根据修改的内容对所有该元件的实例进行更新。Flash CC 基础与案例教程第 7 页3.2.1 知技准备2.元件有哪些类型？（1）影片剪辑元件：可以理解为电影中的小电影，它完全独立于场景时间轴，并且可以重复播放，也就是说，即便它在主场景的时间轴上只占1 帧，也可以完全播放其中的动画，需要注意的是影片剪辑元件中的动画只能在影片测试时才能播放。（2）图形元件：可以重复使用的静态图像，一般是一副静止的画面，也可以用来制作动画，但是它
3、要依附于场景时间轴播放。（3）按钮元件：用于制作交互动画，包含4个关键帧，每个关键帧中可以嵌套图形或影片剪辑元件，但它的时间轴不能播放，需要根据鼠标指针的动作做出响应，例如当鼠标指向、滑过或者按下时，通过给按钮添加动作可以跳转到相应的帧，从而制作出各种交互动画。Flash CC 基础与案例教程第 8 页3.2.1 知技准备3.什么是实例？ 当元件从库中拖放到舞台上，称作该元件的一个实例，一个元件可以有很多个实例，而一个实例只归属某一个元件。可以对实例进行整体缩放、旋转、调色等操作，还可以单独对某个实例进行命名以方便操作，如图3-2-2所示。图3-2-2设置实例名称Flash CC 基础与案例教
4、程第 9 页3.2.1 知技准备 三种类型的元件在舞台上的实例都可以相互转换角色，方法是在属性面板中更改类型，例如使用影片剪辑元件实例时，可以把它转换为图形类型，以设置起始帧数，如图3-2-3所示。图3-2-3修改实例类型Flash CC 基础与案例教程第 10 页3.2.1 知技准备二.基本操作1.创建新元件（1）菜单命令选择菜单“插入元件”命令，即可打开“创建新元件”对话框，输入元件名称，选择元件类型，单击确定按钮即创建了一个新元件。如图3-2-4所示。图3-2-4 “创建新元件”对话框Flash CC 基础与案例教程第 11 页3.2.1 知技准备（2）快捷键按下快捷键Ctrl+F8，打
5、开“创建新元件”对话框。（3）库面板按下快捷键Ctrl+L打开库面板，单击库面板下方的“创建新元件”按钮，打开“创建新元件”对话框。Flash CC 基础与案例教程第 12 页3.2.1 知技准备2.转换为元件（1）菜单命令选中某个对象，选择菜单“修改转换为元件”命令，即可打开“转换为元件”对话框，输入元件名称，选择元件类型，单击确定按钮即创建了一个新元件。如图3-2-5所示。图3-2-5“转换为元件”对话框Flash CC 基础与案例教程第 13 页3.2.1 知技准备（2）快捷键 选中某个对象，按下快捷键F8，打开“转换为元件”对话框。注意：转换为元件不能够形成动画，转出的仅为场景中的一帧
6、静态画面。Flash CC 基础与案例教程第 14 页3.2.1 知技准备3.编辑元件（1）打开库面板，右击元件选择“编辑”命令即进入该元件编辑层级。（2）在舞台上，双击某个元件的实例即进入该元件编辑层级。注意：进入元件编辑层级后，可以在文档左上角的标题栏下方查看当前所处的编辑层级，单击元件名称即可切换到该元件编辑层级，单击“场景1”即可回到主场景。如图3-2-6所示。图3-2-6切换编辑层级Flash CC 基础与案例教程第 15 页3.如何通过实例属性设置制作多彩对象？ 元件不仅可以重复使用，还可以通过设置该元件不同实例的属性制作出千变万化的效果，例如米老鼠的图形元件，通过调节属性面板“色
7、彩效果”中的各个参数，可以制作出各种效果，如图3-2-7、3-2-8、3-2-9、3-2-10、3-2-11所示。图3-2-7无色彩效果3.2.1 知技准备Flash CC 基础与案例教程第 16 页3.2.1 知技准备图3-2-8调节“亮度”参数实例效果图3-2-9调节“色调”参数实例效果Flash CC 基础与案例教程第 17 页3.2.1 知技准备图3-2-10调节“高级”参数实例效果图3-2-11调节“Alpha”参数实例效果Flash CC 基础与案例教程第 18 页案例分析 元件是Flash二维动画中最基本的元素，在Flash制作过程中，大部分是通过元件完成的。该任务通过将逐帧动画
8、制作成元件，并巧妙对元件的实例进行色调、播放效果等设置，制作一群飞鸟五彩缤纷，列队飞翔的动画。整体动画效果为碧海蓝天，飞鸟共还，寓意着团圆与幸福，可作为中秋节贺卡，如图3-2-12所示。图3-2-12中秋节贺卡Flash CC 基础与案例教程第 19 页案例分析 在具体技术层面，该任务根据逐帧动画原理，对小鸟飞翔动作进行分解，并逐格绘制，制作小鸟飞翔的逐帧动画，然后创建多个小鸟飞翔图形元件的实例，分别设置各实例的色调和动画起始帧数，完成一群飞鸟的动画制作。Flash CC 基础与案例教程第 20 页案例分析【知识技能点】元件；实例；图形元件；逐帧动画。【训练目标】1.能够将动画技法应用到二维动
9、画制作过程中，理解并分解小鸟飞翔动作，将小鸟飞翔分解为若干个关键画面，并分别绘制到关键帧中，熟练制作出逐帧动画。2.通过项目训练，能够理解元件概念，理解图形元件和影片剪辑元件的区别，能够根据动画制作需要正确创建不同类型的元件。3.能够正确设置图形元件各种属性，完成美观流畅的飞鸟动画制作。Flash CC 基础与案例教程第 21 页制作过程一、制作背景1.从互联网上下载素材图片，画面内容为碧海蓝天。2. 打开Photoshop，打开素材图片，按下快捷键M切换为矩形选框工具，修改工具属性栏“样式”为“约束比例”，如图3-2-13所示。图3-2-13矩形选框设置Flash CC 基础与案例教程第 2
10、2 页制作过程3.根据背景设计需求在素材图片上绘制选区范围。4.选择“图像”菜单“裁剪”命令剪裁图片，将四周不需要的画面去掉，只保留需要的内容。5.选择“图像”菜单“图像大小”命令，打开图像大小对话框，勾选约束比例按钮，修改图像像素宽度为900，则高度自动变为600，如图3-2-14所示。图3-2-14修改图像大小Flash CC 基础与案例教程第 23 页制作过程6.保存图像为JPEG格式，存储品质设置为“8”，背景图像如图3-2-15所示。图3-2-15背景图片 Flash CC 基础与案例教程第 24 页制作过程二、制作飞鸟逐帧动画1.新建Flash文档，大小为900PX*600PX。2
11、.图层1重命名为“背景”，按下快捷键Ctrl+R打开导入命令对话框，选择已处理好的大海风景背景图片，打开信息面板，设置图片X、Y坐标均为0，使之完全覆盖舞台。Flash CC 基础与案例教程第 25 页制作过程图3-2-13绘制第一个关键帧3.按下快捷键Ctrl+F8建立新元件，命名为“一只飞鸟”，元件类型选择“图形”。根据动画原理分解飞鸟动作为九个关键画面，按下快捷键N切换为线条工具，绘制分解动作第一个关键帧，如图3-2-13所示。Flash CC 基础与案例教程第 26 页制作过程4.在时间轴第2帧处按下快捷键F7创建空关键帧，绘制第2个分解动作，同理，分别在第3、4、5、6、7、8、9帧
12、中绘制其它分解动作，如图3-2-16所示。图3-2-16动作分解关键帧Flash CC 基础与案例教程第 27 页制作过程三、制作一群飞鸟动画1.按下快捷键Ctrl+F8建立新元件，命名为“一群飞鸟”，元件类型选择“影片剪辑”。2.按下快捷键Ctrl+L打开库面板，拖动“飞鸟”元件到场景中，按下快捷键Q切换为任意变形工具，调整好飞鸟大小。3.选择飞鸟图形元件，打开属性面板，打开“色彩效果”选项，在“样式”中选择“色调”，设置飞鸟图形元件色调为白色，如图3-2-17所示。图3-2-17修改图形元件色调Flash CC 基础与案例教程第 28 页制作过程4.在属性面板中打开“循环”选项，设置动画在
13、循环播放时的起始帧即第一帧的数值，如图3-2-18所示。图3-2-18修改动画起始帧Flash CC 基础与案例教程第 29 页制作过程5.复制多个“一只飞鸟”图形元件的实例，排列位置，修改大小，并分别设置不同的色调和不同的起始帧，如图3-2-19所示。图3-2-19设置多个图形元件Flash CC 基础与案例教程第 30 页制作过程图3-2-20制作一群飞鸟6.在第9帧按下快捷键F5创建普通帧，为飞鸟设置足够的飞翔帧数。7.返回到主场景，锁定背景图层，新建图层命名为“飞鸟”，从库中拖动“一群飞鸟”影片剪辑元件到舞台上，调整好大小和位置，如图3-2-20所示。Flash CC 基础与案例教程第
14、 31 页制作过程图3-2-21设置文字白底四、制作文字动画1.新建图层，命名为“白底”，绘制白色矩形，选中矩形，按下快捷键F8转化为元件，修改元件色彩效果属性，设置Alpha值为88，文字半透明白底效果如图3-2-21所示。Flash CC 基础与案例教程第 32 页制作过程图3-2-22文字效果2.新建元件命名“文字动画”，分别新建图层，每个图层放置一行文字，并制作文字逐行渐出动画，并在最后一个关键帧添加停止动作，文字效果如图3-2-22所示。Flash CC 基础与案例教程第 33 页制作过程3.回到场景，新建图层命名“文字”，将文字动画元件拖放到场景中，按下Ctrl+Enter键预览动
15、画效果并进行微调，也可以自己创意并制作文字消失动画，时间轴如图3-2-23示。图3-2-23时间轴设置4.添加背景音乐新建图层命名为“音乐”，按下快捷键Ctrl+R打开导入对话框，导入音乐素材，按下快捷键Ctrl+L打开库，拖动音乐素材到场景中，按下快捷键Ctrl+Enter测试影片。Flash CC 基础与案例教程第 34 页能力拓展通过逐帧动画技术，制作七彩气球等效果，如图3-2-24所示。图3-2-24七彩气球Flash CC 基础与案例教程第 35 页能力拓展1.新建Flash文档。2.导入背景图片，调整好大小和位置，使其完全覆盖住场景。3.新建图形元件，分图层绘制气球图形。4.新建影片剪辑元件，第1帧，将气球元件从库中拖入到舞台中，在下方绘制栓绳，如图3-2-25所示。图3-2-25 影片剪辑元件Flash CC 基础与案例教程第 36 页能力拓展5.在第5帧创建关键帧，删除原来的栓绳，重新绘制栓绳形态，模拟随风摆动效果，如图3-2-26所示。图3-2-26 第5帧画面效果Flash CC 基础与案例教程第 37 页能力拓展6.同理，分别创建其他关键帧，绘制栓绳随风摆动的不同动作分解图，如图3-2-27所示。图3-2-27 时间轴预览7.回到主场景，将随风摆动的气球影片剪辑元件拖入舞台中，放在背景图上面，预览动画效果。Flash CC 基础与案例教程