fireworks|vista|教程|微软
很喜欢 他们 背景 里面的 光
究竟怎么做出来! 微软很多 UI都有 这些光。。都微软统一风格了
首先我无意间发现了一个现象:
一个羽化的层上面放一个实边(或消除锯齿)的层(两层本身颜色的饱和度相当),就会视觉上的错感,感觉这个实边层的边外带了一些阴影映射在羽化层上。
当然羽化是什么原理我也不知道,因为我没学过艺术/设计。这只是在我做完之后看了一看,发现竟没做投影就有了这个效果,于是无意间发现了这个。
那么做这些的过程是:
1.先看原图,认为原图的那些效果,在我所知道的知识中,是怎样才可以实现。
其实我觉得,一个软件,除了一些特别的艺术特效在功能中未添加。其他你所看得到的效果,只要用心,都是可以做出来的。(能否做到人家那么好,这跟审美观,细心程度有关。我是差了点。嘿嘿)
以下是剖析原图的思考:
2.当然我不是分析完了之后才做的,而是边看边想。有时候发现这里不对了,又改一改,那里少了什么,又添一添。
于是就多出了一些附加的效果。
3.再说说其中一些效果的制作过程(其实你们打开源文件就可以看得到的)
1)内侧阴影。
我用了比较狡猾的作法,把一个矢量图形的其中一条线留在了工作区内,其他的都是在外面看不到的。那样,我们调整阴影的角度时,就像调一根线条的两头粗细一样。
个人推崇内侧阴影也是这个原因,貌似比矢量渐变填充要好控制一些。
2)边缘羽化。
在前面的一帖中,有说当边缘羽化到50以上,就可以和背景完美的结合。而要实现它一头大一头小,像是幕布那样的效果。只要在矢量图形的开关上对它进行修改就可以了
3)发光。
在本次制作过程用,发光用得比较少。图标圆的背面用了,还有一处就是比较亮的线条中。没什么说法,也就是矢量图的底色亮一些,饱和度高一些,边缘给羽化2(让它看起来不那么突出),发光适量调整就好了。
一些精美的效果: