平面设计 
首页 > 平面设计 > 浏览文章

Fireworks教程:制作晶莹剔透的超质感按钮ICON

(编辑:jimmy 日期: 2024/10/10 浏览:3 次 )

本教程是向大家介绍如何利用Fireworks制作晶莹剔透的超质感按钮ICON,教程难度一般,制作出来的按钮非常有质感,推荐给大家,希望大家喜欢!

一组按钮效果:

Fireworks教程:制作晶莹剔透的超质感按钮ICON

第一步、画一个略扁的圆,线形垂直填充。

Fireworks教程:制作晶莹剔透的超质感按钮ICON

Fireworks教程:制作晶莹剔透的超质感按钮ICON

第二步、复制这个圆,并且长和宽各减少4个像素,线形垂直填充。

Fireworks教程:制作晶莹剔透的超质感按钮ICON

Fireworks教程:制作晶莹剔透的超质感按钮ICON

第三步、再次复制这个圆,并且长和宽个减少18个像素,线形垂直填充。

Fireworks教程:制作晶莹剔透的超质感按钮ICON

Fireworks教程:制作晶莹剔透的超质感按钮ICON

第四步、继续复制这个圆,用钢笔工具调整到下图形状,线形填充100%~20%,透明度40%。

Fireworks教程:制作晶莹剔透的超质感按钮ICON

Fireworks教程:制作晶莹剔透的超质感按钮ICON

第五步、用钢笔画出下面两个部分,耐心点调整放置于椭圆的下方形成3D效果。

Fireworks教程:制作晶莹剔透的超质感按钮ICON

Fireworks教程:制作晶莹剔透的超质感按钮ICON

第六步、关键的质感高光制作:用通常的上下两个椭圆组合而成,用蒙板遮盖掉多余部分,注意颜色搭配。

Fireworks教程:制作晶莹剔透的超质感按钮ICON

Fireworks教程:制作晶莹剔透的超质感按钮ICON

第七步、这个形状随便你了:投影,距离0,白色100%

Fireworks教程:制作晶莹剔透的超质感按钮ICON

Fireworks教程:制作晶莹剔透的超质感按钮ICON

第八步、最后把所有的组合起来,加上投影柔化4,距离4,角度270,黑色80%。

Fireworks教程:制作晶莹剔透的超质感按钮ICON

Fireworks教程:制作晶莹剔透的超质感按钮ICON

教程结束,以上就是用Fireworks制作晶莹剔透的超质感按钮ICON过程,感兴趣的朋友也可以尝试制作其他颜色的按钮,多练习几次,制作出来的效果肯定会越来越棒!

上一篇:Firewoks打造黑水晶立体质感文字效果
下一篇:Fireworks CS3 基础教程:蒙版概念及运用基础(图文)
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。