快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash制作精美美女遮罩效果动画

  先看看演示效果:(文章最后提供了源代码)

« Full Screen »

  制作步骤:

  1.首先选一张美女图片 然后用photoshop把美女抽出来 调整边缘使其平滑

  假如不会 这里有png原文件

  2.新建一个FLASH文档 大小根据你的图片决定 我的是440*600 帧速为40。

  3.新建MC1命名为渐变 做一个150*600的由浅灰色过渡到透明的矩形长条:

  做好后在场景中删除。

  4.新建一个"zhezhao1"mc,打开MC  把第一层命名为"mm1"层,画一个和美女轮廓相同的灰色图形 并转变为元件 我这里是直接用coreldraw做好 导进来的 坐标位置是x 0, y 0。

  假如不会 后面有原文件

  5.新建一个"yuan1"层 做一个黄色的小圆元件 第一帧位置在背景外x 180, y -15,在第6帧插入一个要害帧坐标x 180, y 160 做补间。再在第10帧插入要害帧坐标位置是 x 180, y 500做补间 
继承在第14帧插入要害帧坐标位置是 x 180, y 510做补间,在第17帧插入要害帧坐标位置是 x 180, y 506做补间,在第19帧插入要害帧,在第22帧插入要害帧 把圆扩大为78*78在19和22帧之间做补间

  在第31帧插入要害帧 把圆扩大为154*154在22和31帧之间做补间,好了一直拖到125帧的时候插入要害帧  这一层的动画就完成了。用"yuan1"层把"mm1"层 遮照起来,以同样的方式再做几个圆的遮照 不过第二个的位置再第3帧才开始 第三个再 第6帧开始 依次类推,并且位置也有变化  圆圈的节奏速度也要有相映的变化 所有层在130帧结束。

好 现在可以看一下这一段的效果

« Full Screen »

  接下来我们来制作这个MC第2部分,新建MC 命名为"长条",在"长条"里第一帧,做一个长5高20的灰色矩形 第十七帧插入要害帧 把矩形长改为400颜色改为白色,然后做外形补间 在第十八帧处转变为要害帧 把矩形转化为元件,新建一层  在十八帧处加AS:stop():

  新建MC  命名"zhezhao2",建三十个层 把"长条"MC按时间的早晚出现无序的放在每一个层里面
 把"长条"MC由纵坐标按顺序的排列成一排,在最上面一层的39帧加上AS:stop():

  把"zhezhao1"mc新建两个层,上面一层在第75帧处拖入"mm1",第二层在第75帧处拖入"zhezhao2",用"mm1"遮照"zhezhao2",新建一层在131帧加上AS:stop():

« Full Screen »



  接下来 真正的MM出场了 !~~~出场时我们让她有曲线美并赋有动感和节奏感。

  好 ,新建MC "zhezhao3",把MM切成60片,关于切片的制作,我是在FIREWORKS里做的 直接切成六十片 以十象素为一个单位  切这个比较麻烦,假如你不想切 这里有打包文件

  切好后把它们导入进来每一片是一个图层(这一步要有耐心去做)坐标都设为(0,0)

  注重 由于MC "zhezhao3"是在MC "zhezhao1"后面播放的 而MC "zhezhao1"一共走了130帧 所以MC "zhezhao3"要从第131帧开始

  在第一层的把图片转化成元件 然后第131帧插入要害帧,第137 第142也插入要害帧  在第137 帧处  把图片的ALPHA设为零坐标为(-15,0)

  分别在这三个帧上做补间动画

  以下的层依次类推按上面的方式去做 不过一次要隔一帧

  把"zhezhao3"做完后 我们就可以看效果了。

  新建一个"amc",把"zhezhao1"mc和 "zhezhao3"MC分别建两个层然后重叠放在一起 记得把刚做的灰条也要放进去 并与左边线对起,再把"amc"拖到主场景 一切就OK了!~~~~ 

  点击这里下载以上三个文件的源文件




返回类别: Flash教程
上一教程: 电闪雷鸣、小雨纷飞的效果,Flash制作方式
下一教程: FlashMX 视频教程(18)-缩放工具的使用

您可以阅读与"Flash制作精美美女遮罩效果动画"相关的教程:
· Swishmax制作美丽遮罩效果动画
· FLASH制作爆炸效果动画
· Flash制作闪电效果动画
· Flash制作环绕的立体图片效果动画
· 出色Flash制作风吹草动效果动画
    微笑服务 优质保证 索取样品