中文版Flash CS6网页动画设计教程第1章
- 格式:ppt
- 大小:1.98 MB
- 文档页数:26
【关键字】设计第1章Dreamweaver CS6简介Dreamweaver CS6是一款功能强大的可视化的网页编辑与管理软件。
利用它,不仅可以轻松地创建跨平台和跨浏览器的页面,也可以直接创建具有动态效果的网页而不用自己编写源代码。
Dreamweaver CS6 最主要的优势在于能够进行多任务工作,并且在操作方法、界面风格方面更加人性化。
用户可以根据自己的喜好和工作方式,重新排列面板和面板组,自定义工作区。
本章主要内容●Dreamweaver CS6的新增功能。
●Dreamweaver CS6的安装、删除和启动。
●Dreamweaver CS6的工作界面。
●Dreamweaver CS6的一般操作。
本章重点●Dreamweaver CS6常用面板的使用方法。
●Dreamweaver CS6的文件操作。
1.1 Dreamweaver CS6概述Dreamweaver CS6 是世界顶级厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动的软件。
在业界通常将Dreamweaver、Flash、Fireworks称为“网页三剑客”。
由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,因此对于初级人员,无须编写任何代码就能快速创建Web页面。
其成熟的代码编辑工具更适用于Web开发高级人员的创作。
CS6新版本使用了版面创建页面,在发布前可使用多预览审阅设计,大大提高了用户的工作效率,而改善的FTP性能可更高效地传输大型文件。
“实时视图”和“多屏幕预览”面板可呈现HTML5 代码,用户能更方便地检查自己的工作。
1.2 Dreamweaver CS6的新增功能相对于以前的版本,Dreamweaver CS6的功能主要在以下方面进行了增强。
1. 可响应的自适应网格版面使用响应迅速的CSS 版面,可以创建跨平台和跨的兼容。
利用简洁、业界标准的代码可为各种不同设备和计算机开发项目,提高工作效率。
Flash界面介绍
说明:可以通过窗口菜单——面板设置——默认布局,调整界面,使界面恢复如下图所示的标准状态
任务一、属性设置练习(知识要领:用选择工具鼠标单击哪里,就显示哪里的属性)1、选择左上角选择工具,鼠标点击舞台,点开属性下来菜单列表。
大小更改成
400x200,方法是点击大小右边的框,弹出对话框,进行更改(注意单位px不要删掉);颜色更改成蓝色,方法是点击背景右边的框,弹出对话框,进行更改
2、图形绘制:选择椭圆工具,笔触颜色为无(如图1),填充颜色为红色球体(如图
2),在舞台上绘制球体(按住shift键,绘制正球体,否则椭圆球体。
可以使用选择工具单击球体,观察属性变化),用选择工具,在球体上方与下方中心位置按住鼠标左键同时按住ctrl键向下拖拽(如下图3)。
保存:文件菜单——保存,以自己名字命名文件(注意观察文件格式.fla是flash源文件格式)
图1 图2。
《FlashCS6动漫制作案例教程》—教学教案
《Flash CS6动漫制作案例教程》
教学教案
第1讲
第2讲
2.4.2【设计理念】
2.4.3【知识要点】
小结
1.熟练掌握基本绘图工具的使用方法和技巧。
2.了解并掌握导入的几种类别。
作业
第3讲
2.添加并编辑文字3.导入图形元件4.绘制背景图形3.2.4【相关工具】
1.套索工具
2.部分选取工具
3.“变形”面板
3.2.5【实战演练】制作科杰龙电子标志3.3综合演练——制作通信网络标志
3.3.1【案例分析】
3.3.2【设计理念】
3.3.3【知识要点】
3.4综合演练——制作童装网页标志
3.4.1【案例分析】
3.4.2【设计理念】
3.4.3【知识要点】
小结1.熟练掌握文本工具的使用方法和技巧。
2.了解并掌握文本的种类及属性的设置。
作业
第4讲
4.5.2【设计理念】
4.5.3【知识要点】
小结
1.熟练掌握传统动画与补间形状动画的使用方法和技巧。
2.熟练掌握影片剪辑元件、图形元件、按钮元件的创建方法和技巧。
作业
第5讲
小结1.熟练掌握动作面板的使用方法和技巧。
2.熟练掌握影遮罩动画的创建方法和技巧。
作业
第6讲。
《Flash CS6动画制作与应用》配套教学教案第1讲第2讲课堂练习——绘制卡通按钮课后习题——绘制迷你太空小结1.熟练掌握绘制图形的多种工具的使用方法:包括线条工具、铅笔工具、矩形工具、椭圆工具、基本矩形工具、基本椭圆工具、多角星形工具、刷子工具、钢笔工具。
2.熟练掌握选择图形的多种工具的使用方法:包括选择工具组(包括选择工具、部分选择工具)、套索工具、多边形工具、魔术棒工具。
3.熟练掌握图形的多种编辑工具的使用方法:包括墨水瓶工具、颜料桶工具、滴管工具、橡皮擦工具、变形工具组(包括任意变形工具、渐变变形工具)。
4.了解图形的色彩,并掌握几种常用的色彩面板:包括纯色编辑面板、颜色面板。
作业课堂练习——绘制卡通按钮练习知识要点使用“基本矩形”工具、“颜色”面板、“渐变变形”工具和“变形”面板,绘制按钮效果;使用“矩形”工具、“椭圆”工具和“钢笔”工具,绘制汽车图形。
效果所在位置云盘/Ch02/效果/绘制卡通按钮.fla。
课后习题——绘制迷你太空习题知识要点使用“钢笔”工具,绘制火箭轮廓;使用“颜料桶”工具,填充图形颜色;使用“任意变形”工具,旋转图形的角度;使用“多角星形”工具,绘制五角星;使用“椭圆”工具,绘制圆形装饰图形。
效果所在位置云盘/Ch02/效果/绘制迷你太空.fla。
第3讲课时内容对象的编辑与修饰授课时间45分钟课时 1教学目标☑掌握对象的变形方法和技巧。
☑掌握对象的操作方法和技巧☑掌握对象的修饰方法。
☑熟练运用对齐面板与变形面板编辑对象。
教学重点☑熟练掌握对象的扭曲、缩放、翻转、组合、对齐等各项变形操作。
☑掌握扩展填充和柔化填充边缘命令修饰对象的方法和技巧。
☑熟练掌握对齐面板与变形面板编辑对象的方法和技巧。
教学难点能够正确使用变形面板对对象的编辑。
教学设计1、教学思路:(1)通过对课堂案例的讲解掌握绘制风景插画、绘制折扣吊签的方法;(2)再通过软件相关功能的解析学习编辑、修饰对象的方法,以及对齐面板与变形面板编辑对象的技巧;(3)再通过课堂练习巩固软件功能及对象的编辑和修饰技巧;(4)最后通过课后习题消化所学软件知识,提高编辑和修饰对象的能力。
FLASH CS6动画绘图1—颜色填充
秦皇岛市第四中学苏宇
教学目标:
知识与技能目标:
1、熟悉“颜色面板”中的各项设置。
2、熟练使用“颜色面板”快速完成颜色填充。
过程与方法:
通过观看“微课”的视频,快速了解“颜色面板”的各项组成部分及设置。
在自主学习过程中,通过任务驱动的方式让学生实践练习使用“颜色面板”快速完成颜色填充。
情感态度与价值观:
通过使用“颜色面板”快速完成颜色填充的学习,激发学生学习FLASH动画绘图的兴趣和探究新知识的精神。
教学方法:
自主学习
重点难点:
重点:熟悉“颜色面板”中的各项设置并熟练使用“颜色面板”快速完成颜色填充。
难点:熟悉“颜色面板”中的各项设置并熟练使用“颜色面板”快速完成颜色填充。
教学过程:。
中等专业学校2022-2023-2教案教学环节多边形,也可以是弧线、不规则的直线或曲线等。
②引导层和被引导层:用于绘制引导线的图层被称为引导层。
运动对象所在的图层被称为被引导层。
在制作引导层动画时,必须是引导层在上,被引导层在下。
二、掌握引导层动画的操作方法1.制作引导层动画的一般步骤:(1)在引导层上绘制运动路径。
(2)在被引导层上制作补间动画。
(3)让对象元件在开始关键帧和结束关键帧的位置上分别与引导线的起点和终点重合。
【任务布置一】:制作“蜜蜂采蜜”动画,通过案例进一步熟悉引导线动画的制作。
在明媚的春光中,蜜蜂跳着八字舞在花丛中采蜜,如图所示。
【任务布置二】:制作“跳跃的蘑菇头”动画,通过案例进一步熟悉引导线动画的制作。
顶着蘑菇头样教学环节的卡通小人,在不同高度的台子上跳跃,是不是很有超级玛丽的感觉呢?如图所示。
【课堂小结】本任务主要介绍了引导层动画的原理及概念、引导层和被引导层的创建以及引导层动画的制作方法。
运用引导层动画可以实现对象按照不规则路径运动的动画效果。
【作业布置】有条件的同学观看“我要自学网”。
1.制作一只可爱美丽的蝴蝶在花丛中“飞舞”的场景,如图所示。
(提示:画蝴蝶飞舞引导曲线,制作蝴蝶运动动画,沿引导线运动。
)2.制作雪花在空中自由飘动的“下雪”的效果,如图所示。
(提示:插入背景图后,新建图形元件制做“雪花”,然后制作“雪花”沿引导线自由飘动下落教学环节的影片剪辑元件,在影片剪辑元件中使用了引导动画。
完成影片剪辑元件后,回到场景中,多拖放几个影片剪辑元件到场景舞台的各个位置,并根据远近用自由变形工具改变影片剪辑元件实例大小,就可形成飘飞的“漫天大雪”场景。
)板书设计项目一 Flash制作基本功任务6 掌握引导层动画制作1.引导层动画的原理2.引导线、引导层和被引导层概念3.引导层动画制作教后札记。
书籍信息版 次:1页 数:字 数:印刷时间:2014年01月01日开 本:12k纸 张:胶版纸包 装:平装是否套装:否国际标准书号ISBN:9787302310808编辑推荐实战解析:精选实例,全程图解,一步一图,由浅入深,快速上手。
书盘互动:通过图书、视频演示加上互动练习的教学方式,章节互动、边学边练,使学习更加轻松、容易。
版式精美:版式精美、大方,图解标注清晰、醒目,操作精练、图文对应。
内容翔实:全面讲解FlashCS6图形的绘制与编辑、图层的管理和编辑、Flash基本动画与高级动画的制作、Action Script脚本的使用等女口识。
内容简介FlashCS6是一款强大的动画设计软件,在制作MTV、小游戏、短片、片头、广告等方面被广泛应用。
《中文版Flash CS6完美互动手册》从基础开始,为读者系统地讲解了Flash CS6的基本操作与设计应用技巧。
全书共分为15章和1个附录,主要内容包括:FlashCS6基础入门,图形的绘制与编辑,对象的编辑与修饰,文本的创建与编辑,图层的管理和编辑,元件、实例和库的使用,外部资源的导入与应用,Flash基本动画制作,Flash高级动画制作,Action Script脚本的使用,Flash特效应用,组件与按钮应用,Flash动画的测试与发布,Flash动画制作超强辅助工具,FlashCS6设计实例以及FlashCS6快捷键等知识。
《中文版Flash CS6完美互动手册》内容翔实、案例丰富、全程图解、情景教学、超值实用。
《中文版Flash CS6完美互动手册》及配套多媒体光盘非常适合从事各种工作的专业技术人员学习使用,同时,《中文版FlashCS6完美互动手册》也可以作为高职高专相关专业和电脑培训班的教材。
目 录第1章 Flash CS6基础入门1.1 Flash的安装、运行与卸载1.1.1 安装FlashCS61.1.2 运行FlashCS61.1.3 卸载FlashCS61.2 FlashCS6的操作界面1.3 Flash文档的基本操作1.3.1 新建动画文档1.3.2 打开动画文档1.3.3 保存动画文档1.3.4 关闭动画文档学习小结互动练习第2章 图形的绘制与编辑2.1 基本线条与图形的绘制2.1.1 线条工具2.1.2 铅笔工具2.1.3椭圆工具2.1.4 刷子工具2.2 复杂图形的绘制2.2.1 矩形工具2.2.2 多角星形工具2.2.3钢笔工具2.2.4 选择工具2.2.5 部分选取工具2.2.6 套索工具2.3 图形的编辑2.3.1 墨水瓶工具2.3.2 颜料桶工具2.3.3 滴管工具2.3.4 橡皮擦工具2.3.5 任意变形工具和渐变变形工具2.3.6手形工具和缩放工具2.4 图形颜色处理2.4.1 样本面板和颜色面板2.4.2 创建笔触和填充2.4.3修改图形的笔触和填充2.5 应用实例:绘制熊猫脸学习小结互动练习第4章 文本的创建与编辑4.1 文本的创建4.1.1 传统文本4.1.2 创建文本4.1.3 TLF文本4.2文本的编辑4.2.1 分离文本4.2.2 填充文本4.2.3 将文本分散到图层4.3 文本的使用4.3.1为文本消除锯齿4.3.2 为文本添加超链接4.4 应用实例:制作金属文字学习小结互动练习第6章 元件、实例和库的使用6.1 创建和编辑元件6.1.1 元件的类型6.1.2 创建元件6.1.3元件的注册点与中心点6.1.4 编辑元件6.2 创建与编辑实例6.3 “库”面板6.3.1“库”面板简介6.3.2 使用“库”面板管理资源6.3.3 公用库6.3.4 调用外部库中的元件6.4应用实例:制作漂亮的卡通插画按钮学习小结互动练习第8章 Flash基本动画制作8.1 帧与时间轴8.1.1 帧的类型8.1.2 帧的基本操作8.1.3设置时间轴模式8.1.4 绘图纸(洋葱皮)功能8.2 逐帧动画8.3 形状补间动画8.3.1简单形状补间动画8.3.2 应用形状提示显示全部信息版权信息本站所提供下载的PDF图书仅提供预览和简介,请支持正版图书。