发新话题
打印

[Fireworks教程] Fireworks教程:光芒四射之殊途同归

本主题被作者加入到个人文集中

Fireworks教程:光芒四射之殊途同归

类似这样的背景光芒效果近来在很多网站广告和海报上频频出现,尤其配合粗体文字能起到烘托主题的作用,搭配插画风格的人物或产品也极具时尚气息。这种放射状的组合图形有纵深感,吸引眼球对重点的关注。那么在Fireworks要怎样实现这种光芒四射的背景效果呢?先看例图:
4 n! |7 g7 z0 I7 L

这里来介绍两种制作方法,不同的工具和步骤可以达到同样的结果。& E$ k. _9 K" \0 s/ D3 s  h
第一种方法:+ m1 ?2 I! ^# @
使用星形工具,位置在Fireworks界面左侧的工具栏,用鼠标点下默认的矩形工具右下角的箭头就可以看到了。
: O/ N6 H% Q# d9 j) L- C- X% T

创建画布,因为这里只是做个范例,我的图片尺寸比较小,方便上传。7 G' G' C: T/ n: z
各位在实际操作中可以创建更大的画布,在后面制作时效果会更好,也方便操作。
. ^; m8 w  `1 S9 T言归正传,我用星形工具画了个默认的五角星。
5 r( U- J' a- s/ [$ o4 o1 X- C- t  Z

注意五角星左下角的控制点,用鼠标按住向上拖拽,直到你需要的星形角数为止,拖拽过程中会有提示显示。

多角星上方有四个控制点,按图中所示的红色标记选择半径控制点2向星形中心拖拽。
# x6 k- e' W/ W/ H- Z4 L; O

拖成个海胆样了,见下图:6 x1 f2 U$ @$ u& A/ K/ ]% H

没关系,再继续按住弧度控制点2向外拖拽。
" c5 k7 E% V( p" N* U: H; L1 w, r" `& X

拖到这个程度差不多。" O; R; |' g+ `; s$ }* I* ~/ X% K

再选择按住弧度控制点1向星形中心拖拽。
" `; H( D' f* d# O& X8 X5 C

拉成个花芯很小的野雏菊状。
+ l2 [+ b% z; A, Y1 w" R

改放射渐变。  w: ~! i- C. c+ W7 {, {3 w4 E1 [

再画个同样大小的正圆,也做放射渐变填充,颜色的选择要跟雏菊有差别。: T& H' p& Y9 S5 O9 `4 K3 ?

4 i. [! \1 O+ Z  H9 Y! P8 m( f# p

把正圆放到雏菊的下层。
; D* q/ _+ z% d! ?+ ]2 t

再画个没有填充的矩形,矩形中才是我们所需要的背景。
8 [/ ~: @* z9 H  r

选中雏菊和正圆,Ctrl+X剪下,再点选剩下的矩形,Ctrl_Shift+V贴入图形内里,效果完成。; Y- C- ]& B' n6 s

加些文字和小星星就到位啦。, X7 }% g. B8 [% l

第二种方法:
9 q. R  x; g! ]4 ?) W! X是经典的补间实例。如果你的Fireworks版本比较低,工具栏还没有多边形工具,这个方法就比较适用。
8 `0 L9 n% @9 W) G先画个高度相当于画布一半的矩形,线性渐变填充。
; F, O' t! K7 g- k

在矩形上按鼠标右键,弹出菜单下选择变形-->挤压(skew),选图形底部右下角的控制点向中间推挤。3 v" _" @( |8 \/ ?2 M8 H

复制同样的图形,翻转,放到原图形底部对齐。
) w; x; |( b5 C6 p0 A/ g/ O

按F8创建图形元件。并Ctrl+D原位复制一个。# g( b& b8 S' j7 m4 f5 @
把新复制出来的元件原地旋转180度(图形上按右键,弹出菜单下变形-->旋转180度)。
% M/ \4 x; W9 @% ?9 t

选中这两个元件,Ctrl+Alt+Shift+T调用补间实例命令。4 @% b4 s3 n+ I1 P+ k' Z

弹出对话框内填上10次,不勾选分散到帧。
9 Q# k2 p. D4 h- N: O5 E

按下确认键以后的样子。0 ]& u& F8 P& ~7 S7 }0 W3 i+ Z- k: u

下面垫上个放射渐变填充的圆。% _( o/ @0 p- M$ V" v7 H  j7 Z

剩下的就跟方法一操作一样了,画矩形,剪切其他图形填入矩形内里,添加文字就是成品了。
草根,不是为了草根而草根;
草根,是手段,不是目的,脱颖而出才是目的!

草根站长论坛一定是你脱颖而出的必选的平台!
请帮助宣传/支持草根站长网.草根站长网是一个需要理解的地方,适宜长期居住!

TOP

发新话题