Fireworks MX 实现选项卡式效果(1)

[复制链接]
查看: 242|回复: 0
gggds 发表于 2009-12-27 12:24:47 | 显示全部楼层 |阅读模式
论坛上经常有一些网友讨论类似于这种效果是如何实现的.我也不知道这种效果应该叫什么,不过他类似于windows的选项卡,所以在这里,我们就先给这种效果定个性,就先叫选项卡式效果吧.(不好听,将就一下先\\\"\\\")% [' C, Z4 T! k
先说些题外话,一种效果的实现,可能会有好多种方法.而一种效果灵活运用会实现更多意想不到的效果.这就是没有做不到,只有想不到.希望大家按照教程的思路和方法学习之后,能够灵活运用,而不是只学会了如何制作这一种效果,祝大家花火之旅一路愉快.8 ?; L0 X* L) [& ?5 `2 H
切入正题,开始我们的选项卡式效果实现之路.
& V$ z, A# g# p# `新建文档,使用圆角矩形工具创建一个矩形,设置矩形圆度为50,使用倾斜工具做调整矩形形状如图& \) b0 ~/ U, q1 `. Q; ?
$ U" n9 T6 o" R- T

: u( K- j! B4 M6 @7 @0 X& m* u# M/ P. z* R" C6 K1 a
使用复制命令,复制两次粘贴,将三个矩形按下图排列好,这样我们就做好了选项卡的菜单按钮
+ F5 w2 ~* p3 U- j0 |# a! R" \6 E  M- X
) x& I/ i# e7 L: _
# N; [% N, `, b" ~- C
使用矩形工具创建信息框[大小适宜]适当调整位置如图
" m; a  G3 J* U( j9 w% Y: B" y% N; i7 X) Y; q! d% ^
8 ?9 y  k& S1 H5 @& X; j8 |
$ X6 z5 L% {3 ]
新建两个帧,现在你的帧面板内,加上原有的应该共三帧.
/ `( Q! Z. e8 C0 P5 }2 z1 H6 m复制全部图形,选取帧2,粘贴,再到帧3,粘贴./ D) [& z% u6 a
回到帧1,选取第一个矩形,按住shift再加选信息输入框,选中之后执行修改-->组合路径-->联合,完成效果如图.
& y+ t  {' F) B: ]
" T. y0 t/ I, ^" Q2 x

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )