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

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

图片过渡制作-方形渐变  

2010-02-26 00:57:51|  分类: Flash动画习作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

制作图片过渡flash特效-方形渐变

 

方形渐变是指多个方形排列渐变的遮罩,可分为方形变大、方形变小两种。它的功能是:方形变大用于图片进入,方形变小用于图片退出,也都可用在两张图片之间的过渡。

方形渐变的效果浏览:

方形渐变的制作方法:相关连接

方形渐变的制作方法,与圆形渐变的制作方法基本相同。它还可通过修改“圆形变小.fla”文件来实现。下面介绍的是将“方形变大”与“方形变小”放在一起的制作方法。

⑴打开Flash8→设置背景尺寸470×280→菜单“插入”→新建元件→输入“fa”→选择“影片剪辑”→确定;

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客 

⑵选择“矩形工具”→画一个80方形、XY均为-40→在第15帧处插入关键帧→锁住该层;

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客  
⑶右击库中的“fa”→直接复制→取名“fb”→选择“影片剪辑”→确定→锁住该层;

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客 

⑷菜单“插入”→新建元件→输入“faa”→选择“影片剪辑”→确定→画一470×280矩形、X为-235、Y为-140→在第15帧处插入帧→锁住该层。

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客 

⑸新建一个图层2→单击第1帧→将“fa”拖出→摆放如下图样式→锁上图层2→删除图层1。

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客

⑹按照④⑤的方法新建影片剪辑“fbb”→将“fb”拖出→摆放如上图样式→锁上图层2→删除图层1。

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客

⑺双击库中的“fa”→单击第1帧→在属性“补间”里选择“形状”→选中方形→设宽高为1,XY轴为-0.5→锁住该层。

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客 

⑻双击库中的“fb”→单击第1帧→在补间里选择“形状”→单击第15帧→选中方形→设宽高为1,XY轴为-0.5→锁住该层。

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客 

⑼进入场景1→导入2张图片到库→更名图层1为tp1→单击第1帧→拖出图片1→设XY为0→在第59帧处插入帧→锁住该层。

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客 

⑽新建层tp2→在第45帧处插入空白关键帧→拖出图片2→设XY为0→在第105帧处插入帧→将tp1移到tp2上面→锁住该层。

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客 

⑾新建层“方形渐变”→将该层移到最上面→单击第1帧→拖出“faa”→在第15帧处插入空白关键帧→单击第45帧→拖出“fbb”→在第60帧处插入空白关键帧;

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客 

⑿对着“方形渐变”层单击右键→设置为“遮罩层”→锁住该层。

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客  

 

通过修改上面的“方形渐变.fla”文件,还可制作不同的几何图形渐变,下面再介绍一个实例。

菱形渐变的效果浏览:

菱形渐变的制作方法:

①打开“方形渐变.fla”文件→双击库中的“fa”→删除第1至14帧保留第15帧;

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客   图片特效制作-方形渐变 - 火力光波 - 火力光波的博客

 ②选中方形→单击变形工具→将方形旋转45度→设高宽为150、XY为-75→在第15帧处插入关键帧;

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客    图片特效制作-方形渐变 - 火力光波 - 火力光波的博客

 ③单击第1帧→在属性“补间”里选择“形状”→选中菱形→设宽高为1,X,Y轴为-0.5→锁住该层。

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客 

④双击库中的“fb”→单击第1帧→选择变形工具→将方形旋转45度→锁住该层。

图片特效制作-方形渐变 - 火力光波 - 火力光波的博客 


  返回目录

  评论这张
 
阅读(1511)| 评论(11)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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