photoshop互助课堂flash视频教程合集中国教程网《Photoshop专家讲堂》光盘热售参与论坛活动,快速赚取金币精品素材,中英文字体
发新话题
打印

[教程] (原创)FLASH 初级教程:蝶恋花[本文已收录教程库]

(原创)FLASH 初级教程:蝶恋花[本文已收录教程库]


..............................................................................................

        此教程主要学习内容:图层、引导线运动、帧与补间动画的练习。
       主要使用工具:箭头工具(选择工具)、任意变形工具、铅笔工具。

       请大家先看看实例:



        制作方法如下:

      1、启动FLASH,建新文件:550x400像素。


        2、在图层1分别导入背景图和 4个透明背景蝴蝶:文件--导入--导入到库。


        3、点窗口--库,打开库。把库里的背景图“蓝花花”拖进舞台调整和舞台一样大小:


        4、点窗口--对齐,调出对齐面版,点相对于舞台,水平对齐,垂直对齐。


        5、在时间轴第100帧插入帧。锁定图层1。


        6、新建图层2,把蝴蝶1 从库拖进舞台,右键点蝴蝶1 --转换为元件(影片剪辑),元件名为蝶1:


        7、右健点蝶1--编辑,进入元件编辑区。右键点蝶1 --分离,打散蝴蝶图片:


        8、选用任意变形工具,蝶1 图片四周出现8 个小方框,把鼠标放在右下的小方框上,待鼠标变为一个园形箭头,鼠标轻轻向左一拖,把蝴蝶转个方向:


        9、移动蝴蝶,使蝴蝶的头部正好在舞台的正中央,右键点时间轴上的第3帧,插入关键帧:


        10、在第3帧,用箭头工具框选蝴蝶的一个翅膀:


        11、再用任意变形工具,把翅膀压扁:


        12、用同样的方法做好另一个蝴蝶翅膀:


        13、点第1帧,点修改--组合;点第3帧,点修改--组合。


        14、点场景1,返回场景1。为了方便操作,我们把舞台调整为50%:

     
        15、在场景1的第2层,分别在40、60、100帧插入关键帧,并分别在1-40、46-60、60-100帧内任意一个点创建补间动画。锁住图层2,插入引导层:


        16、在引导层的第1帧,选用铅笔工具: 选项平滑,画出蝴蝶飞行的轨迹(引导线),用橡皮擦工具在引导线上,在您想要蝴蝶停留的位置上擦出一个小缺口,锁定引导层,打开图层2 的锁:


        17、在图层2 的第1 帧,用箭头工具将蝶1 元件拖到引导线的最左端,蝶1 的中心点一定要压在引导线上:


        18、在图层2 的第40帧,用箭头工具将蝶1 元件拖到缺口的左端,蝶1 的中心点一定要压在引导线上:


        19、在图层2 的第60帧,用箭头工具将蝶1 元件拖到缺口的右端,蝶1 的中心点一定要压在引导线上:


        20、 在图层2 的第100  帧,用箭头工具将蝶1 元件拖到引导线的最左端,蝶1 的中心点一定要压在引导线上:



        OK!现在咱们来测试影片吧。这是单个蝴蝶恋花的做法,如果您说,我也要象实例上那样三对蝴蝶飞舞在花丛中,那就不要怕麻烦喔~~



        第二个蝴蝶的做法:

       1、把图层2 和引导层锁好,增加图层3:


        2、为了方便操作,图层2 和引导层的眼睛关闭,把蝴蝶2 从库里拖出舞台。重复6~14 步骤得到元件蝶 2:


        3、在场景1 的第3 层,分别在35、55、100帧插入关键帧,并分别在 1--35、36--55、56--100 帧内任意一个点创建补间动画。锁住图层3 ,打开引导层和引导层的眼睛:


        4、操作方法同第16步。在引导层的第1 帧,选用铅笔工具: 选项平滑,画出蝴蝶2 飞行的轨迹(第二条引导线),用橡皮擦工具在引导线上,在您想要蝴蝶停留的位置上擦出一个小缺口,锁定引导层,打开图层3  的锁:(只要操作正确,引导线画好,蝴蝶元件会自动跑上引导线)。


        5、这步操作方法与 17、18、19、20 步相同:
       在图层3  的第 1 帧,用箭头工具将蝶2 元件拖到引导线的最左端,蝶2  的中心点一定要压在引导线上:
       在图层3  的第35帧,用箭头工具将蝶2 元件拖到缺口的左端,蝶2  的中心点一定要压在引导线上:
       在图层3  的第60帧,用箭头工具将蝶2 元件拖到缺口的右端,蝶2  的中心点一定要压在引导线上:
       在图层3  的第100  帧,用箭头工具将蝶2 元件拖到引导线的最左端,蝶2  的中心点一定要压在引导线上:
       注意:不管做多少层,最后一帧一定要对齐,否则全盘乱套。


       好!第 2个蝴蝶也做好了,测试一下。



       第 3、 第 4 、第 5、第 6个蝴蝶的做法:会做了前面 2个蝴蝶,要做好第3、第4、第5、第6个蝴蝶易如反掌。

       1、同第6 ~第13步,分别做好元件(影片剪辑)蝶3、元件(影片剪辑)蝶4。

       2、在第8 步后面把蝶3 蝶4 调小一些。
       元件大小的调整方法:点修改--变形--缩放与旋转,在弹出的缩放和旋转对话框中设置缩放为50~80(随意),确定。

       3、做好了元件蝶3 ,点场景1,不用做引导线,把蝴3 摆放在您认为合适的地方。(参看实例)

        4、做好了元件蝶4 ,点场景1,不用做引导线,把蝴4 摆放在您认为合适的地方。(参看实例)

        5、第5 第6 个蝴蝶更容易做了,把元件蝶3和蝶4 直接拖进场景,随便找地方安放就OK。(参看实例)

        测试:CTRL+ENTER !保存*.fly    导出影片*.swf       (完毕)

      

        素材:



