QQ登录 会员登录 注册或点击登录代表您同意《素材之家用户协议》
欢迎来到素材之家
当前位置:首页 > 软件教程 > Fireworks教程 >

Fireworks教程-Lost RGB(图文)

起源:很喜欢winamp的AVS播放器,动态函数写出来的效果很好。如果可以用Firework模拟这种效果会如何呢?(请不要以为我最后模拟了这种效果,呵呵)

Fireworks教程-Lost RGB

如果用这种图案做个桌面就好了。
新建一个1024*768的png,画布颜色选纯黑色。然后就试试怎样做了(其实我也不知道下一步做什么,跟着感觉走吧)

用“矩形工具”画一个大概400*70的矩形,下方的属性就用“渐变—线性—彩色蜡笔”填充。然后就画好一个好看的矩形了。不过它太呆板了,要整一下它。

Fireworks教程-Lost RGB

感觉原来的矩形红色和紫红太多了。

调节“渐变填充手柄”来改变颜色的排列。

然后在选中这个矩形的情况下,按“shift+Ctrl+Alt+z”平面化这个矩形。平面化后才可以进行位图的加工。

用“涂抹工具”对已经平面化的矩形进行涂抹。涂抹的属性我用的是下图所示参数。

不过你自己喜欢啦,参数又不是死定的。

涂抹到右图那个情况就可以收手了。

Fireworks教程-Lost RGB

现在来个神来一“笔”。对涂抹后的矩形添加“滤镜—模糊—放射状模糊”,参数如下。你也可以试试其它参数。

画画这东西,即使有时参数相同,效果也不一定相同啊。

如果你觉得加了滤镜后不好看,可能涂抹的效果不太理想,取消滤镜再涂抹试试。

觉得颜色不强烈就用“滤镜—调整颜色—亮度/对比度”,将“对比度”拖到60。

这时回想要模拟的winamp的效果,都不知道自己现在要搞些什么出来了。

Fireworks教程-Lost RGB

先将刚才弄出来的东东选中按F8转换为“位图元件”,改个有意义的名字“Bright”,以便重复使用。

将“Bright”元件从库里拉到画布上,觉得不怎么明亮。

我就在画布上选中“Bright”实例,“Ctrl+Shift+D”克隆一个,克隆后的实例在属性栏的混合模式中选“叠加”,就发觉光亮好多了。

现在的图案底部无力,没有什么安全感。再在库里拉一个“Bright”实例出来,顺时针转90度,和原来两个实例重叠起来,就好像一个光盘了,不过效果太呆而已。

不过我不想做光盘,就先将刚才转过90度的实例的“透明度”改为25%,如果你的显示器够亮的话,就发现底部有些感觉了。

将刚才处理过的三个实例都放到同一个层里,层就改名为“light”层。

不过我们可以看到整体的边缘不是太明显,有什么好办法呢?

Fireworks教程-Lost RGB

为了突出边缘,在同一层上用“矢量”的“面圈形”画一个大小和发光物相当的甜甜圈(数学上成为环形),拖动黄色菱形的调节手柄让面圈形的内径变大。

然后在面圈形的属性处,对面圈形用“渐变—放射状”填充,我用的参数如右图。(羽化是为了让面圈形边缘不要那么明显),自己拖动一下渐变手柄,看看怎样效果才好看。

试了一下,将面圈形放到“light”层的最底部,发光的效果更好。

现在,新建一个叫“text”的层,锁定原来叫“light”的层。

在“text”层里打些字来装饰一下,注意以下的一些参数:字体颜色:白色。混合模式:叠加。消除锯齿:强烈消除锯齿。OK。

Fireworks教程-Lost RGB

不过,发觉字体不太明显。选中刚才打进去的所有文本,然后按“Ctrl+Shift+D”,克隆一组,就发现清晰了许多哦。(右图的Green就是克隆前的效果,很逊。)记不记得这个方法就是刚才在提高彩色的圆的效果时用过,就是克隆一个,混合模式用“叠加”。

