FlashCS动画制作项目实训课件
合集下载
flashCS动画制作综合实例ppt文档
(8) 在第85帧按<F6>键，插入关键帧，选中图片并在【属性】面板 的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设 为“15%”。
10.1 网页广告制作
(9) 创建第80帧至第85帧的动画，【时间轴】面板如图10-4所示。
图10-4 【时间轴】面板
10.1 网页广告制作
(10) 在“图层1”上方插入“图层2”，单击【矩形工具】按钮 在舞台 中拖拽出一个与画布大小基本相等的矩形，然后在“图层2”上右 击，在弹出的快捷菜单中选择【遮罩层】命令，如图10-5所示。
图0-1 动画效果
10.1 网页广告制作
2. 实训步骤
(1) 新建一个尺寸为“500*100”、背景颜色为“黑色”的Flash文档 。将其命名为“网页广告”，然后保存。
(2) 在菜单栏中选择【文件】→【导入】→【导入到库】命令，导入 素材图像“莲1”。
(3) 打开【库】面板，单击【选择工具】按钮 将素材图片拖拽到舞 台中并调整其位置，如图10-2所示。
图10-5 创建遮罩层
10.1 网页广告制作
(1) 在菜单栏中选择【插入】→【新建元件】命令，在弹出的【创 建新元件】对话框中点选【图形】单选钮，单击【确定】按钮。
(2) 在工具箱中单击【文本工具】按钮 ，在其【属性】面板中，根 据需要对文字的字体、字号、文本填充颜色进行修改，如图10-6 所示。
点实例”(FlashDemo\ch10\网页广告制作\png)。选择“图层1” 的第1帧，将名为“背景”的图片拖拽至舞台，如图10-13所示。 (2) 在“图层1”的第70帧插入关键帧，回到第1帧，单击【任意变形 工具】按钮 ，将其放大至270%，然后创建补间形状动画。 (3) 插入“图层2”，将名为“02-3左”的图片拖拽至舞台，如图1014所示。参照步骤(2)创建动画效果。
10.1 网页广告制作
(9) 创建第80帧至第85帧的动画，【时间轴】面板如图10-4所示。
图10-4 【时间轴】面板
10.1 网页广告制作
(10) 在“图层1”上方插入“图层2”，单击【矩形工具】按钮 在舞台 中拖拽出一个与画布大小基本相等的矩形，然后在“图层2”上右 击，在弹出的快捷菜单中选择【遮罩层】命令，如图10-5所示。
图0-1 动画效果
10.1 网页广告制作
2. 实训步骤
(1) 新建一个尺寸为“500*100”、背景颜色为“黑色”的Flash文档 。将其命名为“网页广告”，然后保存。
(2) 在菜单栏中选择【文件】→【导入】→【导入到库】命令，导入 素材图像“莲1”。
(3) 打开【库】面板，单击【选择工具】按钮 将素材图片拖拽到舞 台中并调整其位置，如图10-2所示。
图10-5 创建遮罩层
10.1 网页广告制作
(1) 在菜单栏中选择【插入】→【新建元件】命令，在弹出的【创 建新元件】对话框中点选【图形】单选钮，单击【确定】按钮。
(2) 在工具箱中单击【文本工具】按钮 ，在其【属性】面板中，根 据需要对文字的字体、字号、文本填充颜色进行修改，如图10-6 所示。
点实例”(FlashDemo\ch10\网页广告制作\png)。选择“图层1” 的第1帧，将名为“背景”的图片拖拽至舞台，如图10-13所示。 (2) 在“图层1”的第70帧插入关键帧，回到第1帧，单击【任意变形 工具】按钮 ，将其放大至270%，然后创建补间形状动画。 (3) 插入“图层2”，将名为“02-3左”的图片拖拽至舞台，如图1014所示。参照步骤(2)创建动画效果。
Flash-CS6-第14章综合设计实训ppt课件
提升消费者的热情度。
(4)整体能够表现公司网店简洁、高效、安全的特点。
(5)设计规格均为650像素(宽)×400像素(高)。
34
14.9.2 项目创意及制作
1. 素材资源 图片素材所在位置：云盘中的 “Ch14/ 素材/设计数码产品网页 /01~07”。
文字素材所在位置：云盘中的 “Ch14/ 素材/设计数码产品网页
19
14.5.2 项目创意及制作
使用“椭圆”工具、 “线条”工具和“颜色”面板，制作瞄准 镜元件；使用逐帧命令，制作鱼动2效果；使用“创建传统补间”命 令，制作鱼动1效果；使用“动作”面板，添加动作脚本。
效果图
20
14.6 课堂练习1——设计电子商务广告
项目背景及要求 项目创意及制作
21
14.6.1 项目背景及要求
1. 客户名称 Real地产 2. 客户需求 Real地产是一家经营房地产开发、物业管理、城市商品住宅、 商品房销售等全方位的房地产公司。公司最新推出的名山苑即将开 盘出售，需要为该房产宣传制作网站。网站要求简洁大方而且设计 精美，体现企业的高端品质。
15
14.4.1 项目背景及要求
3. 设计要求 (1)设计风格要求传统大方，寓意深远。 (2)要求网页设计的背景具有自然的静谧感，运用雅致的风格
12Biblioteka 14.3.2 项目创意及制作
使用“矩形”工具和“任意变形”工具，制作声音条动画效果； 使用“逐帧”动画，制作文字动画效果；使用“创建传统补间”命 令，制作人物变色效果；使用“属性”面板，改变元件的色调。
效果图 13
14.4 网页应用——制作房地产网页
项目背景及要求 项目创意及制作
14
14.4.1 项目背景及要求
《Flash-CS6动画制作案例教程》教学课件-002精选全文
在线段上添加节点
下面通过绘制热带鱼图形，学习“线条工具〞、“铅 笔工具〞和“选择工具〞在绘图中的应用，以及鱼类的绘 制方法。
鱼类主要由身体和鱼鳍组成， 不同鱼类的主要区别也在于这几 个局部。绘制热带鱼时，首先使 用“线条工具〞和“选择工具〞 绘制热带鱼身体和鱼鳍的轮廓， 然后进行细部刻画，并利用“铅 笔工具〞绘制热带鱼的眼睛，完 成热带鱼线稿的绘制。本例具体 操作可参考书中步骤。
2.将光标移动到舞台中， 光标会呈“十〞形状， 按住鼠标左健不放，然 后将光标拖动
到终点位置释放鼠标即 可绘制一条直线 。
设置“线条工具〞参数
绘制直线
选择绘图工具后， 也可以单击工具箱 下方的“笔触颜色” 和“填充颜色”按 钮，来设置图形的 线条或填充颜色。
选择绘图工具后，默认情况下绘制 的是分散的矢量图形，方便单独选 中对象的各个组成进行编辑。若按 下工具箱底部的“对象绘制”按钮， 绘制的图形将作为一个在整体对象 存在，方便对图形进行整体操作
小猫线稿
下面我们通过绘制草原线稿，继续练习绘图工具的使用 方法。
在绘制草原线稿时，首先使 用“矩形工具〞在舞台上绘制一个没 有填充的的矩形，作为舞台的边框； 然后利用“椭圆工具〞在舞台中绘制 多个相交的椭圆，并删除多余的线段 制作云彩图形；再新建一个图层，利 用“线条工具〞和“选择工具〞绘制 草原上的山坡；最后使用“铅笔工具 〞绘制草原上的灌木。本例具体操作 可参考书中步骤。
桃心图形
利用几何工具组中的“矩形工具〞、“椭圆工具〞和 “多角星形工具〞等可以绘制规那么的几何图形。我们还可 以使用“选择工具〞或其他工具对绘制的几何图形进行调整， 从而绘制出动画需要的图形。本任务将带着读者学习这几个 工具的使用方法。
利用“矩形工具〞可以绘制不同样式的矩形、正方形和 圆角矩形，它的使用方法可参考以下操作。
《Flash CS6动画制作标准教程》教学课件 项目二 制作技能教学课件
22
（11）在图层4第80帧处插入关键帧，然后选择第65帧处的元件，在“属性”面板中将其 Alpha值设置为0 。
（12）将图层4第80帧处的元件向右移动，然后在图层4第65帧与第80帧之间创建补间动画 。
23
（13）选中舞台上的按钮元件，打开“动作”面板，并在“动作”面板中添加如下代码 。
24
（6）在按钮元件的编辑状态下，选择矩形工具，在“属性”面板中的“边角半径”文本 框中将边角半径设置为25 。
8
（7）在工作区中绘制一个无边框、填充为黄色的圆角矩形 。
（8）使用文本工具在矩形上输入黑色的文字“退出” 。
9
（9）按照同样的方法，再制作一个“重播”按钮 。
知识链接
10
一、按钮元件
“按钮”元件是Flash影片中创建互动功能的重要组成部分，在影片中响应鼠标的点击、滑过及按下等动 作，然后响应的事件结果传递给创建的互动程序进行处理。执行“插入→新建元件”菜单命令，打开“创 建新元件”对话框。在对话框中的“名称”文本框中输入“按钮”的名称“按钮”，在“类型”下拉列表 中选择“按钮”选项，完成后单击按钮。
17
（5）在图层2第12帧与第30帧之间创建补间动画 。
18
2.制作教学场景2 （1）执行“窗口→其他面板→场景”菜单命令，打开“场景”面板，在“场景”面板中
单击“添加场景”按钮，新建“场景2” 。
（2）执行“文件→导入→导入到舞台”命令，将一幅背景图像导入到舞台中 。
19
（3）新建图层2，选择矩形工具在舞台的中央位置绘制一个无边框，填充色为任意的矩形。 （4）在图层1与图层2的第120帧处插入帧，然后在图层2的第30帧处插入关键帧，最后使 用任意变形工具将矩形放大至完全遮住舞台 。
教学课件 《中文版Flash CS6动画制作项目教程》教学课件
第2节 Flash CS6基本操作
一、新建文件 二、保存文件 三、打开文件 四、关闭文件 五、设置文档的属性
本任务主要学习Flash文件的基本操作，包括新建 文件、保存文件、打开文件和关闭文件。
一、新建文件
在菜单栏单击“文件”|“新建”命令或按【Ctrl+N】组合键，弹 出“新建文档”对话框。
在“常规”选项卡 中可以创建各种常规 文件，可以对选中文 件进行宽度、高度、 背景颜色等设置。在 “描述”列表框中显 示了对该文件类型的 简单介绍，单击“确 定”按钮，即可创建 相应类型的文档。
一、位图和矢量图
3．位图和矢量图之间的转换
二、Flash CS6中的图形对象
1．形状
在使用工具箱中的绘图工具进行绘制时，取消选择其选项区中的 “对象绘制”按钮 ，则绘制出来的图形就是形状。通过“属性”面板 便可以获知所选对象的类型，将所绘制的图形选中，打开“属性”面 板，就会发现其类型为“形状”。
单击“关闭” 按钮退出
通过Flash 图标退出
使用菜 单命Biblioteka 退出四、Flash CS6的工作界面
应用程序栏 窗口选项卡
菜单栏 编辑栏
舞台工作区
面板
时间轴面板
工具箱
五、Flash CS6的常用面板
1．“颜色/样本”面板组 2．“库/属性”面板 3．“动作”面板 4．“对齐/信息/变形”面板 5．“代码片断”面板
二、Flash CS6中的图形对象
2．绘制对象
在使用工具箱中的绘图工具进行绘制时，单击其选项区中的“对象 绘制” 按钮 或按【J】键，使其呈按下状态，则绘制出来的图形就是绘 制对象。
创建绘制对象
叠加绘制对象
分隔绘制对象
《FlashCS动画制作案例教程》教学课件
flashcs动画制作未来展望
01
移动终端的普及
随着移动终端的普及，Flash CS动画制作也将逐渐向移动终端转移，
将更加注重在移动终端上的表现效果和用户体验。
02 03
人工智能的应用
未来，Flash CS动画制作将更加注重人工智能技术的应用，通过机器 学习和深度学习等技术，使得Flash CS动画制作更加智能化和高效化 。
可以通过创建运动引导层 ，让图像或元素沿着自定 义路径运动，产生各种动 画效果。
利用补间动画 制作动画
可以通过在时间轴上设置 起始和结束关键帧，然后 在起始和结束关键帧之间 创建补间动画，实现图像 或元素的平滑过渡效果。
交互动画
详细描述
交互动画可以通过以下几种方式 实现
利用时间轴上的事件 来制作交互动画
flashcs动画制作优化技巧
01
提高帧率
增加帧率可以提高动画的流畅度，但也会增加文件大小。可以通过设
置“frame rate”属性来调整帧率。
02
使用矢量图形
矢量图形可以保持清晰度不变，同时可以任意缩放。可以使用
FlashCS中的绘图工具创建矢量图形。
03
优化导入的图像
导入的图像素材可能会占用大量内存。可以在导入前对图像进行优化
导入图像
讲解如何将外部图像导入到Flash中，并 进行编辑和处理。
制作动画
介绍使用帧、图层、元件等工具制作简 单动画的方法。
添加声音
讲解如何在Flash动画中添加声音，以及 如何对声音进行编辑和调整。
03
flashcs动画制作案例教程
文字特效
利用Action…
可以通过编写ActionScript脚本，对文字 进行各种动态效果的设置和控制。
Flash CS6-第14章综合设计实训课件
14.1.2 项目创意及制作
使用“导入”命令，导入素材制作图形元件；使用“文本”工 具，输入标题文字；使用“创建传统补间”命令，制作动画效果； 使用“动作脚本”命令，添加动作脚本。
效果图
14.2 电子相册——制作时尚相册
项目背景及要求 项目创意及制作
14.2.1 项目背景及要求
1．客户名称 北京罗曼摄影工作室 2．客户需求 北京罗曼摄影工作室是一家专业制作个人写真的工作室。暑假 将至，特此推出暑期海滩出游订制照片。设计要求以新颖美观的形 式进行创意，展现出独特的摄影作品。 3．设计要求 （1）相册模板要求以照片展示为主，添加少许装饰使画面活泼 生动。 （2）色彩要求使用清淡清冷的色调，带来清凉舒适的感觉。 （3）模板要求能够放置四幅照片，主次分明，视觉流程明确。 （4）设计规格均为800像素（宽）×580像素（高）。
14.7.2 项目创意及制作
1．素材资源 图 片 素材 所在 位 置： 云盘 中的 “Ch14/素材 / 设计 美发 网页 /01~04”。 2．制作提示 首先，新建文件并导入素材文件；其次，使用矩形工具和创建 元件命令制作按钮元件；再次，返回场景中制作逐帧动画效果；最 后，为按钮元件添加动作脚本。 3．知识提示 使用“矩形”工具，制作按钮效果；使用“属性”面板，为实 例命名；使用“动作”面板，设置语言脚本。
14.5.2 项目创意及制作
使用“椭圆”工具、“线条”工具和“颜色”面板，制作瞄准 镜元件；使用逐帧命令，制作鱼动2效果；使用“创建传统补间”命 令，制作鱼动1效果；使用“动作”面板，添加动作脚本。
效果图
14.6 课堂练习1——设计电子商务广告
项目背景及要求 项目创意及制作
14.6.1 项目背景及要求
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网络动画设计与制作
14.3 Flash MV——Jingle Bells
网络动画设计与制作
14.3.1分析歌曲 14.3.2 编写剧本 14.3.3 绘制分镜头 14.3.3 绘制分镜头
网络动画设计与制作
1．制作场景 （1）启动Flash CS4，新建பைடு நூலகம்lash文档（Actionscript2.0）。设置舞台大小
网络动画设计与制作
2．分镜头1动画制作 （1）加入背景 选中“背景”层的第1帧，打开“库”面板，将“g_雪地”
元件拖动舞台上，如图14-3-39所示。
网络动画设计与制作
（2）五线谱淡入淡出
网络动画设计与制作 （3）音符进入
网络动画设计与制作
（4）音符跳跃和淡出
网络动画设计与制作
3．分镜头2、分镜头3和分镜头4动画 （1）在“背景”层上新建图层命名为“主内容”。在“背景”和“主内容”
14-1-3所示。第50帧如图14-1-4所示。
网络动画设计与制作
14.1.3 拉镜头 “拉镜头”制作过程和“推镜头”制作过程完全相反。
14.1.4 跟镜头 摄影机跟随运动着的被摄对象拍摄的画面。
2．Flash模拟“跟镜头” Flash模拟“跟镜头”是通过相对运动的实现。 （1）需要实现“跟镜头”的画面如图14-1-5所示。
网络动画设计与制作
（3）确定歌曲在时间轴中的长度 在“音乐”图层的第778帧插入普通帧， 其他图层也插入普通帧，这个时间是整首歌歌曲的长度，如图14-3-37所 示。
（4）制作标题 在“背景”层之上新建图层命名为“歌词”，选中“歌词”图层 第1帧，输入歌曲名称“Jingle Bells”等信息，在第2帧插入空白关键帧，如图 14-3-38所示。 （5）确定歌词位置 在文档编辑模式中按回车键播放当前帧，在“歌词”图层中 每句歌词的开始处插入关键帧。
网络动画设计与制作
• 14.2 Flash MV制作的基本流程
14.2.1 分析歌曲 Flash MV制作是围绕一首歌曲进行动画制作，所以歌曲是其核心。详细分析 歌曲的意境是Flash MV制作的基础。 14.2.2 编写剧本 影视作品要根据剧本进行拍摄，制作Flash MV过程中也要根据歌曲编写剧本， 要表现出Flash MV作品的情节。 14.2.3 绘制分镜头 动画作品制作的过程中都需要制作分镜头，利用分镜头制作动画。如图14-21和图14-2-2所示
14.1.2 推镜头 1．推镜头的概念和作用 （1）推镜头的概念 “推镜头”是将摄影机放在移动车上，对着被
摄对象向前推近的拍摄方法以及所摄取的画面。 （2）推镜头的作用 突出主体、描写细节，使所强调的人或物从整
个环境中突现出来，以加强其表现力。 2．Flash模拟推镜头 在Flash中利用“任意变形”工具模拟“推镜头”的实现。 （1）需要实现“推镜头”的画面如图14-1-3所示。 （2）给需要制作“推镜头”的对象制作运动补间动画，第1帧如图
网络动画设计与制作
（4）修饰松树 打开“库”面板，双击“g_松树”进入其编辑环境，将 “库”中的“mc_星光”拖动到舞台上，使用“任意变形”工具调整实 例大小和角度，并且在“属性”检查器中设置实例的颜色为黄色或者其 他颜色，如图14-3-13所示。
（5）分镜头1背景
网络动画设计与制作
• 2．制作角色 • （1）制作铃铛
在制作“摇镜头”中需要注意离镜头近的物体移动速度快，而离镜头远 的物体移动速度慢。 （1）“摇镜头”制作之前Flash中的画面要比舞台大。 （2）给“树”所在图层和“山”所在图层制作“传统运动动画”，第1帧 如图14-1-1所示，第200帧将“树”和“山”向右移动，如图14-1-2所 示。
网络动画设计与制作
网络动画设计与制作
（2）制作音符
（3）制作房子
网络动画设计与制作
（4）制作圣诞老人
网络动画设计与制作
（5）制作小鹿
网络动画设计与制作
（6）制作飘带
网络动画设计与制作
14.3.5 整合动画
1．使用声音 （1）导入歌曲 将“背景2”图层重命名为“音乐”，导入声音文件 “Jingle bells.mp3”。 （2）使用声音 选中“音乐”层第1帧，打开“属性”检查器，在“声 音”类别中选择“名称”为“jinglebells.mp3”，“同步”为“数据 流”，如图14-3-36所示。
网络动画设计与制作
14.1 蒙太奇镜头概述 14.3 Flash MV——Jingle Bells 14.4 知识点总结
网络动画设计与制作
14.1.1 摇镜头 1．“摇镜头”概念和作用 （1）“摇镜头”概念 “摇镜头”在拍摄一个镜头时，摄影机的机位不动，
只有机身作上下、左右的旋转等运动。 （2）摇镜头的作用主要是：介绍环境。 从一个被摄主体转向另一个被摄主体。 表现人物的运动。 2．Flash模拟“摇镜头”
网络动画设计与制作
14.2.4 场景和角色制作 根据分镜头绘制动画场景和角色。场景绘制通常使用Photoshop、或者
Illustrator等软件。通常每个分镜头会有一个背景。角色绘制最好使用Flash 或者矢量图软件，而且要将分镜头所设计的每个角色的状态分别绘制，如图 14.2.5 动画制作 Flash MV动画制作根据剧本补间分镜头。具体动画包括“角色动画”、“转场 动画”和“其他动画。” “角色动画” 按照剧本补间分镜头。 “转场动画” 相邻分镜头进行过渡，根据情绪选择不同的转场动画。 “其他动画” 这些动画设计一些装饰或者渲染的动画，起到气氛烘托的作用
为640×480像素，帧频为12fps。 （2）绘制背景 将“图层1”重命名为“背景”，利用绘制工具绘制夜晚背
景，如图14-3-4所示。
网络动画设计与制作
（3）绘制松树 设置文档背景颜色为#006699。新建图形元件，命 名为“g_松树”，使用绘图工具绘制松树，如图14-3-5所示。
（4）绘制星光 新建影片剪辑元件，命名为“mc_星光”，使用绘 图工具绘制图形如图7-3-6到7-3-8所示，将三个图形放在三个 图层之中。给三个图层图形分别创建50帧补间动画，在三个图层 50帧中间插入关键帧，如图所示。