网页设计培训教学大纲.docx
- 文档编号:7313084
- 上传时间:2023-01-22
- 格式:DOCX
- 页数:15
- 大小:429.08KB
网页设计培训教学大纲.docx
《网页设计培训教学大纲.docx》由会员分享,可在线阅读,更多相关《网页设计培训教学大纲.docx(15页珍藏版)》请在冰豆网上搜索。
网页设计培训教学大纲
网页设计培训之FLASH动画制作课程
作者:
无忧设计培训网来自:
第一课:
基本操作与位移动画制作
flashcs4软件界面
1-3、椭圆工具的使用
1-4、更改椭圆的颜色
1-5、散件如何转变成元件
1-6、帧的概念
1-7、帧速率
1-8、动画实例—球体移动
1、动画的分类:
(1)位移动画
(2)形变动画
(3)逐帧动画
(4)路径动画
(5)蒙版动画
(6)脚本动画
2、常用快捷键
Ctrl+2
F6:
F7
F8
F5
Shift:
水平或垂直移动对象
Enter:
用flash软件播放动画
Ctrl+Enter:
用flash播放器播放动画。
1-9、矩形和多边形工具的使用
1、常用快捷键的使用
(1)Shift:
绘制正方形
(2)Alt:
由中心向四周绘制矩形
(3)Alt+shift:
由中心向四周绘制正方形
2、矩形属性面板
(1)矩形属性面板可以设置矩形的各种属性:
如:
圆角大小等。
当将圆角值设为正数,表示是外圆角,如果数设为负数,表示是内圆角。
同时可以设置四个角的圆角度是否同时设置。
(2)单击矩形边框可以选择一条边,双击可以选择所有边。
3、多边形属性面板
(1)利用多边形工具可以绘制多边形和星形两种图形。
(2)可以设置多边形的边数和星形的角数。
1-10、设置文档、散件和元件的属性
1-11、动画实例—球体渐隐渐显
1-12、帧属性
1-13、动画实例—球体旋转
Ctrl+2:
满画布显示
1-14、动画实例—球体弹跳
第二课:
钢笔工具
2-1、钢笔工具的使用
2-2、添加、删除节点以及直线和曲线的相互转换
2-3、闭合和不闭合图形的相互转换
2-4、动画实例--心动
(1)F5:
加帧(延长帧)
(2)shift+F5:
删除帧
2-6、动画实例—水滴效果
第三课:
图层、库与元件
3-1、图层
(1)新建图层
(2)删除图层
(3)图层改名:
直接放在图层名称上双击。
(4)按住alt键单击表示隐藏或显示其它所有的图层。
(5)锁定图层
(6)图层中对象的显示方式,是以实体显示还是用轮廓显示
(7)按住alt键单击表示设置其它所有图层的显示方式。
3-4、库面板以及元件与实例的关系
3-6、动画实例--弹性笑脸球1
(1)刷子工具:
刷子可以设置大小、形状和颜色,颜色是取决于填充色。
(2)磁头:
红色的滑块称为磁头。
(3)绘图纸外观:
可以同时显示多个关键帧的图像。
(4)绘图纸外观轮廓:
可以同时显示多个关键帧图像的轮廓。
(5)交换:
可以用库里面的对象来替换当前选择的元件,这样的可以保证元件的位置不变。
3-9、文件保存格式
(1)隐藏或显示辅助线:
视图—辅助线—显示辅助线。
(2)fla:
flash的原文件。
这种格式的特点是:
只能用fllash软件才能打开,并且会保留动画的制作方法。
(3)swf:
swf格式的文件是依赖于flash的播放器打开的。
这种格式的文件比较小,适合在互联网上传播。
(4)exe:
是在swf格式的基础上创建的。
这种格式的文件相当于将动画和flash的播放器捆绑在一起。
所以文件比较大。
第四课:
文本工具
4-1、文本工具
4-2、文本编辑1
4-4、实例—立体文字
(1)线条工具:
用来画直线的,按住shift键表示画是45度倍数的直线。
(1)修改—变换—垂直翻转。
(2)修改--排列--移至顶层/上移一层/下移一层/移到底层。
A、移至顶层:
表示移到所有物体的最上面
B、上移一层:
表示仅仅向上移动一层
C、下移一层:
表示仅仅向下移动一层
D、移至底层:
表示移到所有物体的最下面
4-6、动画实例--文字旋转
4-7、动画实例--霓虹灯字
4-8、动画实例--风吹文字1
4-9、任意变形工具
4-10、变形面板(Ctrl+T)
4-11、动画实例—随风飘扬文字
4-12、动画实例—文字幻影效果
第五课:
组合和对齐
5-1、组合对象
5-2、对齐面板
(1)对齐是针对两个或两个以上的物体面而言的。
(2)打开对齐面板的快捷键:
ctrl+k
(3)对齐:
左对齐、水平居中、右对齐、上对齐、垂直居中、下对齐
(4)分布:
按顶部分布、按中心垂直分布、按底部分布、按左侧分布、按中心水平分布、按右侧分布
(5)匹配大小:
宽度匹配、高度匹配、宽度和高度同时匹配
(6)当场景中只有一个图形的时候可以和画布对齐,此时需要将“相对于舞台”按钮点下。
(7)画布的颜色如果想改成渐变色,只能通过将矩形的大小设置成和舞台一样大。
然后将矩形改成渐变。
从而将舞台设置成渐变色。
5-3、动画实例--电影胶片
5-5、动画实例--球体滚动
第六课:
形变动画的制作
6-1、动画实例--矩形变圆形
6-2、动画实例--flash文字变形
6-3、动画实例--鸡变鸭
(1)我们曾经讲过库是用来存放元件、声音、视频、图片等元素的地方,在库中的对象可以反复调用,实现资源共享。
要想实现资源共享必须将图形放入库中。
即将图形转换成元件。
(2)每个文件都有单独的库,在默认情况下只能调用本文件库中的内容,如果想调其它文件库中的元素可以通过下图所示切换。
6-4、动画实例--绘制矩形
6-5、动画实例--填充色变形
6-6、变形的精确控制-立方体实例
6-9、动画实例--文字变形
第七课:
逐帧动画的制作
7-1、动画实例—流动的方块1
(1)什么叫逐帧动画呢?
故名思意,逐是逐个,帧是关键帧,所谓的逐帧指的就是每一帧都是关键帧,对于有的动画我们需要一个一个关键帧去制作中间不需要插入过渡帧。
从而形成一种特殊效果。
(2)滴管工具:
为了使多个物体填充颜色或边框色相同,可以使用滴管工具来进行吸取,吸取的时候可以吸取填充色也可以吸取边框色。
按住shift键:
表示同时吸取填充色和边框色
7-3、动画实例—马奔跑
7-4、动画实例--打字效果
7-5、动画实例--倒计时
7-6、变换点和注册点
7-7、动画实例—小鸡破蛋
第八课:
影片剪辑
8-1、影片剪辑1
(1)什么叫影片剪辑呢?
所谓影片剪辑指的就是里面可以包含一段动画。
8-3、动画实例—我心在动
8-4、动画实例--镜像文字1
8-6、动画实例—飘动的线条
8-7、动画实例—发光文字1
第九课:
路径动画制作
9-1、引导层与被引导层1
(1)引导层:
引导层是用来存放路径的。
(2)被引导层:
被引导层是用来存放对象的,这个对象可以是静态的图形也可以动态的影片剪辑。
(3)获得引导层的方法有两种,第一,直接新建引导层。
第二,将普通图层转换成引导层。
(4)引导层中的对象仅仅起引导的作用,引导层中的对象都是不显示的。
9-3、动画实例—纸飞机
9-4、动画实例—原子模型
9-5、动画实例--写字效果
9-6、动画实例—蝶双飞
(1)一个引导层可以同时引导多个图层。
但是一个普通图层只能被一个引导层所引导。
9-7、动画实例--流动物体1
(1)对于有些动画看似是路径动画,其实不然,这种动画要用特殊的方法才能制作出来。
9-8、动画实例--流动物体2
9-9、动画实例—水泡效果
第十课:
按钮
10-1、按钮1
(1)利用按钮可以实现影片剪辑内部的控制、跳转和外部的超级链接等。
这些功能只有等到讲到脚本动画的时候才能实现,本节我们主要向同学们讲解如何去制作不同效果的按钮,以及按钮各帧的含义。
(2)在flashcs4中要想得到按钮可以通过以下三个途径:
第一,可以调用flash自带按钮(窗口—公用库—按钮)
第二,可以将图形转换成按钮(F8)
第三,直接新建按钮(ctrl+F8)
(3)按钮和影片剪辑一样也有自己单独的时间轴(包括图层和帧)等。
(4)按钮中各帧的含义:
A、弹起:
指鼠标没有移上去所显示的效果,也叫默认状态。
B、指针经过:
指鼠标移到按钮上所显示的效果。
C、按下:
指鼠标点下去时所显示的效果
D、点击:
指鼠标所响应的区域。
10-3、文字按钮—进入主页
10-4、图像按钮—导航栏
10-5、动画按钮—色盘旋转1
10-7、动画按钮—变色的聚焦按钮
10-8、动画按钮—动态导航栏1
10-9、动画按钮—动态导航栏2
10-10、音乐动画—午夜惊雷
10-11、音乐按钮—犯错
第十一课:
蒙版动画制作
11-1、遮罩层与被遮层间的关系
(1)要想得到遮罩层可以将普通的图层通过右键转换成遮罩层,同时在该图层的下面一个图层也会自动变成被遮罩层。
(2)遮罩层与被遮层间的关系是用遮罩层当中图形的形状来显示被遮罩层当中的图像。
(3)在制作动画的时候遮罩层当中的对象可以做成动画,被遮罩层当中的对象也可以做动画。
11-2、动画实例—写春联
11-4、动画实例--百叶窗
(1)影片剪辑在蒙版动画中的应用。
11-5、动画实例--电影字幕
11-6、动画实例--水波文字
11-7、动画实例—探照灯
11-8、动画实例—裁剪图像
11-9、动画实例—写字效果
11-10、动画实例--放大镜1
11-11、动画实例--放大镜2
11-12、动画实例—弧形流动
11-13、动画实例—转动的地球1
11-14、动画实例—转动的地球2
第十二、三、四、五课:
脚本动画的制作(4节)
12-1、什么是脚本(ActionScript2.0和ActionScript3.0)
12-2、各对象上脚本执行的条件——帧脚本
(1)以下三类对象可以添加脚本:
A、关键帧(也包括空白关键帧)
B、按钮
C、影片剪辑
(2)帧上的脚本:
在关键帧上添加的脚本只有当磁头播放到这个帧时,代码(脚本)才会被执行。
(3)添加代码时分为标准模式和专家模式两种,在标准模式下只能通过选项去添加代码,在专家模式下一般通过手工书写添加代码,在书写代码时代码是区分大小写的。
如:
play与Play被认为两种不同的含义。
(3)全局函数——时间轴控制——goto/play/stop/stopAllSound
stop:
停止播放影片。
12-3、goto语句的使用1
(1)全局函数——时间轴控制——goto/play/stop/stopAllSound
play:
播放影片
stopAllSound:
停止所有声音。
goto:
表示跳转的意思,可以跳转到指定的帧,也可以跳转到指定的场景。
gotoAndPlay:
表示跳转到目的位置继续播放。
gotoAndStop:
表示跳转到目的位置停止播放。
12-4、goto语句的使用2
(1)帧标签:
给帧取个名字
(2)新建场景的方法:
方法一:
插入——场景
方法二:
窗口——其它面板——场景
(3)在一个动画中如果有多个场景动画是按场景的顺序进行播放的。
12-5、脚本动画—loading进度条1
12-6、脚本动画—loading进度条2
(1)if….else…判断语句的格式:
(如果……否则……)
if(条件)
{语句1
}
else{语句2}
表示如果条件成立就执行语句1,否则(条件不成立)就执行语句2。
12-7、各对象上脚本执行的条件——按钮脚本
(1)按钮脚本的格式:
on(鼠标事件)
{
语句1
}
表示选择不同的鼠标事件来执行语句1
(2)按钮上的脚本:
在按钮上添加的脚本可以通过以下方式来执行,这些方式统称为鼠标事件。
A、按(press):
指鼠标在按钮上点下去。
B、释放(release):
指鼠标在按钮上点下去并释放。
C、外部释放(releaseOutside):
指鼠标在按钮上点下去然后移动到按钮外部释放。
D、按键:
指按键盘上某个键。
E、滑过(rollOver):
指鼠标移到按钮上。
F、滑离(rollOut):
指鼠标移到按钮上并离开。
G、拖过(dragOver):
在按钮上按下鼠标然后指针滑出按钮区域,再次滑入按钮区域时触发。
F、拖离(dragOut):
在按钮上按下鼠标然后指针滑出按钮区域时触发。
12-8、脚本实例--控制动画的播放
(1)prevFrame:
上一帧
(2)nextFrame:
下一帧
12-9、脚本实例—网页和邮箱的链接
(1)getURL:
链接到一个地址。
(URL:
统一资源定位器)
(2)网页链接:
开头要加http:
\\
(3)邮箱链接:
开头要加mailto:
12-10、脚本实例--随机抽牌
(1)random:
随机函数
注:
random(13):
表示从0-12这13个数字当中随机选一个。
12-11、脚本实例--全屏切换
(1)fscommand函数
A、fullscreen:
全屏
true:
真(全屏)
false:
假(标准)
B、quit:
退出(关闭)
C、showmenu:
显示菜单
D、allowscale:
画面缩放
(2)文件——发布(可以同时生成多种格式文件)
12-12、脚本实例--框架1
(1)LoadMovie:
载入swf文件或图片等元素到当前影片中。
(2)所有的swf文件必须放在同一个文件夹中。
12-13、脚本实例--框架2
12-14、脚本实例--浏览图片
12-15、各对象上脚本执行的条件——影片剪辑脚本
(1)影片剪辑脚本的格式:
onClipEvent(影片剪辑事件)
{
语句1
}
表示选择不同的影片剪辑事件来执行语句1
(2)影片剪辑上的脚本:
在影片剪辑上添加的脚本可以通过以下方式来执行,这些方式统称为影片剪辑事件。
A、加载:
影片剪辑被实例化,出现在时间轴上时触发(当影片剪辑被载入时)
B、进入帧:
当影片剪辑存在时间轴上时,以帧频的频率触发。
C、卸载:
当时间轴上影片剪辑被删除时,优先触发
D、鼠标向下:
指鼠标点下去(左键)。
E、鼠标向上:
指鼠标点下去后松开(左键)。
F、鼠标移动:
指移动鼠标。
G、向下键:
指按下键盘上某个键。
F、向上键:
指释放键盘上某个键。
12-16、路径的概念1
12-18、脚本实例—移动的菜单1
12-20、startDrag与stopDrag
(1)startDrag:
开始拖动。
(2)stopDrag:
停止拖动。
12-21、脚本实例—自定义光标
12-22、获取影片剪辑的属性
12-23、脚本实例—时时获取小球的坐标
(1)updateAfterEvent:
更新舞台。
12-24、设置影片剪辑的属性
12-25、脚本实例—遥控对象
12-31、脚本实例—无缝图片滚动
12-33、复制影片剪辑(duplicateMovieClip)函数
12-34、脚本实例—下雨效果1
12-36、脚本实例—用自定义函数时时获取鼠标的位置
12-37、脚本实例—计算圆的面积1
12-38、脚本实例—计算圆的面积2
12-39、脚本实例—鼠标跟随
12-40、脚本实例—键盘响应
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 培训 教学大纲
![提示](https://static.bdocx.com/images/bang_tan.gif)