在圆的下方打些座右铭也好,废话也好,点缀一下。现在要考虑一下怎样修饰这对废话了。你可以给它加个“滤镜—发光”。

不过字体小的话,加发光滤镜就不好看了。这里有一种方法,就是克隆一个,加“滤镜—模糊—高斯模糊”。不过我两种方法都没用,要挑战一些自己没试过的方法。(没事找事干...)

Fireworks教程-Lost RGB

克隆一个刚才打进去的废话,这样就可以了令文本的颜色更白了

在克隆一个刚才打进去的废话,按“Ctrl+Shift+向下箭头”放在最底一层,然后在“文本描边”里按“笔触选项”,进行如右图的参数调整,就可以看到在原来的文本背后来了一些烂碎纸。

透过毛玻璃看冲凉的恐龙也会觉得是美女。

就选中刚才的描了彩色烂纸的文本,添加“滤镜—高斯模糊”,靓了。

这里受论坛里人家文本描边的手法启发的,这样就做成了一个泛着七彩光芒的文本。

试试其他笔触,说不定有什么惊喜。

Fireworks教程-Lost RGB

锁定“text”层和“light”层,在“text”和“light”直接新建一个叫“circle”的层。

用矢量工具的“面圈形”画一个小环形,填充方式和原来用来加强边缘效果的那个大环形相似。

“F8”将小环形转换成图形元件,克隆几个分别放在文本的后面,作为花瓶。

锁定“circle”层,解锁“light”层,选中第二个图形元件(就是启用了“叠加”模式的“bright”实例。)

对它添加“滤镜—EyeCandy—光晕效果—设置—磁场变化”,颜色选黑色。

呵呵

还缺什么呢?

Fireworks教程-Lost RGB(2)

最后在右上角加上一个logo就完成了。

如果一五一十按照教程来做其实也没有什么收获。

重要是方法的总结,有下边几条:

1.克隆一个对象用“叠加模式”,会有意想不到的效果。

2.对小字体的发光可以克隆一个然后用“高斯模糊”或者克隆一个加些描边再“高斯模糊”。

3.加一些类似”“面圈形的有渐变填充的路径来增加效果。

最后一个,如果你觉得有的矢量很呆板,不妨“平面化”后用手指(“涂抹工具”)等位图工具擦一擦。

Fireworks教程-Lost RGB(2)

Fireworks教程结束,希望大家喜欢!

相关搜索
  • 日期: 2014-06-26 08:58:15
  • 来源: 脚本之家
  • 版权 图像、字体及音频仅供参考i
    版权声明

    素材之家模板内容(包含但不限于版式、图片、音乐、字体等素材),来源于第三方分享者,其版权归原创作者拥有。若作为商业用途,请获取模板原作者授权或替换相应素材,相关字体以及人物肖像需版权方额外授权,请谨慎使用,素材之家不承担由此引发的一切版权纠纷。

    素材之家提供模板展示平台和网络服务,同时提供客服、内容整理、使用指导、储存等服务;仅供广大用户交流学习使用;对于用户在使用素材之家平台服务过程中自行上传的素材和作品,素材之家不具备审查其内容是否存在侵权等情节的能力。

    用户自行上传和使用素材等内容应遵守相关法律、法规,不得侵犯本网站及权利人的合法权利,情节严重者将依法追究其法律责任,素材之家不承担出现权利纠纷时的任何责任。

    素材之家对作品中含有的国旗、国徽等政治图案不享有权利,仅作为作品整体效果的示例展示,禁止商用。另外您必须遵循相关法律法规规定的使用范围和使用方式,禁止以任何形式歪曲、篡改。

    素材之家尊重知识产权,如知识产权权利人认为平台内容(包括但不限于用户自行上传分享的内容)涉嫌侵权,可通过邮件:tousu@isucai.com.cn提出书面通知,我们将及时处理。

您可能会喜欢的其他教程
ai怎么做彩色蜡笔字体? ai蜡笔文字设计技巧

