FlashCS4动画制作项目实训教程14

Flash CS4案例教程Adobe FlashCS4 Professional ，作为flash系列软件的最新版本，创建引人入胜的交互式体验，面向使用不同平台和设备的用户，是交互动画业界领先的创作环境。

同时，Flash CS4的改进恐怕是近年来的版本里改动最大的一次了。

本系列教程由经验丰富的朱勇老师教授，将引导您一步一步了解新的变化，并从头学习Flash CS4。

想从菜鸟到高手，本教程不可不读。

录制老师：zxwst老师第一章：基本操作与位移动画制作1-1、本套教程的特点1-2、软件界面介绍1-3、椭圆工具的使用1-4、更改椭圆的颜色1-5、散件如何转变成元件1-6、帧的概念1-7、帧速率1-8、动画实例--球体移动1-9、矩形和多边形工具的使用1-10、设置文档、散件和元件属性1-11、动画实例--球体渐隐渐显1-12、帧属性1-13、动画实例--球体旋转1-14、动画实例--球体弹跳第二章：钢笔工具2-1、钢笔工具的使用2-2、添加、删除节点以及直线和曲线的相互转换2-3、封闭和不封闭图形的相互转换2-4、动画实例--心动12-5、动画实例--心动22-6、动画实例—水滴效果第三章：图层、库与元件3-1、图层13-2、图层23-3、图层33-4、库面板以及元件与实例的关系13-5、库面板以及元件与实例的关系23-6、动画实例--弹性笑脸球13-7、动画实例--弹性笑脸球23-8、动画实例--弹性笑脸球33-9、文件保存格式第四章：文本工具4-1、文本工具4-2、文本编辑14-3、文本编辑24-4、实例—立体文字14-5、实例—立体文字24-6、动画实例--文字旋转4-7、动画实例--霓虹灯字14-8、动画实例--霓虹灯字24-9、动画实例--风吹文字14-10、动画实例--风吹文字24-11、任意变形工具4-12、变形面板4-13、动画实例—随风飘扬文字4-14、动画实例—文字幻影效果第五章：组合和对齐5-1、组合对象5-2、对齐面板5-3、动画实例--电影胶片15-4、动画实例--电影胶片25-5、动画实例--球体滚动15-6、动画实例--球体滚动2第六章：形变动画制作6-1、动画实例--矩形变圆形6-2、动画实例--flash文字变形6-3、动画实例--鸡变鸭6-4、动画实例--绘制矩形6-5、动画实例--填充色变形6-6、变形的精确控制-立方体变形16-7、变形的精确控制-立方体变形26-8、变形的精确控制-立方体变形36-9、动画实例--我要自学网文字变形1 6-10、动画实例—我要自学网文字变形2 6-11、动画实例—我要自学网文字变形3第七章：逐帧动画制作7-1、动画实例--流动方块17-2、动画实例--流动方块27-3、动画实例--马奔跑7-4、动画实例--打字效果7-5、动画实例--倒计时7-6、变换点和注册点7-7、动画实例—小鸡破蛋17-8、动画实例—小鸡破蛋2第八章：影片剪辑8-1、影片剪辑18-2、影片剪辑28-3、动画实例—我心在动8-4、动画实例--镜像文字18-5、动画实例--镜像文字28-6、动画实例—飘动的线条8-7、动画实例—发光文字18-8、动画实例—发光文字2第九章：路径动画制作9-1、引导层与被引导层19-2、引导层与被引导层29-3、动画实例—纸飞机9-4、动画实例—原子模型9-5、动画实例--写字效果9-6、动画实例—蝶双飞9-7、动画实例--流动物体19-8、动画实例--流动物体29-9、动画实例—水泡效果第十章：按钮10-1、按钮110-2、按钮210-3、文字按钮—进入主页10-4、图像按钮—导航栏10-5、动画实例—色盘旋转110-6、动画实例—色盘旋转210-7、动画按钮—变色的聚焦按钮10-8、动画按钮—动态导航栏110-9、动画按钮—动态导航栏210-10、音乐动画—午夜惊雷10-11、音乐按钮—犯错第十一章：蒙版动画的制作11-1、遮罩层与被遮层间的关系11-2、动画实例—写春联111-3、动画实例—写春联211-4、动画实例--百叶窗11-5、动画实例--电影字幕11-6、动画实例--水波文字11-7、动画实例—探照灯11-8、动画实例—裁剪图片11-9、动画实例—写字效果11-10、动画实例--放大镜111-11、动画实例--放大镜211-12、动画实例—弧形流动11-13、动画实例—转动的地球1第十二章：脚本动画的制作(ActionScript2.0)12-1、脚本12-2、各对象上脚本执行的条件——帧脚本12-3、goto语句的使用112-4、goto语句的使用212-5、脚本动画—loading进度条112-6、脚本动画—loading进度条212-7、各对象上脚本执行的条件—按钮脚本12-8、脚本实例--控制动画的播放12-9、脚本实例--网页和邮箱的链接12-10、脚本实例--随机抽牌12-11、脚本实例--全屏切换12-12、脚本实例--框架112-13、脚本实例--框架212-14、脚本实例--浏览图片12-15、各对象上脚本执行的条件—影片剪辑脚本12-16、实例路径的概念112-17、实例路径的概念212-18、脚本实例—移动的菜单112-19、脚本实例—移动的菜单212-20、拖动（startDrag）与停止拖动（stopDrag）12-21、脚本实例—自定义光标12-22、获取影片剪辑的属性12-23、脚本实例—实时获取小球的坐标12-24、设置影片剪辑的属性12-25、脚本实例—遥控对象112-26、脚本实例—遥控对象212-27、脚本实例—遥控对象312-28、脚本实例—遥控对象412-29、脚本实例—下拉菜单112-30、脚本实例—下拉菜单212-31、脚本实例--无缝图片滚动112-32、脚本实例--无缝图片滚动212-33、复制影片剪辑（duplicateMovieClip）函数12-34、脚本实例—下雨效果112-35、脚本实例—下雨效果212-36、脚本实例—用自定义函数时时获取鼠标的位置12-37、脚本实例—计算圆的面积112-38、脚本实例—计算圆的面积212-39、脚本实例—鼠标跟随12-40、脚本实例—键盘响应112-41、脚本实例—键盘响应212-42、脚本实例--登录界面112-43、脚本实例--登录界面212-44、脚本实例--登录界面312-45、脚本实例—选择题112-46、脚本实例—选择题212-47、脚本实例—选择题312-48、脚本实例—选择题412-49、脚本实例—滚动文字12-50、脚本实例—打字效果第十三章：flash辅助软件13-1、SWiSH软件简介与界面组成13-2、动画实例—文字移动13-3、动画实例—图片交替显示13-4、动画实例—文字变形效果13-5、文字特效软件-SWFText简介13-6、动画实例—欢迎收看第十四章：综合实例14-1、动画实例—MTV制作114-2、动画实例—MTV制作214-3、动画实例—MTV制作314-4、动画实例—MTV制作414-5、动画实例—MTV制作514-6、动画实例—MTV制作614-7、动画实例—MTV制作714-8、动画实例—MTV制作814-9、动画实例—MTV制作914-10、动画实例—拼图游戏114-11、动画实例—拼图游戏214-12、动画实例—拼图游戏314-13、动画实例—拼图游戏414-14、动画实例—拼图游戏514-15、动画实例—拼图游戏614-16、动画实例—广告条制作114-17、动画实例—广告条制作214-18、动画实例—广告条制作314-19、动画实例—广告条制作4end。

