当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks打造光芒四射特效二则

FireWorks
Fireworks写实作品绘制实例:我的手机
自己打造动画广告 用Fireworks泛起水波涟漪
古代智慧结晶 用Fireworks“铸造”古钱币
巧用Fireworks MX 2004制作金属字特效
Fireworks使用技巧及常见问题解答
Fireworks制作GIF动画广告BANNER
Fireworks制作下雨动画效果
Fireworks and Dreamweaver指南介绍
使用Fireworks MX 绘制手机
Fireworks MX 滤镜讨论
Fireworks MX制作下拉菜单
Fireworks MX对网页的逆向导入
Fireworks MX制作像素动画
巧用Fireworks遮罩做平面设计
Fireworks创意遮罩动画制作
Fireworks制作透明按钮一例
Fireworks MX图层混合实例剖析
Fireworks 制作立体旋转地球
Fireworks 巧制生肖鼠票
Fireworks制作空间环绕文字动画

FireWorks 中的 Fireworks打造光芒四射特效二则


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-15   浏览: 157 ::
收藏到网摘: n/a

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

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

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

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

第一种方法:

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

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

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

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

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

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

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

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

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

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

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

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

拖到这个程度差不多。

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

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

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

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

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

改放射渐变。

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

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

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

把正圆放到雏菊的下层。

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

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

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

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

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

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

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

第二种方法:

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

先画个高度相当于画布一半的矩形,线性渐变填充。

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

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

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