| 导读:本文的水晶气泡制作原理就是用不同的圆形色彩模糊图层进行组合,只要熟练掌握一些光线原理就能做出相同的水晶气泡效果 |
本文为网页教学网翻译abduzeedo.com站的教程,转载请大家注明出处!
本文是用Fireworks制作一个好看的超级水晶气泡,制作方法非常简单就是用圆形工具绘制几个球,组合在一起然后调整光线,最终达到一个超级光线效果水晶气泡。
我们先来看看最终效果:

图1
下面开始制作。
1、创建一个画布,然后在中间位置绘制一个圆形。

图2
2、用中间黑色,四周白色进行渐变填充,白色设置透明度为55%。

图3
3、我们复制一个圆,然后调整位置,设置图层模式为叠加。

图4
4、再次复制一个圆,然后模式调整为颜色减淡,透明度设置为 40%。

图5
5、复制圆,然后调整模式为柔光,透明度为100%。

图6
6、拷贝粘贴圆,调整位置到右侧。

图7
7、下面添加光线。绘制一个多边形,羽化为40模式调整为叠加,复制并且加亮光线。

图8
8、创建3个小圆,然后改变羽化20 模式调整为柔光,以创建更多光线。三个圆的效果如下:

图9
9、下面进行色彩调整。创建一个填充色味#CC9900羽化39模式为叠加的椭圆。

图10
10、再次创建一个填充为#FF3366, 羽化62模式为叠加,位于右侧的椭圆。

图11
11、继续设置颜色。创建一个颜色 #33CCFF, Feather 62 叠加的椭圆。

图12
最终效果
下面展示不同的几种效果:

图13

图14

图15
上一篇:八种网页设计方法来提高网站销售产品的概率 下一篇:PS设计在水中旋转的新鲜水果海报
推荐网页设计教程
- 实例讲解如何去除界面中无用的功能! [2010-04-07]
- 用户体验的合意性研究与视觉设计 [2010-04-05]
- 网站的用户体验量化方法 [2010-03-31]
- 分享SNS社交网站的视觉设计经验 [2010-03-30]
- 只用CSS做出渐变字体的效果 [2009-08-02]
- vertical-align:让表单与文字垂直对齐 [2009-07-27]
- JS模拟Flash幻灯片效果的源码 [2009-07-26]
评论加载中…
设计教程分类