《Flash CS4动画制作》教学大纲一、课程任务《Flash CS4动画设计》是一本讲述矢量动画制作的丛书，专门针对学习Flash CS4基础与应用的指导教材，从Flash CS4的基础知识讲起，全面讲解Flash CS4基本操作、应用范围、动画片头设计。

二、课程目标1、学生知识结构目标熟悉Flash CS4基础知识；掌握Flash CS4基本操作工具；熟悉Flash CS4操作界面；熟悉界面管理；2、学生专业能力目标培养学生的审美能力；能够独立完成VI设计；能够独立完成平面广告设计；3、学生专业素质目标培养学生的团队合作能力；培养学生的工作、学习的主动性。

三、课程学时四、项目实践企业VI 、画册设计五、组织结构六、教学内容第1章 Flash 动画制作基础教学目标：1 了解Flash2 熟悉Flash CS4的工作界面3 学会使用Flash CS4教学内容：1 Flash 动画概述2 Flash CS43 自定义Flash CS44 创建Flash 文档教学重点：第2章 绘制Flash 动画对象教学目标：1 了解各种绘图工具的设置参数2 掌握各种基本绘图工具的使用方法3 了解色彩的基础知识4 掌握填充工具的使用方法教学内容：1 绘制基本图形2 常用的绘图辅助工具3 使用颜色填充图形教学重点：第3章编辑Flash动画对象教学目标：1 掌握选择对象的各种方法2 掌握对象的移动、复制和删除操作3 掌握自由变形和填充变形的使用方法4 掌握对象的排列、组合和分离操作5 掌握图形编辑工具的使用方法教学内容：1 选择对象2 移动、复制和删除对象3 对象的自由变形4 对象的填充变形5 排列、组合和分离对象6 使用图形编辑工具。

《边做边学——Flash CS7动漫制作案例教程》教学大纲课程介绍：本课程是一门实践性和概念性都很强的面向实际应用的课程。

Flash CS4是由Adobe公司开发的网页动画制作软件。

Adobe公司在Flash这一软件的版本上不断升级，是为了使广大从事网页动画工作的用户拥有性能更完善的得力工具，同时也是为了使刚刚步入设计领域的初学者能够拥有更加优秀的学习软件。

本书内容的讲解均以课堂实训案例为主线，通过案例的操作，使学生快速熟悉案例设计理念和软件功能，提高学生的软件使用技巧和实际应用能力，为今后的专业学习或深入的设计打下基础。

培训目标：初识Flash CS4卡片设计标志制作广告设计电子相册节目片头与MTV网页应用组件与游戏学习时间：52学时。

培训内容：一、初识Flash CS 41、掌握工作界面的基本操作；2、掌握设置文件的基本方法。

二、卡片设计设计精美的Flash卡片可以传递温馨的祝福，带给大家无限的欢乐。

本章以制作多个类别的卡片为例，为读者介绍卡片的设计方法和制作技巧，读者通过学习要能够独立地制作出自己喜爱的卡片。

2.1绘制沙滩风景1. 通过对案例的分析和设计理念的讲解，使读者了解绘制沙滩风景卡片的设计思路和流程。

2. 通过具体的操作步骤，掌握风景卡片的制作方法和技巧。

3. 通过对相关工具的讲解，熟练掌握软件中相关工具的使用方法。

2.2绘制新春卡片1. 通过对案例的分析和设计理念的讲解，使读者了解绘制新春卡片的设计思路和流程。

3. 通过对相关工具的讲解，熟练掌握软件中相关工具的使用方法。

三、标志制作标志代表着企业的形象和文化，以及企业的服务水平、管理机制和综合实力，标志动画可以在动态视觉上为企业进行形象推广。

本章将主要介绍Flash标志动画中标志的导入以及动画的制作方法，同时介绍如何应用不同的颜色设置和动画方式来更准确地诠释企业的精神。

3.1制作果汁标牌1. 通过对案例的分析和设计理念的讲解，使读者了解制作果汁标牌的应用技巧和设计思路。

第一课：基本操作与位移动画制作1-1、本套教程的特点建议同学们在学习的时候注意以下几点：1、使用flash cs4版本，为了保持统一2、本套教程采用理论和案例相结合的方法3、用最短的时间教同学们flash中最常用也是最实用的命令，让同学们快速掌握flash这个软件1-2、flash cs4软件界面1-3、椭圆工具的使用常用快捷键的使用1、Shift：绘制正圆2、Alt：由中心向四周绘制椭圆3、Alt+shift：由中心向四周绘制正圆1-4、更改椭圆的颜色1、颜料桶工具：用来更改填充色2、墨水瓶工具：用来更改边框色注：用选择工具在图形内部双击可以将填充和边框全部选中。

1-5、散件如何转变成元件1、散件（图形）：选中对象时出现网纹形状称为散件。

散件的特点是可以整体选择移动，也可以部分选择移动。

2、散件转变成元件快捷键：F83、元件的分类：（1）图形（2）影片剪辑（3）按钮1-6、帧的概念1、帧：指的就是图片或画面，一帧指的不是一张图片一个画面。

2、关键帧：指关键的图片或画面，也是我们做动画时主要制作的画面。

3、关键帧的分类（1）有图像的关键帧（简称关键帧），用（2）无图像的关键帧（简称空白关键帧）用表示。

1-7、帧速率1、帧速率（帧频率）：所谓帧频率指的是单位时间内播放多少张画面或图片。

2、帧速率的大小关系：帧速率越大，表示单位时间内播放的画面多，也就意味播放的速度快，如果帧速率越小，表示单位时间内播放的画面少，也就意味播放的速度慢。

1-8、动画实例—球体移动1、动画的分类：（1）位移动画（2）形变动画（3）逐帧动画（4）路径动画（5）蒙版动画（6）脚本动画2、常用快捷键Ctrl+2：满画布显示F6：插入关键帧，并且复制上一关键帧的画面。

Shift：水平或垂直移动对象Enter:用flash软件播放动画Ctrl+Enter:用flash播放器播放动画。

1-9、矩形和多边形工具的使用1、常用快捷键的使用（1）Shift：绘制正方形（2）Alt：由中心向四周绘制矩形（3）Alt+shift：由中心向四周绘制正方形2、矩形属性面板（1）矩形属性面板可以设置矩形的各种属性：如：圆角大小等。

教案动面板和属性检测器等。

【隐藏常用工具栏、控制工具栏和状态栏，要求学生显示出这三个菜单栏。

（选择“窗口”菜单→“工具栏”→“主要栏”、“状态栏”和“控制栏”。

）】Ctrl+F2隐藏，展开工具栏，Ctrl+F3隐藏，展开属性面板Ctrl+1 原始大小舞台Ctrl+2放大一倍舞台+3+4都可以调整舞台②工具箱的工具的简介：V 选择工具：用于选择文字和图像等对象A 部分选取工具：用于选取对象的描点和路径N 线条工具：用于绘制直线L 套索工具：用于选取区域P 钢笔工具：用于绘制曲线T 文本工具：用于输入文本O 椭圆工具：用于绘制椭圆、正圆R 矩形工具：用于绘制矩形和多角星形工具Y 铅笔工具：用于绘制自由曲线B 刷子工具：用于表现刷子绘图效果Q 任意变形：旋转、倾斜、大小调节、扭曲、封套等对图像变形F 填充变形工具：用于调节填充色彩和区域S 墨水瓶工具：用于设置轮廓颜色K 颜料桶工具：用于填充封闭区域内的颜色I 滴管工具：用于提取边线和填充区域内的颜色E 橡皮擦工具：用于擦除图像H 手型工具：用于移动舞台M.Z缩放工具：用于缩放舞台笔触颜色：用于指定轮廓的颜色填充颜色：用于指定填充颜色面板时间轴4.导入、导出图片导入到舞台Ctrl+R，导入到库，导出图像，导出影片Ctrl+Alt+Shfit+S5.保存文件①单击“文件”→“保存”或工具栏上的“保存”按钮。

Ctrl+S②注意：FLASH文件的扩展名为“.fla”，生成的动画文件的扩展名为“.swf”。

教案学时周数课目、课题工具栏的基本使用一（工具与快捷键）教学目的和要求1、工具栏的简介及快捷键2、结合实例练习进行讲解各种工具的使用方法重点难点各工具的具体操作教学进程（含课堂教学内容、教学方法、辅助手段、作业布置、时间分配、板书设计）教学过程方法：讲授法、演示法、实验法时间：4学时撤消键：Ctrl+Z重复：对某一步操作需要重新使用时的命令Ctrl+Y粘贴到中心位置Ctrl+V粘贴到当前位置Ctrl+Shfit+V调节标尺单击视图>标尺一、各种工具的应用：用墨水工具添加图形边线复制图形椭圆工具、矩形工具的练习、辅助线的运用钢笔工具、滴管工具对象绘制对象的基本操作⏹选择对象⏹移动对象⏹删除对象变形对象⏹变形面板⏹缩放对象⏹旋转与缩放对象⏹翻转对象⏹自由变形引导学生课堂制作：1：用两种以上的方法绘制一颗红心，并更改其颜色1.绘制2个椭圆，利用部分选取工具调整节点来绘制2.钢笔工具与选取工具进行绘制2：绘制花朵、小草与树叶（练习用节点描绘）3：绘制月亮与云彩（椭圆工具的练习、辅助线的运用）4：绘制雨伞、破裂的鸡蛋5：绘制巧克力冰棒（用对齐、信息、变形工具）6：绘制西瓜（让学生学习笔刷工具下的多种填充模式）7：绘制圣诞树8：课后自我总结分析本章结合实例练习的方式进行讲解各种工具的使用方法，让学生能掌握软件工具栏及快捷键的使用教案学时周数课目、课题工具栏的基本使用二（绘制角色）教学目的和要求1、熟练使用工具栏的各项工具2、结合实例练习进行讲解绘图技巧，绘制动画角色重点难点色彩搭配、角色形象的绘制教学进程（含课堂教学内容、教学方法、辅助手段、作业布置、时间分配、板书设计）教学过程方法：讲授法、演示法、实验法时间：4学时一、工具的运用1.线性渐变的设置2.放射状渐变3.橡皮擦工具4.选择工具（主要功能，双击、单击的区别）5.变形工具二、绘制角色1.临摹角色3.创作角色课后自我总结分析教案学时周数课目、课题工具栏的基本使用三（绘制场景）教学目的和要求1、熟练使用工具栏的各项工具2、结合实例练习进行讲解绘图技巧，绘制动画场景重点难点色彩搭配、场景的绘制教学进程（含课堂教学内容、教学方法、辅助手段、作业布置、时间分配、板书设计）教学过程方法：讲授法、演示法、实验法时间：2学时一、绘制场景二、透视绘图三、课后练习临摹一幅场景（如右图）创作一幅透视角度的场景课后自我总结分析本章结合实例练习的方式进行讲解简单透视绘制场景的技巧，纠正学生在绘制立体场景时透视错误，扎实的绘制功底为之后的学习奠定了一定的基础。

Flash CS5教程第一章：基本操作与位移动画制作1-2、软件界面介绍1-3、椭圆工具的使用按住shift键画正圆，按住alt键表示由中心向四周绘制椭圆，按住alt+shift由中心向四周绘制正圆，边框色和填充色的设置。

1-4、更改椭圆的颜色对于已经绘制好的图形，它的颜色利用颜料桶工具更改填充色，墨水瓶工具用来更改边框色如果不想要填充色或者边框色，用选择工具选中然后删除即可，双击可选中两部分。

