专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Flash教程 » flash引导页:利用Flash引导线制作动态爱心两例 »正文

flash引导页:利用Flash引导线制作动态爱心两例

来源: 发布时间:星期五, 2009年1月23日 浏览:247次 评论:0
  本文举例源代码或素材下载

  效果演示:



  新建文档,背景为黑色,其他设置默认

  .心形元件

  1.插入—新建元件,名称为心形,类型:图形,”确定”进入心形元件编辑场景

利用Flash引导线制作动态爱心两例

  2.把场景放大400%.禁止笔触,填充色任意,用椭圆工具画个圆

利用Flash引导线制作动态爱心两例

  选中这个圆,左手按住ALT键,拖拽复制个圆,如图摆放

利用Flash引导线制作动态爱心两例

  用黑箭头工具调成心形

利用Flash引导线制作动态爱心两例

  3.打开混色器面板,选择填充颜色,类型:放射状,左色标为FEB4B4(浅红色,可以自己调),右色标为FF0000,然后点颜料桶工具,再点下心形左上方,颜色填充好了

利用Flash引导线制作动态爱心两例

利用Flash引导线制作动态爱心两例

  选中心形,打开对齐面板,全居中(即:相对于舞台,水平中齐,垂直中齐),心形元件就制作好了

利用Flash引导线制作动态爱心两例

   2.心动元件

  1.插入—新建元件,名称为心动,类型:影片剪辑.

  2.先把场景改为100%,点第1层第1帧,打开库,选中刚才做心形元件,拖入到场景中.图层上锁.

  3.添加运动引导层,禁止填充色,笔触色任意,用椭圆工具个画

利用Flash引导线制作动态爱心两例

  复制个圆,如图摆放

利用Flash引导线制作动态爱心两例

  选中中间两条线,按Delete键删除

利用Flash引导线制作动态爱心两例

  用黑箭头工具调成心形,再用直线工具如图画条直线

利用Flash引导线制作动态爱心两例

  先选中心形左半部删除,然后删除直线,只留下右半部分,这就是我们要引导线.如图

利用Flash引导线制作动态爱心两例

  选中引导线,全居中,延长到119帧.把图层上锁

利用Flash引导线制作动态爱心两例

  4.打开图层1锁,点第1帧,把心形元件拖到引导线上方

利用Flash引导线制作动态爱心两例

  第60帧加入关键帧,把心形元件拖到引导线下方

利用Flash引导线制作动态爱心两例

  回到第1帧,在属性面板中,创建动画补间

利用Flash引导线制作动态爱心两例

  5.把第1帧到第60帧全选中,点鼠标右键复制帧

利用Flash引导线制作动态爱心两例

  点63帧,右键粘贴帧

利用Flash引导线制作动态爱心两例

  删除第60和63帧的间补间.

  6.在第1层上增加12个图层

利用Flash引导线制作动态爱心两例

  7.选中第1层所有帧,点鼠标右键复制帧

  点第2层第5帧,点鼠标右键,粘帖帧,这样就把第层所有帧,次都复制过来了

利用Flash引导线制作动态爱心两例

利用Flash引导线制作动态爱心两例

  再同上把第所有帧,复制到第3,4,5,6,7,8,9,10,11,12,13层第位10,15,20,25,30,35,40,45,50,55,60帧上,如图

利用Flash引导线制作动态爱心两例

  8.把1到12层第119,120帧都加上关键帧.

  9.选中第12层120帧和176帧的间所有帧(即两个关键帧的间所有帧)

利用Flash引导线制作动态爱心两例

  在第120帧上按住鼠标左键,这时所选中帧上出现个框,如图

利用Flash引导线制作动态爱心两例

  继续按住鼠标左键,把这个框拖到第13层帧上放开鼠标,这样就把第12层120帧和176帧的间所有帧拖到13层1到57帧上

利用Flash引导线制作动态爱心两例

利用Flash引导线制作动态爱心两例

  同上面操作,分别把1至11层第120帧,和其的后关键帧的间所有帧选中,在120帧上按住鼠标左键,拖到上第1帧放开鼠标.

  完成后图层效果图:

利用Flash引导线制作动态爱心两例

  10.把所有图层第120帧的后帧(包括第120帧)删除.至此,心动元件做好了



  回到场景1中,点第1层第1帧把心动元件拖入场景中,再复制个,选中其中个点修改—变形--水平翻转,摆成心形

利用Flash引导线制作动态爱心两例

  选中这帧,点修改—组合,再适当调整,CTRL+ENTER测试影片,漂亮动态爱心效果就呈现在你眼前了

利用Flash引导线制作动态爱心两例

  、新建个图形元件个心(心画法见飘飘就在最上面啦~)

   2、新建个名为“心动1”影片剪辑元件打开库把刚画好心元件放在图层然后添加引导层在引导层中画个半心形引导线~画好引导线后点下图层把心放在引导线端~

利用Flash引导线制作动态爱心两例

  在引导层第55帧插入帧在图层第55帧插入关键帧然后把图层第55帧中心放到引导线放好后在图层第1帧右击创建补间动画~

利用Flash引导线制作动态爱心两例

   3、新建个名为“心动2”影片剪辑元件打开库把刚做好“心动1”影片剪辑放到场影中放好后点下这个元件按Ctrl+C复制在第5帧插入关健帧然后按Ctrl+Sht+V粘贴到原处再在第10帧插入关键帧再按Ctrl+Sht+V粘贴到原处以此类推每隔5帧插入个关键帧直到50帧插入关键后在55帧插入帧然后新建个图层2在55帧插入关键帧然后按F9打开动作面版输入stop;



利用Flash引导线制作动态爱心两例

   4、最后回到场景中打开库把“心动2”影片剪辑元件拖到场景中然后按Ctrl+C复制再按Ctrl+Sht+V粘贴到原处点下粘贴后那个心元件然后选择修改——变形——水平翻转

利用Flash引导线制作动态爱心两例

  最后把翻转后那个心和第个心位置重叠就完成了~

  很简单吧其实主要就是第 3步那里记得每隔5帧插入个关键帧后要按次Ctrl+Sht+V喔~

  其实效果就和飘飘~就不再贴了~多种选择~大家记得交份作业喔~

  提示下~做好个引导线心形影片剪辑,然后再创建个影片剪辑来做动态爱心~最后场景中反下方向~

  加张图~半动态心图层~

利用Flash引导线制作动态爱心两例

  再说下这个好处~那就是两个心间距是样大~



0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: