分享

学习动画制作(FLASH 8 )

 chwm1201 2010-05-29

 


学习动画制作(FLASH 8 )
 

    学习目的通过学习操作初步了解、认识FLASH8软件中的编辑界面、时间轴、主要工具和属性面板,进而为下一步学习动画制作奠定基础掌握必备的操作常识。
 

       学习要点编辑界面、时间轴、工具箱、属性面板。


   (一)编辑界

   
当首次启动flash8软件时会出现一个开始页,单击“创建新项目”栏目下的“flash”文档按钮,便进入flash8的编辑界面(又称操作界面),以后再打开flash8软件就会直接进入此界面。如图1所示:

图1

  (二)图层区时间轴
 
    图层与时间轴二者密不可分,通常被称之为时间轴,是flash动画编辑制作的基础,是用以创建不同类型动画效果和控制动画的播放预览。时间轴上的每一个小格为帧,是flash动画制作的最小单位,图像在帧上的连续不同的变化便构成了动画。图层区时间轴的详细构成,如图2所示:


图2

  (三)绘图工具箱 

       绘图工具箱是FLASH8软件中重要面板,其中含有制作动画必不可少的工具。它主要包括绘制和编辑矢量图的各种操作工具,主要由绘图,色彩,查看和选项等工具,以用于进行矢量图形的绘制和编辑。如图3所示:



(图3)

(具体名称和功能可在软件中体验)

  (四)属性面板 

       属性面板可以显示所选对象的基本属性,并且可以通过属性面板对所选中的对象进行修改或编辑,因而可以提高动画制作的效率和准确性。当选中不同制作对象时,相关的属性面板可以显示出相应的选项及属性值。我们在动画制作中常用的属性面板主要有以下几种:(图4--8)


(图4)文挡属性面板

(图5)祯属性面板



(图6)文本属性面板



(图7)形状属性面板



(图8)图形属性面板

       初次接触FLASH8软件的朋友,一定要十分熟悉上边介绍的“编辑界面”、时间轴、“工具箱”和“属性面板”,以便在制作中收到事半功倍的效果。
 

先放上背景图片