1-5、散件如何转变成元件散件（图形），元件，F8.1-6、帧的概念帧（指的就是图片或画面，一帧指的就是一张图片或者一个画面）关键帧：1、有图像的关键帧（关键帧）.2、无图像的关键帧（空白关键帧）。

帧速率（帧频率）：所谓帧频率指的是单位时间内播放多少画面或图片，以前版本默认12帧/秒，cs4以后默认为24帧/秒。

网页中仍然用12帧/秒，否则文件量增大。

帧速率大小关系：帧速率越大单位时间内播放的图片越多，速度越快未开发的帧做动画最主要的做关键帧，做一个圆从左边慢慢移动到右边，只做两帧，一帧关键帧，一帧空白关键帧，就是闪烁效果。

1-7、帧速率帧速率的调整1-8、动画实例--球体移动动画的分类：1、位移动画2、形变动画3、逐帧动画4、路径动画5、蒙版动画6、脚本动画Ctrl+2：满画布显示散件不适合做位移动画，用F8键将散件转化为元件，F6插入关键帧，并且复制上一帧的画面。

创建传统补间，Ctrl+enter利用flash播放器播放影片。

1-9、矩形和多边形工具的使用画法同椭圆，画圆角矩形，选择矩形工具在属性面板中设置，多角星形工具属性中选项的使用。

1-10、设置文档、散件和元件属性属性设置1、文档：舞台颜色设置，大小，帧速率等。

2、散件：宽度、高度等3、元件：色彩效果等1-11、动画实例--球体渐隐渐显1帧处画个小球，转成元件，15帧处F6插入关键帧，按住shift键，移动小球保持水平移动，29帧处按键盘F6键，再次移动小球；15帧处用任意变形工具，结合放大镜工具，将小球变到最小，属性中alpha，调成透明，关键帧中间创建传统补间。

计算机FlashCS4教案一、教学目标1.了解FlashCS4的基本概念、功能和界面布局。

2.学会使用FlashCS4进行基本动画制作，包括逐帧动画、补间动画等。

3.掌握FlashCS4中的图形绘制、文本编辑、元件实例化等基本操作。

4.了解ActionScript3.0编程基础，能够编写简单的交互式动画。

5.培养学生的创意思维和动手能力，提高动画制作水平。

二、教学内容1.FlashCS4概述1.1Flash的发展历程1.2FlashCS4的新功能1.3FlashCS4的应用领域2.FlashCS4界面布局及基本操作2.1界面布局2.2工具箱2.3时间轴2.4图层2.5帧2.6库面板3.基本动画制作3.1逐帧动画3.2补间动画3.3传统补间动画3.4形状补间动画4.图形绘制与文本编辑4.1图形绘制4.2文本编辑4.3颜色填充与线条编辑5.元件与实例5.1元件的概念与类型5.2创建元件5.3实例化元件5.4库面板管理元件6.ActionScript3.0编程基础6.1ActionScript3.0简介6.2语法规则6.3事件处理6.4函数与对象6.5简单的交互式动画制作7.综合实例制作与赏析7.1实例制作7.2作品赏析三、教学方法1.采用案例教学法，结合实际操作演示，使学生更好地掌握FlashCS4的使用方法。

2.鼓励学生动手实践，培养学生的实际操作能力。

3.通过分组讨论、作品展示等形式，激发学生的创意思维和团队协作精神。

4.定期进行作品赏析，提高学生的审美水平。

四、教学安排1.课时安排：共16课时，每周2课时。

2.教学进度：第1-2课时：FlashCS4概述第3-4课时：FlashCS4界面布局及基本操作第5-6课时：基本动画制作（逐帧动画、补间动画）第7-8课时：图形绘制与文本编辑第9-10课时：元件与实例第11-12课时：ActionScript3.0编程基础第13-14课时：综合实例制作与赏析（上）第15-16课时：综合实例制作与赏析（下）五、教学评价1.课堂表现：观察学生在课堂上的参与程度、动手能力、团队协作精神等。