流光溢彩!Fireworks制作Vista风格强劲光束

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

本教程是向大家介绍利用Fireworks制作Vista风格强劲光束过程,教程难度不是很大,介绍的很详细,转发过来,希望脚本之家的朋友喜欢!

效果图:

 

首先,我们先制作那些彩色的弧线。

先新建一条绿色的弯曲路径,选择发光滤镜,设置如图:

接着,在这个路径上方新建一个白色矩形,选择放射状渐变填充,不要边框,如图:

将这个新建的矩形剪切,快捷键是Ctrl+X,然后粘贴为刚才做的那条曲线的蒙板。

将蒙板设置为灰度外观。

这时,路径就有了首尾渐隐的效果。我们这时还可以调节手柄来调节渐变的细节。

下面这步是影响最终效果细节的操作。

将现在这个带有蒙板的图层复制一个放在该层上方,将图层混合模式设为“叠加”。再把下面那层的透明度进行适当的调节,我设为了50:

得到的结果看起来跟刚才没有太大的区别,别着急,往下看:)

我们按照前面的方法做一条蓝色的曲线光束。与之前那条绿的交叉。这时我把没有添加叠加图层的图放在旁边对比一下,你就能看出来区别了。有叠加图层的交叉部分更“亮”一些,这就是我们需要的细节。

按照这个原理,我们可以再添加一些各种各样的的弧线、路径等,得到这样的效果。至此,彩色弧线部分完工!

然后我们来制作后面那些像透明纱幕一样的背景。

虽然刚才做好的彩色弧线很漂亮,不过我们现在先把他们隐藏起来专心制作下面的部分:

新建一个路径,白色填充,不要边框,如图:

如图,先分成小步:

1.先对这个路径添加内侧阴影滤镜。

2.在滤镜设置里选中“去底色”选项。

3.得到这样的结果。

不过边缘太清晰了,我们需要让它更“虚”一点。于是我们把这个路径的边缘设成“羽化”效果,调整羽化大小,我这里设成了10。

我们发现这条“纱幕”从上到下都是贯通的比较死板,我们来给它加个渐隐效果。按照刚才给弧线添加蒙板的方法,我们给这个路径添加一个蒙板。这次蒙板使用上下线性渐变。

对了刚才忘记说明一点这里补充。添加了发光效果的路径,我们给它添加蒙板的时候需要先Ctrl+G把它和挂载的滤镜效果进行“组合”,或者干脆把它 Ctrl+Shift+Alt+Z进行“平面化”(如果你之后不打算再修改它),否则添加蒙板之后,刚才挂载在弧线上的滤镜效果就会应用于蒙板上了。其他任何挂载过滤镜的图层我们给它添加蒙板的时候最好都先他它进行组合。不知道这算不算是FW的一个bug呢……

好了,我们先把这个羽化后的路径Ctrl+G组合,然后把刚才做的线性渐变填充的路径粘贴为它的蒙板。

再新建一个三角形路径,白色填充不要边框,透明度设成30,可自行调整。

然后重复刚才的操作,羽化>>>组合>>>新建渐变填充路径>>>粘贴为蒙板

用这种方法完成背景的制作。

再把刚才的弧线显示出来,不错吧:)

再来加个标题。新建一个矩形,这次加上边框。把边框的颜色设置得比填充亮度高一些。

设置矩形的图层混合模式为“叠加”。再加上文字,大功告成!

教程结束,以上就是Fireworks制作Vista风格强劲光束过程,希望大家看完会有所帮助,谢谢大家观看!
更多精彩内容其他人还在看

炫出我的个性 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 分享
查看更多