FLASH水波纹效果动画制作教程图文自编
来源:互联网 发布:sai mac下载 编辑:程序博客网 时间:2024/05/01 01:30
这个教程很简单也好学,希望对初步认识FLASH的动画爱好者有帮助,废话少说,下面我们开始制作 教程吧
教程准备,准备一张带水的风景图片为例,其他没有什么需求
一,首先打开FLASH软件8.0,这个版本比较好用,设置文档属性为宽550 高400,也是软件默认的属性,背景颜色你可以改为自己喜欢的颜色,这个看由你自己选择,在制作时我比较喜欢用黑色,如图
设置好文档属性后,我们点击确定,进入场景中来,
二 在场景第一帧点击下,在点击软件中的文件----导入 -----导入到舞台---,把刚才的你找好的风景图片导入进入点击确定,这个图片就自然到了场景中,首先图片大小要符合场景文档属性的默认要求,修改图片的大小尺寸,如果图片有网址,我们可以提前用PR软件处理掉,或者在FLASH软件场景中点击图片右键,分离,图片成麻点状后,用矩形选框工具把网址框起来删除,在下面的属性面板把小锁打开,设置为高400,图片自己形成等比例的大小,如图下
设置好以后在,在时间轴的100帧右键插入帧,点击中间场景中的图片右键为图型元件,对齐面板,水平中齐,垂直中齐,在点击中间图片右键复制,锁上图层一,
三, 建立图层二,在时间轴左侧下面点击插入图层的小按钮添加一个图层二,双击图层区修改下名字为 “|水动”如图下
添加好之后,在点击图层二水动的第一帧,在场景下面空白处鼠标右键选择粘贴到当前位置,这样刚才复制的图层一图片就覆盖在图层二上,点击图层二的图片右键分离,分离后把不是水的地方用橡皮擦工具擦掉,如看不清,先临时把图层一眼睛关闭掉,就是把图层一小锁前面的眼睛点击下 看擦好后的效果 如图下
擦好之后把图层一的眼睛打开,这时候需要放大你场景的倍数,在软件的右边点击小三角放大到400%,
这样放大后,在点击场景中的图层二水动部分的图片,找到键盘上的上下左右方向键,我们就用下键往下敲打两下,在用右键向右敲打两下,在时间轴的100帧处右键插入帧 在把场景改会100%
锁上图层二,建立图层三,遮罩层,我们用矩形或者刷子工具,在这里用矩形工具,在场景中先画一个矩形条为宽是700. 高是10的矩形,画好后在点击下黑箭头工具,把矩形拉个弓形,弄好后,在复制多个弓形,把图片完全的覆盖好,还要过图片的高度,如图效果
做到这步后, 我们在图层三的时间轴100帧处,右键插入关键帧,在点100帧,把遮罩的矩形条上边和图片的上端对齐, 如图下
放好位置后,在点击下面属性旁边的补间小三角-------改为形状补间,
在图层三处点击右键为遮罩层,就这样一个水波纹的动画就出炉了,其实在这里为了让大家学的快,这个图片应该树木和水都应该有轻微的动,树木动和水动的原理是一样的,简单吧,这个大家可以学习参考,当然如果
你有好制作方法的教材也可以在编辑更好的效果出来,小妖编写教材纯属娱乐,高手莫笑哦,
看看我制作好的效果图吧,希望你喜欢
祝你成功哦,小妖欢迎你加入会员http://www.beiyy.com/flashyuanma/flashjcjb/suibo.swf
- FLASH水波纹效果动画制作教程图文自编
- flash制作图文教程!!!
- Photoshop制作动态水波动画效果
- flash制作水波
- flash制作水波,根据鼠标点击产生效果
- 基于CABasicAnimation 制作水波纹动画
- 简单制作水波动画
- 制作水波加载动画
- HTML5 Canvas 制作水波纹效果
- 安卓实现水波纹动画效果
- 以动画实现 水波纹扩散效果.
- SurfaceView 实现水波纹动画效果
- Tweened Animation动画效果制作 小教程
- 如何使用 HTML5 Canvas 制作水波纹效果
- 分享一个水波纹动画效果的实现
- Java Swing模拟水波纹扩散效果动画
- Activity切换动画--模糊、水波纹、折叠效果 ...
- 实现Viewpager切换界面导航栏水波纹动画效果
- Qt文件流操作
- JDK 配置
- 在Eclipse下使用手机真机调试Android应用 (sony ericsson mt15i semc hsusb device 驱动)
- QMap的使用
- 正则学习
- FLASH水波纹效果动画制作教程图文自编
- C# 佳能(Canon)相机EDSDK应用开发(一)--基本
- C# 佳能(Canon)相机EDSDK应用开发(二)--Live view与拍照
- Linux各发行版本简介
- 新电脑调试记录
- Android 中自定义控件和属性(attr.xml,declare-styleable,TypedArray)的方法和使用
- IOS之Objective-C学习笔记(二)
- 2012年4月份编程语言排行榜
- Android declare-styleable:自定义控件的属性(attr.xml,TypedArray)的使用