设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
用MASK做动画(一)
返回列表
发布主题
用MASK做动画(一)
[复制链接]
查看:
221
|
回复:
0
gggds
当前离线
积分
22692
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:25:13
|
显示全部楼层
|
阅读模式
用MASK做动画
(一)
& D+ e4 z1 O; Q* S
看下面这个动画效果,感觉怎么样呢?是不是又有些类似Flash的效果呀,这种效果在FLASH的做出来不难,在Fireworks4中制作同样不难,看看下面的教程你就会明白了。
4 k8 I, l4 G: b% A$ c6 {
7 }9 B0 w: `0 r8 S* u
( f! ^1 K# {# `& ?
* n4 F- ^" ^# `9 t
% H9 P- Y/ R5 w' K2 }% Q
跟我一起做一遍吧:) 一、 新建文件(File->New)设置文件尺寸为500*300,画布颜色为白色。 二、 选择工具面板中的矩形工具,在画布上画一个矩形,打开Info面板,设置其W值为400,H值为50,按回车确认。接着打开Fill面板,选择填充类型为Solid,颜色为绿色。Texture中选择Grain,透明度为20%。效果如下图所示
" f1 j* w8 R3 F+ d3 N- n' Q) k
3 w. p6 S/ b. X- w4 n: F
8 e! D6 D3 @. O7 p4 U
: O' L$ ~& w u, L' L
/ X* Y: Z; f; o3 w3 R
三、选择工具面板中的文字工具,在文字编辑器中选择字体为Arial Black ,大小为30象素,颜色为黄色,加粗。在输入窗口输入Macromedia Fireworks这几个英文字母。输入完后,点击OK按钮。并把文字放在绿色的矩形上面。按Ctrl+c键。
% o4 K3 ^# }+ x0 I7 n; ]0 e" T
( @6 B& C- p5 H" ~& P. t
4 \0 z' @$ C3 x" f' a5 t
; G" P5 K0 M$ x) v6 b
" }" u6 `7 E3 e4 p# _; l
四、打开Layers(层)面板,点击层面板下面用红笔圈出来的按钮,新建一个图层。按Ctrl+v,粘贴上面拷贝的文字层。改变文字的填充颜色为黑色。
/ a! |+ v; S( k, r
1 I! k( O+ k+ }
6 |9 m/ u! M* f4 h9 H% S2 l
1 |- B+ _. b& T% d7 H7 \3 H
" c) O1 w; i% N' F
五、选择工具面板中的椭圆形工具,按住Shift键,画一个正圆形,大小如下图所示,填充颜色为黑色。在Layers层面板中,把这个圆的图层拉到文字图层的下面。
( b6 `+ U; ?" m9 l- |2 c3 P! @
# |3 u/ |1 c' Y$ g2 b
$ V3 @3 Z4 p8 @4 @: M$ `
a9 E6 r% z# z `4 H
: e: B6 L8 R+ l2 ]* l% `
六、用指针工具按住Shift键把圆和文字同时选中,使用菜单命令Modify->Mask->Group as Mask。并把这个MASK层拖到如下图所示的位置,和黄色的文字稍微错开些距离。
0 t% L# s" t9 E7 n
; P" J4 T4 Z- u$ i; v- o9 W/ ~
^0 C8 k4 H# y( h7 w
9 |9 A& \5 D$ U& z2 y% b, A
/ |; g% a9 l1 l# r" Q- o, k
七、选择Layers面板,点击下图用红笔所圈出来的地方,让这块白色的链接符号消失掉。这样做的目的是使遮照和文字取消关连。等会会派上很大的用处哦。这时用鼠标点击Layer2层的遮照的圆形,也就是刚才取消掉的白色链接符号的前面一部分。
; j! y6 ^( j; H
" s2 ]- K% V. [1 ~
; L" v5 D& ?' f, ~$ O
5 J" @7 J/ x \# l3 H* w7 a7 c: t
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表