当前位置:首页>网络学院>网页制作>Fireworks教程>文章内容

Fireworks光芒四射之殊途同归

[ 来源:www.it55.com | 作者: | 时间:2007-07-12 | 收藏 | 推荐 ] 【

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

Fireworks光芒四射之殊途同归(图一) 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

Fireworks光芒四射之殊途同归(图二)

vd;k;l www.it55.com rdfg

这里来介绍两种制作方法,不同的工具和步骤可以达到同样的结果。 www.it55.com

第一种方法: http://www.it55.com/

使用星形工具,位置在Fireworks界面左侧的工具栏,用鼠标点下默认的矩形工具右下角的箭头就可以看到了。

45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

Fireworks光芒四射之殊途同归(图三) sflj www.it55.com kg^&fgd

创建画布,因为这里只是做个范例,我的图片尺寸比较小,方便上传。
各位在实际操作中可以创建更大的画布,在后面制作时效果会更好,也方便操作。
言归正传,我用星形工具画了个默认的五角星。 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

Fireworks光芒四射之殊途同归(图四) www.it55.com在线教程

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

Fireworks光芒四射之殊途同归(图五)

vd;k;l www.it55.com rdfg

多角星上方有四个控制点,按图中所示的红色标记选择半径控制点2向星形中心拖拽。 sflj www.it55.com kg^&fgd

Fireworks光芒四射之殊途同归(图六)

免费资源www.it55.com

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

免费资源www.it55.com

Fireworks光芒四射之殊途同归(图七)

sflj www.it55.com kg^&fgd

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

Fireworks光芒四射之殊途同归(图八) it55.com

拖到这个程度差不多。 sflj www.it55.com kg^&fgd

Fireworks光芒四射之殊途同归(图九) it55.com

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

www.it55.com

Fireworks光芒四射之殊途同归(图十)

it55.com

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

vd;k;l www.it55.com rdfg

Fireworks光芒四射之殊途同归(图十一) www.it55.com在线教程

改放射渐变。 sflj www.it55.com kg^&fgd

Fireworks光芒四射之殊途同归(图十二) sflj www.it55.com kg^&fgd

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

Fireworks光芒四射之殊途同归(图十三) http://www.it55.com/

把正圆放到雏菊的下层。

免费资源www.it55.com

Fireworks光芒四射之殊途同归(图十四) www.it55.com

再画个没有填充的矩形,矩形中才是我们所需要的背景。 http://www.it55.com/

Fireworks光芒四射之殊途同归(图十五)

sflj www.it55.com kg^&fgd

选中雏菊和正圆,Ctrl+X剪下,再点选剩下的矩形,Ctrl_Shift+V贴入图形内里,效果完成。 www.it55.com在线教程

Fireworks光芒四射之殊途同归(图十六) IT资讯之家 www.it55.com

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

http://www.it55.com/

Fireworks光芒四射之殊途同归(图十七)

免费资源www.it55.com

第二种方法: 免费资源www.it55.com

是经典的补间实例。如果你的Fireworks版本比较低,工具栏还没有多边形工具,这个方法就比较适用。

IT资讯之家 www.it55.com

先画个高度相当于画布一半的矩形,线性渐变填充。 http://www.it55.com/

Fireworks光芒四射之殊途同归(图十八)

IT资讯之家 www.it55.com

在矩形上按鼠标右键,弹出菜单下选择变形-->挤压(skew),选图形底部右下角的控制点向中间推挤。

www.it55.com在线教程

Fireworks光芒四射之殊途同归(图十九) vd;k;l www.it55.com rdfg

复制同样的图形,翻转,放到原图形底部对齐。

IT资讯之家 www.it55.com

Fireworks光芒四射之殊途同归(图二十)

www.it55.com

按F8创建图形元件。并Ctrl+D原位复制一个。
把新复制出来的元件原地旋转180度(图形上按右键,弹出菜单下变形-->旋转180度)。

(阅读次数:

返回顶部
共2页: 上一页 1 [2] 下一页  
上一篇:美食糕点矢量素材图片1005   下一篇:没有了

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]