为了尽快的熟悉flash软件,我们就从0开始---放一张图片上去看看`````

启动flash8
1:
看下面一栏里的“属性”设置文档大小,一般默认550*400像素,可以自己设置背景颜色一般默认白色,帧频12fps


2:--建元件
在库里点下面的“新建元件”出来个“创建新元件”类型“影片剪辑-确定


3:---导入图片
点菜单栏里的“文件”导入--导入到舞台--在打开你自己的硬盘目录里选择喜欢的背景图片,点击图片---打开--就自动导入到你的元件1里了---在下面的属性里修改图片大小(宽550高400;到“窗口”里找到对齐点击就会出现在软件的左边---点一下“左边第一个图形“相对于舞台”再在图片或图层1的第1帧小黑点上点一下(选中)--最后点横前排第2个“垂直中齐”和它对应下面的“水平居中分布”图标对齐就OK!

4:---回到场景舞台
点场景1--到右边库里点元件1--把上面显示图片小框里的图片--拖到舞台上(场景1里),如上面再作一次对齐就可以啦

5:---点菜单栏里的“控制”--测试电影---你的背景打扮好了。

6:---别忘记“保存制作好的文件--格式是swf---如果要以后还需要这个flash
          再制作编辑,可以点"另存为"格式是fla

打开你保存的fla格式flash文件---或按照上面的再新建个
保存的fla里面已经一个背景层了

1:
  在左边库里点第一个小图标-新建元件2(影片剪辑)---菜单栏里点“文件”

--导入--导入到舞台--在你图片中找到并点击,那个给你的“小蝴蝶”gif图形--
打开--看见元件2上面图层1出现了连着的几个帧---移动一下红色的“播放头”就分享一只蝴蝶的飞动啦
2:
  回到场景1--在图层区点下面第一个小图标“插入图层”出现图层2,有个空白帧
(没有内容当然是空白帧)
3:

  到库里点元件2---拖出红蝴蝶到背景图右上角---我们现集中在图层帧上:
到图层1(即你的背景图层)的第60桢处---点右键出菜单--选“插入桢”。
4:
  现在关键是图层2的动画桢了--这里如果熟练了可以自己发挥哦

点图层2的第30桢(方法如上)右键选“插入关键桢”注意这里开始动画制作
移动蝴蝶到图片里大蝴蝶上

  然后再在图层2的第60桢上点右键选“插入关键桢”在到舞台上把小蝴蝶移动到背景图的边缘上
(你移动一下播放头,小蝴蝶飞起来很不流畅吧)----
5:
现在关键一步是在两个关键桢之间右键建立“创建补件间动画”
可以在图层2两个关键桢上(或灰色条上)右键选“创建补件间动画”然后出现了两个长箭头线--灰色也变淡紫色了
做到这里应该是可以看到你的flash成果了
但还是讲的仔细点---你可以点一下图层2的各个关键桢,看一下下面属性板上的变化,以后做复杂了可以改动的
6:
  最后点“控制”--“测试影片”---观赏您自己的作品哦
噢!!一定别忘记“导出“影片先到您的硬盘里保存起来,  以后可以再发到网上 交流,还可以另存为fla源文件可修改哦

在保存文件后会出现两个类型的文件,一个是FLASH文档,另一个是FLASH影片,它们有什么不同。
 
FLASH文档---以 fla 为后缀的文档保存
                  是源文件-以后可以打开修改


flash影片 ----导出后缀为swf文件观看和发到网上····
 
1: SWF转换为GIF文件上传--那这个gif画面会不清楚的啊--且需要其他转换工具

2:这论坛好像无法直接上传flash作品---需要上传到其他可以上传的网,再复制地址,
    粘贴到您的帖子里的"插入flash影片”按钮上就成了啊。

3:我是用上传软件cuteftp  上传到我常常去的网上空间的呀。

4: 帮助你暂时提供一个上传地址吧--记得记住地址--复制它 

http://up./

浏览---打开你的硬盘选择作品--上传---看最下面的“文件地址”--复制
 
文字变化---

新建flash文挡--设置或默认文挡尺寸
 

那个背景层图片你可以加或不加---方法如上面
 

1:
新建原件1(可自己起个名字)
 

2:
点右边工具栏里的"A"文本工具--在舞台上写几个字--居中对齐哦--可以点写好
的字(这叫选中),看看下面的文字属性---可修改字的大小和颜色的
请注意我选的是“静态文本”属性啊。
 

3:
点开“场景”如果有背景层---那就再加一层---点时间轴下面的“插入图层”在

图层1上加图层2
 

4:
把元件1里设置好的文字拖到场景里,放到咖啡杯里---

点一下(选中)图层2第一桢---到工具栏(点一下)“任意变形工具”就看见文字四边有许多小黑框,把鼠标慢慢放上去,出现箭头就可以缩放大小了--缩小(任意哦)我缩小到宽:48 高34
 

5:
然后再在图层2第60桢上(右键点“插入关键桢”)关键桢---把文字用刚刚用过的“任意变形工具”根据自己要求拉大---放在自己需要的地方,这时候还是动不起来啊!
下面我们就在第一帧和第60帧之间点右键---在出来的菜单上选“创建补间动画”您就立刻看见了一个长箭头,拉动红色播放头看看文字效果吧,点第1帧属性也有了变化---OK.
 

6:
 
最后为使文字停顿一下,可以在85帧处---右键--插入帧
当然背景图层1也应该延续到85帧处---同上---右键--插入帧

一下就可以使文字举一反三的变化--现在先知道最简单的吧
 

完成--保存--
 
 
如果看不清可点图放大




点击开新窗口欣赏该FLASH动画! [全屏欣赏]

http://ftp.oldkids.cn/flash/lx2.swf

文字变化---

新建flash文挡--设置或默认文挡尺寸
那个背景层图片你可以加或不加---方法如上面
1:
新建元件1(可自己起个名字)
2:
点右边工具栏里的"A"文本工具--在舞台上写几个字--居中对齐哦--可以点写好
的字(这叫选中),看看下面的文字属性---可修改字的大小和颜色的
请注意我选的是“静态文本”属性啊。
3:
点开“场景”如果有背景层---那就再加一层---点时间轴下面的“插入图层”在
图层1上加图层2
4:
把元件1里设置好的文字拖到场景里,放到咖啡杯里---
点一下(选中)图层2第一桢---到工具栏(点一下)“任意变形工具”就看见文字四边有许多小黑框,把鼠标慢慢放上去,出现箭头就可以缩放大小了--缩小(任意哦)我缩小到宽:48 高34
5:
然后再在图层2第60桢上(右键点“插入关键桢”)关键桢---把文字用刚刚用过的“任意变形工具”根据自己要求拉大---放在自己需要的地方,这时候还是动不起来啊!
下面我们就在第一帧和第60帧之间点右键---在出来的菜单上选“创建补间动画”您就立刻看见了一个长箭头,拉动红色播放头看看文字效果吧,点第1帧属性也有了变化---OK.
6:
 
最后为使文字停顿一下,可以在85帧处---右键--插入帧
当然背景图层1也应该延续到85帧处---同上---右键--插入帧
一下就可以使文字举一反三的变化--现在先知道最简单的吧
完成--保存--

文字变色

1:

新建一个新文档--【或用你已经做好了的源文件(fla)--打开】--新建元件((要养成使用元件的习惯,因为元件可以无限使用,且可参与相关功能,这是位图所不能及的)
取“文字工具”A,在舞台下方属性设置好字的大小,颜色,字体,其他看你的要求--
我是打“各种颜色的文字”--对齐!
2:
换“选择工具”在第5帧右键插入“关键帧”--在字上点一下,再在下面的图形属性上的
“颜色-色调边上的颜色方框里点选你喜欢的颜色,接续各自在后面的,10、15、20、25都插入关键桢,最后在30桢右键“插入桢”制作如第5桢---以此类推,每个关键桢都有不同的颜色---(你也可以自己设置桢数)
3:
回到场景--把元件1拖到场景舞台--对齐---就可以保存看啦---下次我们可是转动文字。

点击开新窗口欣赏该FLASH动画! [全屏欣赏]

http://ftp.oldkids.cn/flash/文字1.swf
点击开新窗口欣赏该FLASH动画! [全屏欣赏]

http://ftp.oldkids.cn/flash/文字2.swf

图片移动

1:新建文档(如上方法)---新建元件1--导入背景图片

2:新建元件2--导入第2张图片
  新建元件3--导入第3张图片

3:回到场景中--在时间轴上加两层(现在就一共三层)(如图)
  点图层1--在左边的库里--拖出背景图片到舞台--居中对齐--在110处右键“
  插入帧”锁定(点眼睛边上的锁)这行就不能动了


4:点图层2---把元件2的图片拖到舞台右边,对齐背景图的边哦
  在25桢处插入关键桢(记得把图片移动对齐居中的位子)---再在35处同样插  入关键桢(图片还是对齐居中的位子)。
  然后在60桢处插入关键桢(点黑这个关键桢)---再把元件2图片从左边移动
  到右边---再在110桢处插入桢。


5:点图层3--拖出元件3的图片到舞台左上角--点住第一桢(选中)把它拖到61  桢上---再在110桢右键“插入关键桢”
    继续在这个61--110桢制作动画---分别在80桢和90桢插入关键桢--两个桢都    要把图片居中对齐背景图片
    最后选中(点110桢)把图层3的图片从左上角移动到背景图片右下角

6:    在所有关键桢之间右键点:创建补间动画---测试影片--保存源件
      或导出影片(swf)--OK

所有的关键帧都可以自己设立或定义---因为动画是你自己在做啊--

注:
 
动画的变化是在帧上发生---图片导入--如果有几张图片导入,总是一张一张动画的

如果同时动起来就有点乱---而且有的动画可能上层的遮住下层,现在初学动画,得搞

清楚桢的问题,所以还是一张一张移动比较清楚

以这个实例---

                  第1图层是背景图片层--不动的

                  第2图层是横向移动图片层

                  第3图层是对角移动图片层

为了我们能够看清楚图片移动---就把第3图层上面的桢移动到后面表现

第2层图片在第一桢到六十桢上移动---那么第3层图片就必须在第六十一桢处开始

它的图片移动了--当图片从库里元件3拖入舞台时--关键桢就出现在第1桢,如果制作

第3图层的动画为了看清楚移动,我们就把第1桢"选中"变黑用鼠标按住把这个关键桢

移动(拖)到61桢处再制作你需要的动画变化---或插入关键桢或插入空白桢,我这里是

和第1\2图层对齐到110帧

* 每加个关键帧--就要你改变或移动你的图片或文字,使它有所变化,成为动画

* 选中桢--也可以选中整个一条时间轴上的桢(变黑条)整条移动(这个最好能够

  见面对着软件操作,一下子就明白啦)这个常用的操作。


 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多