使用Fireworks制作Vista,MSN微软风格的发光背景线条教程

fireworks|vista|教程|微软

很喜欢 他们 背景 里面的 光

究竟怎么做出来! 微软很多 UI都有 这些光。。都微软统一风格了
首先我无意间发现了一个现象:
一个羽化的层上面放一个实边(或消除锯齿)的层(两层本身颜色的饱和度相当),就会视觉上的错感,感觉这个实边层的边外带了一些阴影映射在羽化层上。
 
当然羽化是什么原理我也不知道,因为我没学过艺术/设计。这只是在我做完之后看了一看,发现竟没做投影就有了这个效果,于是无意间发现了这个。

那么做这些的过程是:
1.先看原图,认为原图的那些效果,在我所知道的知识中,是怎样才可以实现。
其实我觉得,一个软件,除了一些特别的艺术特效在功能中未添加。其他你所看得到的效果,只要用心,都是可以做出来的。(能否做到人家那么好,这跟审美观,细心程度有关。我是差了点。嘿嘿)
以下是剖析原图的思考:
 
2.当然我不是分析完了之后才做的,而是边看边想。有时候发现这里不对了,又改一改,那里少了什么,又添一添。
于是就多出了一些附加的效果。

3.再说说其中一些效果的制作过程(其实你们打开源文件就可以看得到的)
1)内侧阴影。
我用了比较狡猾的作法,把一个矢量图形的其中一条线留在了工作区内,其他的都是在外面看不到的。那样,我们调整阴影的角度时,就像调一根线条的两头粗细一样。
个人推崇内侧阴影也是这个原因,貌似比矢量渐变填充要好控制一些。

2)边缘羽化。
在前面的一帖中,有说当边缘羽化到50以上,就可以和背景完美的结合。而要实现它一头大一头小,像是幕布那样的效果。只要在矢量图形的开关上对它进行修改就可以了
3)发光。
在本次制作过程用,发光用得比较少。图标圆的背面用了,还有一处就是比较亮的线条中。没什么说法,也就是矢量图的底色亮一些,饱和度高一些,边缘给羽化2(让它看起来不那么突出),发光适量调整就好了。
 

一些精美的效果:

时间: 2024-11-01 22:38:12

使用Fireworks制作Vista,MSN微软风格的发光背景线条教程的相关文章

Fireworks制作Vista风格强劲光束

  本教程是向大家介绍利用Fireworks制作Vista风格强劲光束过程,教程难度不是很大,介绍的很详细,转发过来,希望脚本之家的朋友喜欢! 效果图: 首先,我们先制作那些彩色的弧线. 先新建一条绿色的弯曲路径,选择发光滤镜,设置如图: 接着,在这个路径上方新建一个白色矩形,选择放射状渐变填充,不要边框,如图: 将这个新建的矩形剪切,快捷键是Ctrl+X,然后粘贴为刚才做的那条曲线的蒙板. 将蒙板设置为灰度外观. 这时,路径就有了首尾渐隐的效果.我们这时还可以调节手柄来调节渐变的细节. 下面这

Fireworks制作Vista毛玻璃效果

今天用Fireworks制作类似vista毛玻璃的效果,局部效果图: 1.建立画布,导入背景素材 2.绘制圆角矩形,垂直线性渐变填充 3.绘制矩形高光部分,复制矩形,原位粘贴,并删除下半部分,进行垂直线性渐变,调整透明度 4.开始制作毛玻璃效果,线性渐变绘制一个圆形,羽化10px 5.添加杂点8px 6.选择先前绘制矩形,在刚才画的圆形上点击反键-编辑-粘贴为蒙版 7.得到如下效果 8.同上步骤再绘制一个矩形.放射性填充.羽化及添加杂点步骤 9.在msn小人这块区域绘制一个椭圆行,使用绸缎填充,

Fireworks制作Vista样式按钮

本例介绍使用Fireworks制作多样式按钮,主要讲解渐变填充.高光样式的运用,适合新手朋友学习,希望能给朋友们带来帮助.         注:更多精彩教程请关注三联图文教程 频道,

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

首先,我们先制作那些彩色的弧线. 先新建一条绿色的弯曲路径,选择发光滤镜,设置如图: 接着,在这个路径上方新建一个白色矩形,选择放射状渐变填充,不要边框,如图: 将这个新建的矩形剪切,快捷键是Ctrl+X,然后粘贴为刚才做的那条曲线的蒙板. 将蒙板设置为灰度外观. 这时,路径就有了首尾渐隐的效果.我们这时还可以调节手柄来调节渐变的细节. 下面这步是影响最终效果细节的操作. 将现在这个带有蒙板的图层复制一个放在该层上方,将图层混合模式设为"叠加".再把下面那层的透明度进行适当的调节,我设

如何在Fireworks制作Vista毛玻璃效果技巧

  局部效果图: 1.建立画布,导入背景素材 2.绘制圆角矩形,垂直线性渐变填充 3.绘制矩形高光部分,复制矩形,原位粘贴,并删除下半部分,进行垂直线性渐变,调整透明度 4.开始制作毛玻璃效果,线性渐变绘制一个圆形,羽化10px 5.添加杂点8px 6.选择先前绘制矩形,在刚才画的圆形上点击反键-编辑-粘贴为蒙版 7.得到如下效果 8.同上步骤再绘制一个矩形.放射性填充.羽化及添加杂点步骤 9.在msn小人这块区域绘制一个椭圆行,使用绸缎填充,按如上步骤得到下图效果. 10.得到效果. 11.最

PS制作绿色盒子古典风格音画图文设计教程

音画,网络专用名词.音画是指音乐和图像以及相关文字结合的一种网络表现形式,其目的在于通过音乐与图像配合,达到一种听觉和视觉同步的表现效果, 使观看者能够感觉一种真实的艺术感应来陶冶人的情感. 音画作品:通过动画.音乐.文字的配合,形成的网络特有的表现形式属于音画,表现每一个主题的音画就是一个音画作品.音画作品经常与文学相结合, 可以与诗歌.与散文.与小说等组合.在音画作品中,文字的表现可以通过滚动或变幻的文字来实现,也可以通过朗读或者歌唱形式. 本教程主要使用Photoshop制作绿色盒子风格图

如何制作_黄绿风格_非主流图片制作教程

好了啊,本文章要讲到了如何来教你制作非主流图片的教程呢,不过与以前的文章不同的时这次的文章 是黄绿风格的制作教程哦,因为很多人在问怎么来制作非主流啊,等到所以我就出这文章哦,希望各位喜欢,同时也与你的好朋友分享这份好的东西吧.   这是效果图. 原图.下面来看看非主流的制作教程吧. 好下现在看图12到14 最终效果图.

ps制作vista风格个性按钮

  效果图: ps制作vista风格个性按钮的具体操作步骤如下: 1.新建800*600的画布,背景色填充黑色,然后在工具箱中选择圆角矩形图形,如图所示: 2.选择之后在定义所绘制的圆角矩形属性,半径为3像素.如图所示: 3.定义好了就在画布上绘制一个圆角矩形,高宽自己随意设置.如图所示: 4.接下来要出玻璃效果就是靠图层属性设置,选择蒙板图层右键混合属性,描边参数修改如图所示: 5.渐变叠加参数修改设置如图所示: 6.订阅的渐变值: 7.内发光设置: 玻璃效果的好坏跟图素值有关系,可以试一下.

用Fireworks轻松制作Vista样式按钮

本例介绍使用Fireworks制作多样式按钮,主要讲解渐变填充.高光样式的运用,适合新手朋友学习,希望能给朋友们带来帮助.