欲望 发表于 2008-12-29 13:02:35

Fireworks打造光芒四射特效二则 (1)

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

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551735977801.jpg


www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551739077802.jpg


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

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551735977801.jpg


www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551739077802.jpg



这里来介绍两种制作方法,不同的工具和步骤可以达到同样的结果。
第一种方法:
使用星形工具,位置在Fireworks界面左侧的工具栏,用鼠标点下默认的矩形工具右下角的箭头就可以看到了。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551743777803.jpg

创建画布,因为这里只是做个范例,我的图片尺寸比较小,方便上传。
各位在实际操作中可以创建更大的画布,在后面制作时效果会更好,也方便操作。
言归正传,我用星形工具画了个默认的五角星。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551750077804.jpg

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

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551750077805.jpg



多角星上方有四个控制点,按图中所示的红色标记选择半径控制点2向星形中心拖拽。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551751577806.jpg

拖成个海胆样了,见下图:

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551753177807.jpg

没关系,再继续按住弧度控制点2向外拖拽。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551762577808.jpg



拖到这个程度差不多。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551764077809.jpg

再选择按住弧度控制点1向星形中心拖拽。

www.ad119.cn/bbs/attachments/websoft/20081229/20081229125517687778010.jpg

拉成个花芯很小的野雏菊状。

www.ad119.cn/bbs/attachments/websoft/20081229/20081229125517765778011.jpg

改放射渐变。

www.ad119.cn/bbs/attachments/websoft/20081229/20081229125517812778012.jpg



再画个同样大小的正圆,也做放射渐变填充,颜色的选择要跟雏菊有差别。


www.ad119.cn/bbs/attachments/websoft/20081229/20081229125517859778013.jpg

把正圆放到雏菊的下层。

www.ad119.cn/bbs/attachments/websoft/20081229/20081229125517906778014.jpg

再画个没有填充的矩形,矩形中才是我们所需要的背景。

www.ad119.cn/bbs/attachments/websoft/20081229/20081229125517953778015.jpg



选中雏菊和正圆,Ctrl X剪下,再点选剩下的矩形,Ctrl_Shift V贴入图形内里,效果完成。

www.ad119.cn/bbs/attachments/websoft/20081229/200812291255180778016.jpg

加些文字和小星星就到位啦。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551846778017.jpg



第二种方法:
是经典的补间实例。如果你的Fireworks版本比较低,工具栏还没有多边形工具,这个方法就比较适用。
先画个高度相当于画布一半的矩形,线性渐变填充。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122912551893778018.jpg

在矩形上按鼠标右键,弹出菜单下选择变形-->挤压(skew),选图形底部右下角的控制点向中间推挤。
<IMG alt=Fireworks教程:光芒四射之殊途同归 src="/Files01/BeyondPic/2007-7/11/30686/20
页: [1]
查看完整版本: Fireworks打造光芒四射特效二则 (1)