Fireworks要怎样实现光芒四射的背景效果 两种制作方法图文介绍

所属分类: 平面设计 / Fireworks教程 阅读数: 1127
收藏 0 赞 0 分享

类似这样的背景光芒效果近来在很多网站广告和海报上频频出现,尤其配合粗体文字能起到烘托主题的作用,搭配插画风格的人物或产品也极具时尚气息。这种放射状的组合图形有纵深感,吸引眼球对重点的关注。那么在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教程:光芒四射之殊途同归(2)

第二种方法:

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

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

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

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

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

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

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

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

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

选中这两个元件,Ctrl+Alt+Shift+T调用补间实例命令。

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

弹出对话框内填上10次,不勾选分散到帧。

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

按下确认键以后的样子。

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

下面垫上个放射渐变填充的圆。

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

剩下的就跟方法一操作一样了,画矩形,剪切其他图形填入矩形内里,添加文字就是成品了。

END

以上就是用Fireworks实现光芒四射的背景效果两种制作方法,希望对Fireworks学习者有一定的帮助!

更多精彩内容其他人还在看

炫出我的个性 qq聊天表情的绘制技巧

前段时间,为大家讲解了如何在fireworks中绘制qq皮肤的教程实例,相信大家已有所收获。这次我们再利用fireworks中自带的gif动画制作功能,为大家讲解动态qq表情的制作。从而也将个性化的qq进行到底
收藏 0 赞 0 分享

fireworks下用运动模糊滤镜制作下雨动画效果

丝丝小雨,带给我们多少温柔与浪漫,这篇教程里,我们将会用fireworks里的运动模糊滤镜来制作出丝小雨的动画特效.希望大家在网页设计中能有帮助
收藏 0 赞 0 分享

dw4 应用基础之firework 文件详解

为了使dreamweaver和firework的集成功能得到最大程度的发挥,你必须按照指定的顺序正确的安装他们,当然如果你使用的是集成以后的安装程序就可以忽略下面的操作了
收藏 0 赞 0 分享

用fireworks绘制水粉画效果教程

用fireworks绘制水粉画效果教程,喜欢的朋友可以参考下
收藏 0 赞 0 分享

用Fireworks制作手机情侣屏保

情人节在中国越来越流行了,假如情侣是异地恋的话,一般的女性朋友都会无意间去翻对方的手机,如果你的手机屏保上面写着“爱老婆”、“爱宝贝”之类的词语,肯定你的女朋友会心花怒放的。
收藏 0 赞 0 分享

用Fireworks制作QQ炫舞戒指自定义字

下面我为大家详细介绍一下如何制作自定义透明字,由于种类繁多,我先简单的介绍一个制作单色透明字的方法,随后我会在百度经验中继续发布制作彩色透明字和水晶透明字,以及一些复杂的制作方法
收藏 0 赞 0 分享

用Fireworks制作个性化水印图片教程

大家在网站上或者网店里的时候经常会看见店铺的招牌图片上会有“本店唯一”等水印字样,下面我给大家简单的介绍一下制作水印的方法。
收藏 0 赞 0 分享

如何用Fireworks制作一个RSS图标

一个朋友正在学习Fireworks,问如何制作一个RSS的图标。于是给他做了个 例子,需要的朋友可以参考下
收藏 0 赞 0 分享

用Fireworks制作IE图标的教程

本文为大家介绍如何用Fireworks制作IE图标,希望能对大家有所帮助
收藏 0 赞 0 分享

Fireworks8.0自动形状属性面板使用方法及应用实例教程介绍

在Fireworks 8新增的“自动形状属性”面板使得我们对于“自动形状”对象的控制更为自由,同时通过详细数据的调整,也使得制作的“自动形状”对象更为精确
收藏 0 赞 0 分享
查看更多