flash cs5 创建元件
- 格式:doc
- 大小:272.11 KB
- 文档页数:4
flash cs5 创建IK骨骼动画
IK骨骼动画就是使用【骨骼工具】将各种影片剪辑元件连接在一起,然后控制影片剪辑元件的位置、角度等而形成的动画。
例如,制作一个正在绘画的女生。
首先,将女生的肢体部分转换为影片剪辑,包括身体、后臂、前臂和手。
选择【骨骼工具】,从女生的身体开始,制作IK骨骼,将女生的身体、后臂、前臂和手连接在一起。
为每一个IK骨骼设置约束的角度,以防止骨骼的旋转过于灵活。
在【时间轴】面板中,右击“骨架_1”图层的第50帧,在弹出的菜单中执行【插入帧】命令,插入骨骼动作的普通帧。
再次右击该图层的第50帧,在弹出的菜单中执行【插入姿势】命令,在该帧处插入一个骨骼动作。
转换为影
片剪辑连接骨骼
约束骨骼
执行
右击
执行
右击
在第50帧中使用【选择工具】调节各个骨骼的位置,使骨骼发生绘画的动作即可。
拖拽骨骼。
FlashCS5课程笔记Adobe FlashCS5课程笔记第⼀节、Flash CS5软件的安装第⼆节、Flash CS5简介与界⾯组成⼀、FlashCS5简介1、FlashCS5是由美国Adobe公司推出的⼀款以⽮量图绘制、编辑和动画制作为⼀体的专业软件。
⽤它可以做⽹页动画、MTV、游戏制作、投票系统等等。
⼆、FlashCS5界⾯组成1、标题栏2、菜单栏(集合了该软件的所有命令)3、⼯作区(画布或者舞台、编辑区)4、时间轴(图层和帧)5、⼯具箱6、属性⾯板7、⾯板的⾃由组合8、界⾯恢复默认组合:窗⼝——⼯作区——重置‘基本功能’第三节、舞台属性的设置⼀、设置舞台属性的⽅法1、修改——⽂档(ctrl+j)2、通过属性⾯板注:属性⾯板随选择的对象不同将显⽰不同的属性。
(1)尺⼨⼤⼩(2)背景颜⾊(3)设置为默认值(4)帧频:也叫帧速率,指的是⼀秒钟播放多少张画⾯。
注:Ctrl+2:以最⼤的⽅式显⽰整个画布第四节、矩形⼯具⼀、矩形创建对象的类型1、散件2、组合对象⼆、常⽤快捷键1、Shift:绘制正⽅形2、Alt:由中⼼向四周绘制矩形3、Alt+shift:由中⼼向四周绘制正⽅形第五节、矩形颜⾊设置⼀、散件和元件颜⾊设置1、元件:可以更改颜⾊、去⾊、加⾊。
2、散件:对象可以更改颜⾊、去⾊,但不能加⾊。
3、颜料桶⼯具:可以添加填充⾊,也可以更改填充⾊,还可以更改渐变的⾼光点。
4、墨⽔瓶⼯具:可以添加边框也可以更改边框颜⾊。
注:⽤选择⼯具单击选择⼀条边,双击选择所有边,如果在图形内部双击可以将填充和边框全部选中。
第六节、矩形属性的设置11、填充和笔触(公共参数)注:公共参数在对象建⽴前可以修改,建⽴后都也可以修改。
2、矩形选项(私有参数)注:私有参数只能在对象建⽴前修改。
第七节、矩形属性的设置21、视图——标尺(ctrl+shift+alt+r)注:默认情况下页⾯的左上⾓为坐标原点。
2、端点是针对⼀条线段的两个端点设置的。
Adobe Flash Professional CS5 是一个创作工具,设计人员和开发人员可使用它创建出演示文稿、应用程序以及支持用户交互的其他内容。
Flash 项目可以包含简单的动画、视频内容、复杂的演示文稿、应用程序以及介于这些对象之间的任何事物。
总而言之,使用Flash Professional 制作出的个体内容就称为应用程序(或SWF 应用程序),尽管它们可能只是基本的动画。
您可以加入图片、声音、视频和特殊效果,创建出包含丰富媒体的应用程序。
SWF 格式十分适合通过Internet 交付,因为它的文件很小。
这是因为它大量使用了矢量图形。
与位图图形相比,矢量图形的内存和存储空间要求都要低得多,因为它们是以数学公式而不是大型数据集的形式展示的。
位图图形较大,是因为图像中的每个像素都需要一个单独的数据进行展示。
创建FLA 文件并添加图形要在Flash Professional CS5 中构建应用程序,您使用绘制工具创建矢量图形并设计元素,然后将音频、视频和图像等其他媒体元素导入文档中。
接下来,定义如何及何时使用各个元素创建脑海中的应用程序。
在Flash Professional 中创作内容时,您使用称为FLA 文件的文档。
FLA 文件的文件扩展名为.fla (FLA)。
查看FLA 文件时,您会发现Flash CS4 Professional 用户界面(请参阅图1)分为五个主要部分:您的图形、视频、按钮等在回放过程中显示在舞台中。
时间轴控制影片中的元素出现在舞台中的时间。
您也可以使用时间轴指定图形在舞台中的分层顺序。
高层图形显示在低层图形上方。
“工具”面板包含一组常用工具,可使用它们选择舞台中的对象和绘制矢量图形。
“属性”面板显示有关任何选定对象的可编辑信息。
“库”面板用于存储和组织媒体元素和元件。
图1.Flash Professional CS5 用户界面分为五个主要部分(单击可放大)ActionScript 代码允许您为文档中的媒体元素添加交互性。
flash cs5 使用元件实例元件并不能直接应用于动画,而是通过元件的实例来创建。
当修改元件时,Flash会更新元件的所有实例。
并且在创建元件实例后,还可以使用【属性】检查器来指定颜色效果、指定动作、设置图形显示模式或更改实例的类型等属性,但是并不会改变元件。
1.创建元件实例通常,将一个元件应用到场景时,即创建一个实例,在场景时间轴上只需一个关键帧,就可以将元件的所有内容都包括进来。
方法是,打开【库】面板,选中一个元件元素后,将其拖入场景中即可创建该元件的实例。
2.设置实例基本属性每当将【库】面板中的元件拖入场景后,均能够创建一个实例。
而选中不同的实例,在【属性】检查器中会显示相应的属性,即使是由一个元件生成的实例。
每一个实例在场景中,均能够改变其位置和大小,并且同一个元件所创建的实例可以分别设置其属性。
如果实例是由影片剪辑或者按钮元件生成的,为了后期添加动作而所有区分,还可以为其设置实例名称。
方法是选中实例,在【属性】检查器的【实例名称】文本框中输入数字或者字母即可。
输入场景中的实例还可以更换元件,只要选中某实例,单击【属性】检查器中的【交换】按钮,弹出【交换元件】对话框。
在列表中选择同类型的元件后,单击【确定】按钮后,更改该实例的元件内容。
单击选择3.设置实例颜色效果每个元件都可以拥有自己的色彩效果。
要设置实例的颜色和透明度选项,可以使用【属性】检查器中的【色彩效果】选项组。
在【样式】下拉列表中,分别包括“无”、“亮度”、“色调”、“高级”和Alpha子选项,选择不同的子选项,其下方会显示相应的参数。
●亮度调节图像的相对亮度或暗度,度量范围是从黑(-100%)到白(100%)。
若要调整亮度,可以拖动滑块,或者在框中输入一个值。
选择设置●色调用相同的色相为实例着色。
要设置色调百分比(从透明到完全饱和),可以拖动色调滑块;若要选择颜色,可以在各自的框中输入红、绿和蓝色的值;或者单击【颜色控件】,然后从调色板中选择一种颜色。
flash cs5 编辑元件
当创建完成元件后,并不是完成了元件的所有操作。
对于效果不理想的元件,还可以重新进行再编辑。
元件编辑其实就是对元件内部的图形对象进行编辑,如何从场景中进入元件内部,成为编辑元件的关键。
1.在当前位置编辑元件
在舞台中双击某个元件实例,即可进入元件编辑模式。
此时,其它对象以灰度方式显示,这样以利于和正在编辑的元件区别开来。
同时,正在编辑的元件名称显示在舞台上方的编辑栏内,它位于当前场景名称的右侧。
双击
进入
此时,用户可以根据需要编辑该元件。
编辑好元件后,单击【返回】按钮,或者在空白区域双击,即可返回场景。
单击返回
2.在新窗口中编辑元件
在新窗口中编辑元件,是指在一个单独的窗口中编辑元件。
在单独的窗口中编辑元件时,可以同时看到该元件和主时间轴。
正在编辑的元件名称会显示在舞台上方的编辑栏内。
在舞台上,选择该元件的一个实例,右击选择【在新窗口中编辑】命令,进入新窗口编辑模式。
打开
选择
编辑好元件后,单击窗口右上角的【关闭】按钮,关闭新窗口。
然后在主文档窗口内单击,返回到编辑主文档状态下。
实例1 Adobe Flash CS5 简单动画概述,本章主要讲解1、 启动 Flash CS5在安装了 Flash CS5的系统中,双击桌面上Flash CS5图标,即可启动 Flash CS5 。
图12、 创建文档在弹出的欢迎界面上,选择新建栏中的 Actio nScript3.0 ,新建一个文档,如图 5-1所示。
FlA[>OBE' FLASK PROFESSIONAL CS5 从粧扳创理Cr ealji Sno I " 5 ■ F T «BI U轉 Mali Cr«ntfvi Sui t» 9 Pirtfl i un 窃®J Ad 讣看 Flish 1®CSS ?rcf 4EZL>^ol.也可以在欢迎界面关闭的情况下, 设置新建文档的属性。
3、绘画元件我们开始制作花盆中的枝条发芽长大并开出花朵的动画。
件的图标,如图4所示。
>M M- w ts亏朝範亠 ■■嚣A -Q 功色II甘III ,Aci»n3crpt ;ti和开时的甜日 肯-1* 'll亡J 1T 并-Atl«n^E-U…O砒口 ire AIR 2 ProirOS阿血LN«4 gonsenpr 工 i4 -ls.sl .avaScrpt Alt R»1 坯 £ ^dMnScnpt JO ft AdwnSerct 2.0 5Z1. Flaiii >3. ■ 二二 3 n *»点击菜单栏的“文件”一“新建”(快捷键ctrl+N ), 首先,点击库面板中的新建元* ASDnSCTipCt7. =sais »e.1C. 11. Adobe TV >在弹出的对话框中,更改元件名称为花盆,类型选择图形,如图图5点击确定,这时库面板中就将出现一个叫做花盆的元件,如图 6所示。
flash cs5 创建元件
Flash 本身不存在元件,使用绘图工具绘制的是图形对象,外部导入的则是位图图像。
而绝大多数的动画效果,则是通过元件创建而成。
元件在动画中包括三种形式,不同类型的元件,其作用各不相同。
●
图形 该元件可用于创建链接到主时间轴的可重用动画片段。
图形元件与主时间轴同步运行。
另外,交互式控件和声音在图形元件的动画序列中不起作用。
● 影片剪辑
该元件用于创建可重用的动画片段。
影片剪辑拥有各自独立于主时间轴的多帧时间轴。
用户可以将多帧时间轴看作是嵌套在主时间轴内,它们可以包含交互式控件、声音甚至影片剪辑实例,也可以将影片剪辑实例放在按钮元件的时间轴内,以创建动画按钮。
此外,可以使用ActionScipt 对影片剪辑进行改编。
● 按钮 该元件用于响应鼠标单击、滑过或其它动作的交互式按钮。
可以定义与各种状态关联的图形,
然后将动作指定给按钮实例。
1.创建图形元件
创建图形元件的对象可以是导入的位图图像、矢量图像、文本对象以及用Flash 工具创建的线条、色块等。
在Flash 中,要创建图形元件可以通过两种方式。
一种是按快捷键,打开【创建新元件】对话框。
在【类型】下拉列表中选择“图形”选项,创建“元件1”图形元件,即可在其中绘制图形对象。
另一种是选择相关元素,执行【修改】|【转换为元件】命令(快捷键),弹出【转换为元件】对话框。
在【类型】下拉列表中选择“图形”选项,单击【确定】按钮,这时在场景中的元素变成了元件。
元件默认的注册点为左上角,如果在对话框中单击注册的中心点,那么元件的中心点会与图形中心点重合。
选择
创建
绘制
选中 选择
创建
创建
单击
2.创建影片剪辑元件
影片剪辑元件就是我们平时常说的MC(Movie Clip)。
通常,可以把场景上任何看得到的对象,甚至整个【时间轴】内容创建为一个MC,而且可以将这个MC放置到另一个MC 中。
在Flash中,创建影片剪辑元件的方法与图形元件的创建方法相似,不同是在【创建新元件】或【转换为元件】对话框中,选择【类型】下拉列表中的“影片剪辑”选项即可。
创建
选择
3.创建按钮元件
在Flash中,创建按钮元件的对象可以是导入的位图图像、矢量图形、文本对象以及用Flash工具创建的任何图形。
要创建按钮元件,可以在打开的【创建新元件】或【转换为元件】对话框中,选择【类型】列表中的“按钮”选项,并单击【确定】按钮,进入按钮元件的编辑环境。
按钮元件除了拥有图形元件全部的编辑功能外,其特殊性还在于它具有4个状态帧:弹起、指针经过、按下和点击。
创建
在前3个状态帧中,可以放置除了按钮元件本身外的所有Flash对象,在【点击】中的内容是一个图形,该图形决定着当鼠标指向按钮时的有效范围。
它们各自功能如下所示。
●弹起该帧代表指针没有经过按钮时该按钮的状态。
●指针经过该帧代表当指针滑过按钮时,该按钮的外观。
●按下该帧代表单击按钮时,该按钮的外观。
●点击该帧用于定义响应鼠标单击的区域。
此区域在SWF文件中是不可见的。
选中“指针经过”动画帧,并执行【修改】|【时间轴】|【转换为关键帧】命令(快捷键),Flash会插入复制了“弹起”动画帧内容的关键帧。
然后再编辑该图形,使其有所区别。
编辑
插入关键帧
最后使用同样的方法,来创建【按下】状态和【点击】状态下的图形效果。
创建好按钮元件后,并且该按钮元件放置在场景中,执行【控制】|【测试影片】命令(快捷键),即可通过鼠标的指向与单击查看按钮的不同状态效果。
未经过鼠标指向单击。