Free CSS Navigation Menu Designs 1 at exploding-boy.com
发新话题
打印

[讨论] fireworks mx2004之shapes工具组应用

fireworks mx2004之shapes工具组应用

  在fwmx2004之shapes初探系列的教程中,曾经给大家演示了用工具箱shapes工具组的star(星形)工具制作的一个变形的花朵效果,不知道大家是否还记得,这里我们再次制作了一种变形花朵效果,如下图所示:
7 i0 H; S3 y' h# O( }
  i# e5 x7 [+ A1 k) M4 M% q9 B% Z6 e; s; Q  {
" Y1 w3 a5 y) y! `
  如果大家对star工具已经钻研的比较透彻的话,应该对实现这样的效果不陌生,因为我们在fwmx2004中来实现这种效果可以说是轻而易举的,不信的话,请跟我来吧!
1 C: ?/ z. A0 g; x; h* i; [7 i5 @; J1 N; h: r3 t( m5 q! H6 M2 I1 G
  1、打开fwmx2004,新建文件,大小、背景色随意。
# h+ s7 z! k2 I7 r8 |6 l% \  I9 V1 J4 _
  2、选取工具箱的shapes形状组的star绘制工具,在编辑区绘制一个星形,默认情况下,是五角星。如下图所示:
& n' g0 ^+ {! U$ \7 ]; }% V( W8 O4 A/ u" o7 A
0 G6 F1 \/ L: s

9 g  L0 b# B2 Z* R# t5 @4 I  3、通过前面的学习我们知道,目前编辑区绘制的星形对象共有5个调整控制点,我们可以通过调整这5个控制点来进行进一步的编辑操作。为了便于随后的叙述,我们同样是将星形对象的几个控制点进行编号。如下图所示:
2 E7 E4 x/ r5 e: R; P% E' S
/ `/ z1 t& R& ~$ s6 _) y4 D0 D
0 e3 m9 V; P& S- d1 P& V: n
9 C& g( F& z  E- P, g+ J$ ?2 ~! q. z
  4、选中1号控制点,向下方拖动,本步操作的目的是为了减少星形对象的角的数量,只需要将5角星变成4角星即可了,如下图所示:' E7 T! y; Y! p' x& O7 {

0 a5 }8 \& i4 S- R, X
# O% G4 _2 Q+ f! s" O
3 m8 C& D2 a( A% k$ ~  5、选中2号点,用鼠标向图形中心方向拖动该控制点,直至出现如下图所示图形:- [1 j3 ?+ m5 [

  @) ^& h$ `* r; E0 o/ t) L4 k! f% b9 p- ]6 S: B
. T# Y  q' _* R0 Q- r$ [
  6、此刻我们的拖动操作已经初见成效了,仍然选中2号控制点,继续向图形的中心拖动,直到下图的效果产生:8 Y' g# t" _4 R( H* X$ R* q& s0 j

- C+ k/ [3 V: N
1 ^/ [+ @$ P' [5 v& S- X/ S$ n
# _( ~, w" c3 [  7、注意,此刻选中5号控制点,向图形的中心方向拖动该控制点,也就是向下方拖动鼠标,图形会又有新的形状展现了,请看下图:
- v- ?% I# i0 `. X# y
4 m6 n2 u# M  B' x: q+ e! h" U
5 f* a. f& R* B* P5 k& }拖动中
$ U- @/ O9 p1 }0 |) b
* N$ j: A4 g- \2 d
" [/ u. K2 U$ F5 [
" g2 o' L) u4 M拖动后( H( j# \' m! e) R6 ^: c: n
! F3 j  E6 C# J5 p; a* a+ p+ Z
* h6 V3 S( `) i& G
  8、呵呵,是不是奇妙的图形效果已经展现在我们面前了?别急,接下来的操作产生的效果会更加让你目瞪口呆。还是选中1号调整控制点,这次我们向上方拖动鼠标,增加星形对象的角数,如下图操作演示:, @/ [6 H5 E3 V! Z' r# M

, L$ ?; X- m3 R9 V# F# k/ w: a4 M# ], `. y  H7 n
拖动中
2 Q% w; h1 ^+ j  b0 }$ n
' r. m& S5 ]2 c6 a' l( Q% q9 o( r( B1 T) P

- ?# a$ Q$ q: s1 H/ @9 }拖动后
  I: _6 R- f6 s& g$ C2 w
" p9 Q: z5 w- ?, [/ R) D  9、呵呵,变形的“花朵”已经出现了,我们的教程也就结束了。; k, N# U- j. W$ O& B2 F: P* Q
! F% S4 H$ n( H
  如此看来这种效果实现起来真的是很简单,但是有的朋友也许会问,既然最后也要将星形的角的数量增加,那何必在第一步减少角的数量,应该是画蛇添足之笔吧?个人认为主要是想让大家能够对1号点的操作理解的更透彻些吧!而且变成4角星后,图片显得更加干净整洁,便于参照练习!& f% Z. D7 }+ w9 s
+ D' t0 L: F7 b4 T4 S

. f$ O$ j7 w6 b. @# L# j. Q8 |- q  F4 s# J* N3 {- k( K6 P

! }) c/ R7 \3 L: P. `: X8 d
, X4 A6 h+ ^+ V! S" c
$ c5 ?, ]+ U8 p. b# j
1 P5 n1 n$ S* ^/ g9 F
: K4 x% f* m6 i3 p
$ \( C: |* ]& F- R3 `! K- C& m" U; [3 Z! r
5 l3 p! w0 d/ w& O7 C/ g3 d9 [+ g
) ^6 Y' P5 u# F* B2 O; D- E8 d, M4 @! Z
  后记:如果对生成的“花朵”形状不满意,你仍然可以通过调整星形对象的各个控制调节点来对“花朵”的形状做变形处理,我们刚刚只是使用到了1号、2号、5号控制调整点,你可以使用3号、4号控制点来对“花朵”做进一步的变形处理。下面的几个图形效果就是通过对各个调整点的不规则的调整而得出来的,具体的操作我也不好说清了,因为每个人的旋转角度,缩放力度的不同,产生的效果自然也会不一样的,快快动手,开放属于自己的“花朵”吧!

TOP

发新话题