手机
当前位置:查字典教程网 >网页设计 >FireWorks教程 >Fireworks教程:制作晶莹剔透的超质感按钮ICON
Fireworks教程:制作晶莹剔透的超质感按钮ICON
摘要:本教程是向大家介绍如何利用Fireworks制作晶莹剔透的超质感按钮ICON,教程难度一般,制作出来的按钮非常有质感,推荐给大家,希望大家喜...

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

一组按钮效果:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【Fireworks教程:制作晶莹剔透的超质感按钮ICON】相关文章:

fireworks切图教程:制作网页时如何用fireworks切图

Fireworks制作魅力流光超炫特效

FireWorks教程:绘制清新的卡通海景

Fireworks教程:制作网页公告的装饰

Fireworks教程:用素材制作炫酷的闪字效果

Fireworks简单制作个性的文字LOGO

Fireworks制作打破玻璃的GIF动画效果

Fireworks实例水晶樱桃的制作教程

Fireworks教程:制作属于自己的红色涂鸦墙

Fireworks基础教程:保存和导入样式

精品推荐
分类导航