[ 本帖最后由 xyl7422 于 2007-4-5 19:02 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • smtvsu 热心度 +2 很詳細^^ 2008-1-22 12:22
  • smtvsu 金币 +2 很詳細^^ 2008-1-22 12:22
  • 祥云 热心度 +2 好教程 2007-11-12 14:03
  • 祥云 金币 +2 好教程 2007-11-12 14:03
  • 爱心缘 热心度 +2 很好的教程! 2007-8-25 22:08
  • 爱心缘 金币 +2 很好的教程! 2007-8-25 22:08
  • 灰色的云 金币 +1 精品 2007-8-2 12:18
  • 灰色的云 热心度 +1 精品 2007-8-2 12:18
  • barqcf 热心度 +2 精品文章 2007-7-27 23:57
  • barqcf 金币 +2 精品文章 2007-7-27 23:57

TOP


教程?      

刚学了你的蝴蝶飞飞,你又出了个蝶恋花,辛苦了英子!蝶恋花这个名字起的不错,挺喜欢!

flash难学不斑竹?:我没学过呢?要多长时间啊?我的PS还没学好,3D也忘了,CAD也不精,咋办哦??

晕,学什么都要专啊,先学好一样,再学一样,不要太心急,一下子什么想学,
依我看,FLASH并不难学,但不能象画画,随便描一张就是画了,好不好是另一回事.FLASH有一定的操作规律.刚开始学的时候有点难,感到枯燥.我也早想退出来学PS了.可是咬牙关过了几个关,现在觉得不那么难了,而且兴趣很大,只可惜太阳西沉的太快了.
Flash版块欢迎您: http://bbs.jcwcn.com/forum-93-1.html

我在这儿只想说的是:英子,你进步太快了,你能不能等等我咧
惟有痴情难学佛,
独无媚骨不如人。

学习,向英子学习,向英子看齐(^#@^ (^#@^

好厉害~(^#@^

学习,有空做一个

支持原创,英子好厉害哦,嘿嘿,效果不错,名字也很不错(^#@#@

嗯,这回做出来了。


(^#@$%^%^" /> 英子的教程真详细,第一次没做出,这次行了。

[ 本帖最后由 红岩梦幻数码 于 2007-4-6 22:09 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • 英子 金币 +2 蝴蝶转方向的时候,身体也转一下方向,更 ... 2007-4-7 12:04
  • 英子 热心度 +2 蝴蝶转方向的时候,身体也转一下方向,更 ... 2007-4-7 12:04

英子姐姐的教程好经典,谢谢

好好看那,我也要学,能教我吗(^#@$%^

[ 本帖最后由 英子 于 2007-4-17 08:30 编辑 ]

顶!
做的详细!
辛苦楼主了!(^#@^ (^#@^

看了你的作品,很美。我早就很想学,但是不只道软件在哪里下载。
发新话题