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

[复制链接]
查看: 261|回复: 0
gggds 发表于 2009-12-27 12:24:47 | 显示全部楼层 |阅读模式
论坛上经常有一些网友讨论类似于这种效果是如何实现的.我也不知道这种效果应该叫什么,不过他类似于windows的选项卡,所以在这里,我们就先给这种效果定个性,就先叫选项卡式效果吧.(不好听,将就一下先\\\"\\\")
2 T0 n$ x; Z" v5 d4 o: x( X: a! h6 Z先说些题外话,一种效果的实现,可能会有好多种方法.而一种效果灵活运用会实现更多意想不到的效果.这就是没有做不到,只有想不到.希望大家按照教程的思路和方法学习之后,能够灵活运用,而不是只学会了如何制作这一种效果,祝大家花火之旅一路愉快.4 c# R* d. S% m7 x$ o5 f
切入正题,开始我们的选项卡式效果实现之路.$ A8 n0 C5 a: o% O& E! [' A& K
新建文档,使用圆角矩形工具创建一个矩形,设置矩形圆度为50,使用倾斜工具做调整矩形形状如图
9 r) E3 {- @( F! L6 r( w$ B. F* J3 w( O  o* p7 V0 G) r- N7 o5 p

: u% X# l2 m% V$ J" I$ T  w8 n3 V
* X. W3 D& Q: C9 y8 p使用复制命令,复制两次粘贴,将三个矩形按下图排列好,这样我们就做好了选项卡的菜单按钮
' _! M2 b: l- t+ f$ o3 A4 @0 `0 O# k0 @& R: r+ L- D
4 {- O# w7 W8 n3 i8 A

$ G+ F" ?+ _& ]5 q) D* L8 g4 ~使用矩形工具创建信息框[大小适宜]适当调整位置如图
1 W3 Q3 x" A" f# G
5 L7 H, m3 u' e5 O; s/ a  U8 w" K+ j' }5 ]: q

: E! m+ O. Z7 P6 C新建两个帧,现在你的帧面板内,加上原有的应该共三帧.
5 A. a3 _5 f) j; S  k) B复制全部图形,选取帧2,粘贴,再到帧3,粘贴.. d4 w( a" a; k7 W
回到帧1,选取第一个矩形,按住shift再加选信息输入框,选中之后执行修改-->组合路径-->联合,完成效果如图.' X9 K! ^1 r5 r& n9 s0 c+ b6 t% _
! p( A- r; I$ Q# n1 e( e; P3 B+ F

本版积分规则

精彩图文

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