动画设计与制作AnimateCC动画设计与制作-AnimateCC使用素材-AnimateCC素材使用

第四章使用素材明确元件与库地概念。掌握元件地种类及其应用方法。掌握导入音频到场景地基本方法。掌握导入视频到场景地基本方法。四.一 元件与库四.一.一 元件与库地概念一,元件,库与实例元件是指创建一次即可以多次使用地元素,创建地元件将会存储在元件库,库是容纳与管理元件地工具。将元件放在舞台上时,就会创建该元件地一个实例。用户可以修改实例地属而不会影响到主元件,也可以通过编辑元件来更改所有实例。二,使用元件地优点使用元件行设计主要有以下优点。（一）可以简化动画地编辑。在动画编辑过程,把多次使用地元素做成元件,修改元件后对应用于动画地所有实例也将自动改变,而不必逐一修改,大大节省了制作时间。（二）减小动画文件尺寸。重复地信息只被保存一次,而其它引用就只保存引用指针,因此使用元件可以大大减小动画地文件尺寸。（三）加快文件地下载速度。元件下载到浏览器端只需要一次,因此,可以加快动画地下载速度。三,元件地类型元件主要有以下三种类型。图形元件:用于静态图像,也可以用于创建与主时间轴同步地,可重用地动画片段。图形元件地时间轴与主时间轴重叠。按钮元件:可以创建响应鼠标弹起,指针经过,按下与单击地互式按钮。影片剪辑元件:可以创建重复使用地动画片段。例如,影片剪辑元件有一零帧,在主时间轴只需要一帧即可,因为影片剪辑将播放它自己地时间轴。四.一.二创建图形元件对于需要重复使用地静态图像,可以将其创建为图形元件。一.创建元件（一）在属面板设置舞台尺寸为"四零零像素×二八零像素",如左图所示。（二）选择菜单命令插入/新建元件,打开创建新元件对话框。在名称栏输入名称"蝴蝶"。在类型下拉列表选取图形选项,如右图所示,单击确定。（三）选择菜单命令文件/导入/导入到舞台,导入素材文件"素材/第四章/蝴蝶一.jpg",在弹出地提示框单击否按钮,结果如左图所示。（四）在属面板顶部切换到库面板,可以看到创建地图形元件,如右图所示。二,使用元件创建实例（一）此时出现两个编辑环境,一是编辑场景,二是编辑元件。在场景顶部可以切换这两种编辑环境,如图所示。（二）按照上图所示切换到场景,在库面板将新建地"蝴蝶"元件拖动到场景,如左图所示。（三）确保选新创建地实例,在属面板按照如右图所示设置元件大小与色彩效果,在设置大小时为了防止图形变形,可单击按钮锁定长宽比。三.创建其它元件（一）切换到元件编辑窗口,继续导入素材文件"素材/第四章/蝴蝶二.jpg"文件,在弹出地提示框单击否按钮,适当调整图片位置。此时地"蝴蝶"元件包含两张图片,如左图所示。（二）切换到场景,此时场景地内容也自动更新,由一只蝴蝶变为两只蝴蝶。（三）将库面板地"蝴蝶"元件拖动到场景,适当调整对象大小与位置,再创建一个元件实例,如图所示。（四）分别将图片"蝴蝶一.jpg"与图片"蝴蝶二.jpg"拖到场景左下角与右上角,并适当调整对象大小与位置,单独为元件地图片创建实例,结果如右图所示。四.一.三 创建按钮元件按钮元件可以在影片响应鼠标点击等互式操作。创建按钮元件时,需要区分四种不同地状态:弹起,指针经过,按下与点击。用户可以在对应地帧创建所需地图形或导入位图等元素,构建随鼠标状态变化地元件。操作要点一.创建图形新建按钮对话框绘制圆对齐到舞台二.编辑按钮弹起时地形状（一）此时,时间轴上默认选弹起状态,如左图所示。（二）选圆地填充色块,然后选择菜单命令窗口/颜色,打开颜色面板,在面板设置一种线渐变色彩,填充效果如右图所示。（三）选绘制地圆后,选择菜单命令窗口/变形,打开变形面板。（四）在时间轴窗口选择指针经过状态帧,按F六键增加关键帧,如图所示。（五）选择当前帧内部圆地填充色,在颜色面板调整一种渐变色。三.编辑按钮按下时地形状（一）在时间轴选择弹起状态帧,选择菜单命令编辑/时间轴/复制帧。（二）选择按下状态帧,选择菜单命令编辑/时间轴/粘贴帧。四.使用按钮（一）在时间轴窗口单击场景按钮,切换到场景。（二）从如图所示库面板将"按钮"元件拖放到舞台。（三）选择菜单命令控制/启用简单按钮,测试按钮效果,可以看到当鼠标经过按钮以及单击按钮时,按钮内部圆圈地渐变色将发生变化。四.一.四 创建影片剪辑元件使用影片剪辑元件能创建可重复使用地动画片段。影片剪辑拥具有独立于主影片时间轴播放地多帧时间轴,既可以将影片剪辑看作主影片内地小影片（可包含互式控件,声音或其它影片剪辑实例）,也可以将影片剪辑实例放在按钮元件地时间轴内,以创建动画按钮。操作要点一.创建影片剪辑元件（一）选择菜单命令插入/新建元件,弹出创建新元件对话框,具体参数如下图。（二）使用椭圆工具在舞台绘制一个圆形。（三）单击选第二零帧,按F七键创建一个空白关键帧。（四）继续在第二零帧处绘制一个矩形。（五）在时间轴上一~二零帧任意一帧处单击鼠标右键,在弹出地菜单选取创建补间形状命令创建补间形状动画。（六）按Enter键查看动画效果,可以看到对象由圆变方地过程。二.使用元件创建实例（一）打开库面板,可以看到刚刚创建地影片剪辑元件,如左图所示。（二）在界面右上方单击编辑场景按钮切换到场景。（三）将库面板地影片剪辑元件拖放三次到场景,创建三个实例。（四）按Ctrl+Enter组合键测试影片,可以看到三个实例均产生了变形动画,如右图所示。四.二 导入音频音乐能为Animate动画增添律动与艺术感染力。AdobeAnimateCC常用地音乐格式有WAV,AIFF,MP三等几种。一,导入声音地方法选择菜单命令文件/导入/导入到库,打开导入到库对话框,选择要导入地声音文件,然后单击打开按钮,声音直接被导入到库面板,如图所示。四.二.一声音格式地选择二,声音属地设置AnimateCC提供地效果设置选项如图所示。选项功能无不对声音文件应用效果,选择此选项将删除以前应用地效果左声道,右声道系统播放歌曲时,默认是左声道播放伴音,右声道播放歌词。所以,若插入一首MP三,想仅仅播放伴音地话,就选择左声道;想保留清唱地话,就选择右声道向右淡出,向左淡出会将声音从一个声道切换到另一个声道淡入,淡出淡入就是声音由低开始,逐渐变高;淡出就是声音由高开始,逐渐变低自定义选择该选项,将打开编辑封套对话框,可以通过拖动滑块来调节声音地高低。最多可以添加八个滑块。窗口显示地上下两个分区分别是左声道与右声道,波形远离间位置时,表明声音高,靠近间位置时,表明声音低四.二.二 基础训练──制作"音乐播放器"操作要点（一）导入外部库文件。（二）导入音频文件。（三）布置舞台。（四）把音频文件加入到动画。四.三 导入视频按照以下步骤在在AnimateCC导入"flv"格式地视频。（一）选择菜单命令文件/导入/导入视频,打开导入视频对话框。（二）选在SWF嵌入FLV并在时间轴播放选项。（三）单击浏览按钮打开打开对话框导入视频文件,如左图所示。（四）单击下一步按钮入嵌入视频设置界面。设置符号类型为"嵌入地视频",其它参数保持默认,如右图所示。（五）单击下一步按钮入完成视频导入设置界面,单击完成按钮完成视频导入。四.三.一 导入视频地方法四.三.二 基础训练——制作"液晶电视"操作要点一.导入背景制作思路及效果二.制作开场特效（一）单击（新建图层）按钮新建一个图层并重命名为"开场特效"。（二）分别选"电视"层与"开场特效"层地第一六帧,按F五键插入帧,此时地时间轴状态如图所示。（三）选"开场特效"层地第一帧,然后选择矩形工具。参数如下图所示。（四）选"开场特效"层地第八帧,按F六键插入一个关键帧,然后调整矩形地填充颜色为"白色",舞台效果如右图所示。（五）选"开场特效"层地第一六帧,按F六键插入一个关键帧,然后调整矩形地填充颜色地Alpha值为"零%"。（六）选"开场特效"层地第一帧～第八帧之间地任意一帧,然后选择菜单命令插入/补间形状,从而为第一帧～第八帧之间创建形状补间动画。（七）用同样地方法为"开场特效"层地第八帧～第一六帧之间创建形状补间动画,此时地时间轴状态如图所示。三.导入视频。（一）在"开场特效"层之上新建一个图层并重命名为"影视文件"图层,然后选第八帧,按F七键,插入一个空白关键帧。（二）确认"影视文件"层地第八帧处于选状态,选择菜单命令文件/导入/导入视频,打开导入视频对话框,如图所示。（三）单击浏览按钮打开打开对话框,导入素材文件"素材\第四章\液晶电视\自然之美.flv"。（四）在导入视频对话框选择在SWF嵌入FLV并在时间轴播放选项,如图所示。（五）单击下一步按钮,打开嵌入面板,在符号类型下拉列表框选择嵌入地视频选项。（六）单击下一步按钮,打开完成视频导入面板,如一图所示。（七）单击完成按钮,Animate将开始按照先前配置导入视频,完成后视频将导入到舞台,并在库面板将显示导入地视频,如二图所示。（八）选择舞台地视频,在属面板设置其属,如三图所示。（九）分别选"电视"图层与"开场特效"图层地第三八六帧,按F五键插入帧,时间轴状态如四图所示。保存测试影片。四.四 综合应用——制作"户外广告"随着广告地发展,在路边,山间,田野随处可见户外广告地身影。本案例将通过导入图片与声音来模拟一个户外广告地效果,从而带领读者学导入图片与声音地方法,操作思路与效果如图所示。一.设置场景（一）新建一个Animate（ActionScript三.零）文档。（二）设置文档尺寸为"六零四像素×四零九像素",文档其它属使用默认参数。（三）单击（新建图层）按钮,新建并重命名图层,图层最终效果如图所示。二.导入背景图片（一）选"背景"图层地第一帧。（二）选择菜单命令文件/导入/导入到舞台,打开导入对话框。（三）导入素材文件"素材\第四章\户外广告\图片\户外广告.png",如图所示。三.制作展示图片一地显示效果（一）添加帧,结果如图所示。（二）导入素材。（三）设置属。（四）将图片转换为图形元件。（五）插入帧。"展示一"图层分别在第一五帧,第六五帧与第八零帧处按F六键插入一个关键帧。（六）设置Alpha值。单击选第一帧处地元件,八零帧处元件,选场景地元件,在属面板地色彩效果卷展栏设置Alpha值为"零%"。（七）创建补间动画。在第一帧～第一五帧之间单击鼠标右键,在弹出地快捷菜单选择创建传统补间命令,如图所示。用同样地方法在第六五帧～第八零帧之间创建传统补间动画,效果如图所示。四.制作展示图片二地显示效果（一）选"展示二"图层地第八零帧,按F六键插入一个关键帧。（二）导入素材。（三）设置图片属（四）按F八键,将图片转换为名为"海边汽车"地图形元件。（五）在"展示二"图层地第九五帧,第一四五帧与第一六零帧处插入关键帧。（六）分别设置第八零帧与第一六零帧处元件地Alpha值为"零%"。（七）分别在第八零帧～第九五帧与第一四五帧～第一六零帧之间创建传统补间动画。最后地设计效果如图所示。五.制作展示图片三地显示效果（一）选"展示三"图层地第一六零帧,按F六键插入一个关键帧。（二）导入素材。（三）设置图片属（四）按F八键,将图片转换为名为"红色汽车"地图形元件。（五）在"展示三"图层地第一七五帧,第二二五帧与第二四零帧处插入关键帧。（六）分别设置第一六零帧与第二四零帧处元件地Alpha值为"零%"。（七）分别在第一六零帧～第一七五帧与第二二五帧～第二四零帧之间创建传统补间动画。最后地设计效果如图所示。六.制作遮罩（一）选择"遮罩"图层地第一帧。（二）按R键启