登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

强大才能生存

国防、国力、国人

 
 
 

日志

 
 

flash制作图片运动特效  

2009-01-13 01:58:28|  分类: flash课堂 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 勿忘我编写(老虎插图)

制作方法:

1>新建一个文档,导入6张图片 .(我上面这个影片用的是6张图片,所以我以这个为例来讲解.大家可以根据自己的喜欢来添加图片).图片在导入前修改成550**400像素.

2>将所有的图片转换成图形元件1---元件6.(如果没有改图工具的朋友在把原图转换成元件的时候,可以在属性面板上把图片修改为和场景的大小一致).

老虎注:进入场景,新建13个图层,将第13层拉到最下(这样添加元件6背景时,遮罩层不返工)。如下图

flash制作图片运动特效 - 老虎 -                老虎的博客

3>在图层1的第一帧拖入元件1,和场景对齐.延长帧至1200帧.依次在图层2----5的第一帧拖入元件2---元件5,(元件6做底图,我们最后再用).延长帧至1200帧.在图层2拖入元件的时候,元件2要放在元件1的左边并排.各图层元件排列位置如下图所示:

flash制作图片运动特效 - 老虎 -                老虎的博客

flash制作图片运动特效 - 老虎 -                老虎的博客

(在排列图片的时候一定要仔细,各图层的图片之间要平行,不要留间隙.最好用键盘上的移动键来移动,这样比较平稳,做出来不会有抖动的效果)

4>在图层5的1200帧建一关键帧,然后将元件5移动到场景的右边并排,然后创建补间动画.和前面一样,依次在图层4----图层1的1200帧建关键帧,做补间动画.各图层元件排列位置如下图:

flash制作图片运动特效 - 老虎 -                老虎的博客

(这里为了方便元件的排列,所以先从图层5开始做补间动画)

5>新建一个图形元件,在场景里画一个宽275,高度为400的矩形(颜色任意,笔触颜色无),取名遮罩.插入图层6,将遮罩元件拖入场景,作"垂直居中分布","右对齐".然后将图层6设置为遮罩层.

flash制作图片运动特效 - 老虎 -                老虎的博客

6>用鼠标依次将图层1----4拖入图层6(遮罩层)下面,让其都形成被遮罩的状态,然后再将各图层恢复原位.如下如:

flash制作图片运动特效 - 老虎 -                老虎的博客

老虎注:作到这里,如果把矩形改为宽550,高400,测试影片,就是图片单向运动。

7>新建图层7,在第一帧位置拖入元件1,和场景对齐.点菜单栏:修改----变形----水平翻转.

然后依次在图层8----图层11拖入元件2----元件5,将各元件作水平翻转,再依次向右水平排列.如下图所示:

flash制作图片运动特效 - 老虎 -                老虎的博客

(在做这一步的时候,可以先把下面的图层1---图层6隐藏并锁定,再来排列图片,这样就不会将下面图层的图片移动了.)

8>在图层11的1200帧建关键帧,将该图层对应的元件5水平移动到场景的左边,然后创建补间动画.依次在图层10-----图层7的1200帧建关键帧,做补间动画.各图层元件排列位置如下图:

flash制作图片运动特效 - 老虎 -                老虎的博客

(其实这2个步骤和前面第3,4个步骤是差不多的,就是要把元件做个水平翻转,然后排列的方向相反而已.刚开始学的朋友可能会被上面排列的图片弄晕了,想明白了原理以后就很简单的.)

9>新建图层12,将遮罩元件拖入场景."垂直居中分布""左对齐".将该图层设置为遮罩层.依次将图层7----图层10拖入图层12(遮罩层)下面,使其都形成被遮罩的效果.然后再将各图层恢复原位.

flash制作图片运动特效 - 老虎 -                老虎的博客

10>插入图层13,将元件6拖入场景对齐作为底图.将图层13用鼠标拖入图层1下面,

flash制作图片运动特效 - 老虎 -                老虎的博客

测试影片,完成.

(补充一点:如果想在里面加歌曲,只要新建一个影片剪辑的元件,然后把歌曲导入该元件里,然后回到场景1,新建一个图层,将歌曲元件拖入该图层就可以了.)

 

 

图片运动特效 - 老虎 -                老虎的博客

                     老虎制作:

  评论这张
 
阅读(2123)| 评论(2)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018