Fireworks8设计圆形动画效果详细步骤

最近这几天很多的用户询问Fireworks8如何设计圆形遮罩动画效果?今天在这就为各位呈现了Fireworks8设计圆形动画效果的详细步骤 。

Fireworks8设计圆形动画效果详细步骤


首先我们需要打开Fireworks8软件,然后打开一个图片作为背景图片 。
Fireworks8设计圆形动画效果详细步骤


接着我们创建一个位图在顶部,在里面绘制一个“圆形填充颜色”,作为遮罩区域 。
Fireworks8设计圆形动画效果详细步骤


这时候我们再选择“底部的图片”,然后在“修改”--“元件”--“转换为元件” 。
Fireworks8设计圆形动画效果详细步骤


然后选择“动画”,然后“确定” 。
Fireworks8设计圆形动画效果详细步骤


接着我们设置“帧”为“10”,自己设置动画方式或者直接默认,然后确定 。
Fireworks8设计圆形动画效果详细步骤


会发现图片中间会多出一个“红色圆点”,我们向一边拖拽会出现多个 。
Fireworks8设计圆形动画效果详细步骤


现在我们按住“ctrl”把两张图都选中 。
Fireworks8设计圆形动画效果详细步骤


再点击“修改”--“蒙版”--“组合为蒙版” 。
Fireworks8设计圆形动画效果详细步骤


最后我们点击底部的“播放”动画,或者一帧一帧查看圆形区域遮蔽效果了 。
Fireworks8设计圆形动画效果详细步骤


【Fireworks8设计圆形动画效果详细步骤】根据上文为你们讲解的Fireworks8设计圆形动画效果的详细步骤,你们是不是都学会啦!

    推荐阅读