设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks实例指导 ─ 用MASK做动画
返回列表
发布主题
Fireworks实例指导 ─ 用MASK做动画
[复制链接]
查看:
319
|
回复:
0
gggds
当前离线
积分
22692
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:06:57
|
显示全部楼层
|
阅读模式
看下面这个动画效果,感觉怎么样呢?是不是又有些类似Flash的效果呀,这种效果在FLASH的做出来不难,在Fireworks4中制作同样不难,看看下面的教程你就会明白了。
+ Y/ Y! B& X) g0 u6 Q! j
3 f8 L" S2 S5 ]8 p1 R/ M6 Z! j
一、 新建文件(File->New)设置文件尺寸为500*300,画布颜色为白色。 二、 选择工具面板中的矩形工具,在画布上画一个矩形,打开Info面板,设置其W值为400,H值为50,按回车确认。接着打开Fill面板,选择填充类型为Solid,颜色为绿色。Texture中选择Grain,透明度为20%。 三、选择工具面板中的文字工具,在文字编辑器中选择字体、大小、颜色为黄色、加粗。在输入窗口输入Macromedia Fireworks这几个英文字母。输入完后,点击OK按钮。并把文字放在绿色的矩形上面。按Ctrl+c键。 四、打开Layers(层)面板,点击层面板下面的按钮,新建一个图层。按Ctrl+v,粘贴上面拷贝的文字层。改变文字的填充颜色为黑色。 五、选择工具面板中的椭圆形工具,按住Shift键,画一个正圆形,大小能覆盖掉文字便可,填充颜色为黑色。在Layers层面板中,把这个圆的图层拉到文字图层的下面。 六、用指针工具按住Shift键把圆和文字同时选中,使用菜单命令Modify->Mask->Group as Mask。并把这个MASK层拖到如下图所示的位置,和黄色的文字稍微错开些距离。
8 |6 L. D9 k0 M2 P5 }
) Q) q8 e- V# }/ [
七、选择Layers面板,让白色的链接符号消失掉。这样做的目的是使遮照和文字取消关连。等会会派上很大的用处哦。这时用鼠标点击Layer2层的遮照的圆形,也就是刚才取消掉的白色链接符号的前面一部分。 八、按F8键,在符号属性对话框中选择其类型为animation。点击OK按钮。在紧接着跳出来的动画窗口中再进行如下设置。Frames设为10帧。Move选项设为200(随便设置一个数字好啦)。Scale to 选项中填入120。点击OK按钮表示确定。 九、看到红色小圆点没?呵呵,用鼠标选择它,并把它拖到黄色文字层的最右边。
" `" R l3 N- ]. E. ]/ A( e2 X( z
6 }" ]: A2 _: ~& e' e9 ^
十、最后一步啦,打开Layers面板,选择Layer1标签,双击。在跳出的对话框中把Share Across Frames前面的钩选上。使图层1进行共享。 看看这个动画效果有没有实现?点击文档窗口底部状态栏左边的白色的播放按钮。感觉速度太快了是不是,呵呵,自己去改Frame面板中的速度吧。感觉满意的话,我们就可以把这个动画进行输出了。使用菜单file->export preview,在输出对话框中,format(格式)选择为animated gif(动画GIF)按export按钮输出到指定的目录中。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表