ai怎么做彩色蜡笔字体? ai蜡笔文字设计技巧

ai怎么做彩色蜡笔字体?孩子喜欢使用蜡笔画画,想要设计一款蜡笔字体,感觉会很好看,该怎么设计这款字体嗯?下面我们就来看看ai蜡笔文字设计技巧...

ai 蜡笔字体 字体设计

AI怎么做漂亮的led描边文字? ai文字描边效果的设计过程

AI怎么做漂亮的led描边文字? ai文字描边效果的设计过程

AI怎么做漂亮的led描边文字?ai中想要设计一款漂亮的文字,该怎么设计呢?下面我们就来看看ai文字描边效果的设计过程,详细请看下文介绍...

AI 文字描边 描边效果 文字设计

ps怎么快速画虚线图形? ps彩色虚线图的画法

ps怎么快速画虚线图形? ps彩色虚线图的画法

ps怎么快速画虚线图形?ps中想要快速绘制虚线图形,比如虚线效果的心形,条形,圆形等等,该怎么绘制呢?下面我们就就来看看ps彩色虚线图的画法...

ps 虚线 虚线图形

AI怎么添加炭精笔效果?

AI怎么添加炭精笔效果?

AI是一款创建并编辑矢量图,插画处理ai的软件,那么怎么添加炭精笔效果呢?下面和小编一起看看吧...

AI 炭精笔

ps线条怎么断开和连接? ps断线效果的制作方法

ps线条怎么断开和连接? ps断线效果的制作方法

ps线条怎么断开和连接?ps中绘制的线条图形是连续的,想要断开,做成一段一段的,该怎么实现呢?断开的又该怎么连接呢?下面我们就来看看ps断线效果的制作方法...

ps 线条断开 断线效果

PS画布不能拖动移动怎么解决? PS画布移动的方法

PS画布不能拖动移动怎么解决? PS画布移动的方法

PS画布不能拖动移动怎么解决?ps的画布是可以随意拖动的,但是在发布的时候,发现不能拖动,放大才能拖动,该怎么办呢?下面我们就来看看PS画布移动的方法,详细请看下文介绍...

PS 画布

AI如何将人物照片转成人物插画?AI将人物照片转成动漫插画教程

AI如何将人物照片转成人物插画?AI将人物照片转成动漫插画教程

当我们学会了这篇教程就可以将自己爱豆的照片绘制成插画的形式保存起来了,不只是爱豆哦,想学习的小伙伴们打开AI一起动手吧...

AI AI教程 照片转插画

cdr怎么设计有棱角的文字? cdr斜角立体字效果的实现方法

cdr怎么设计有棱角的文字? cdr斜角立体字效果的实现方法

cdr怎么设计有棱角的文字?经常使用cdr设计需要的字体,想要设计一款类似建筑棱角的文字模型,该怎么设计这种立体文字模型呢?下面我们就来看看cdr斜角立体字效果的实现方法...

cdr 立体字 字体设计

ps透视参考线在哪? PS快速画出一点透视参考线的技巧

ps透视参考线在哪? PS快速画出一点透视参考线的技巧

ps透视参考线在哪?ps中想要创建透视参考线,帮助绘图,该怎么创建呢?下面我们就来看看PS快速画出一点透视参考线的技巧,详细请看下文介绍...

ps 透视参考线 参考线

AI绘制3个人像矢量插画教程

AI绘制3个人像矢量插画教程

使用AI绘制人物的时候用到的图形会更多,如果想要给人物进行装饰一下细节必须把握好,今天咱们用AI来绘制3个不同的女人,一起来学习吧...

AI AI教程 人物矢量插画

感谢您留下宝贵的建议
问题类型:
提交
此文件需要VIP才能下载!
获取VIP全站模板任意下载
立即开通
注:下载文件较大,请耐心等待!

在线时间:9:00-21:00
点击咨询 常见问题 >
官方交流群:451642347
点击加入