学习使用Fireworks制作出漂亮按扭

作者:课课家教育更新于： 2016-08-29 09:16:41

　　不知道大家在浏览网页的时候，有没有留意过一些非常漂亮的按钮。小编曾经在经典论坛里面看到有一款按钮，小编觉得真的是十分的漂亮。不知道有多少人和小编一样，看着这些漂亮的按钮，小编就忍不住动手试一试制作出来。制作出来以后，小编觉得制作的难度还不算是太高。所以就做了这篇教程，有兴趣的朋友可以来看一看。

　　小编先给大家看一下最终的效果图，如图所示：

　　现在就让我们一起来动手做吧，制作步骤如下：

　　步骤一

　　首先我们先打开fireworks这个软件，新建一图，把背景的颜色设置为白色。接着我们按住“shift”按键，画出一个圆，颜色为蓝色。把ＲＧＢ值设置分别为51,153,255。

　　在effect面板中，执行以下的操作：shADOwandglow->droPShadow增加阴影,其中distance(即距离)设置为8，opacity(即透明度)设置为60%,softness(即柔和)设置为20。不过这里要注意的一点是，柔和度设置得大一点，这个还是挺重要，所以大家要小心一点。

　　步骤二

　　接着我们就把上面的这个圆进行复制，(即点住圆，按住“alt”键，拖到空白处，那样就可以了。)然后我们去掉阴影。把RGB的值改

　　为:51,51,204。接着再作同样的方法复制一个圆，颜色设置为白色。用变形工具，把白色的圆稍稍拉小一点点。放上蓝球的上面。如左图所示的位置。我们把两个圆一起选中，执行以下的操作：菜单modify->combine->punch，那样就可以出来一个月牙形的形状。接着对这个月牙形的形状进行设置。执行以下的操作：fill面板中edge->feather:19；其中object面板的选项分别是：stroke选择路径的外部，并且把混合模式选择darken。那么第一个深颜色的月牙形就已经完成了。

　　步骤三

　　我们把上面所做的月牙形进行复制，填充颜色的RGB设置改为:102,255,255。其中objet面板的选项分别是：透明度为84,混合模式为lighten,stroke选择路径中央。其中fill面板中：feather为18。这个时候月牙形的颜色基本是为透明的，同时按下“CTRL+G”，那么就可以看到原来的颜色了。

　　步骤四

　　我们再接着做两个相同的月牙形，把颜色设置好为白色。其中object面板同绿色的那个月牙形，而fill面板一个feather为30，另一个feather就为17。

　　步骤五

　　然后我们就再做两个小的月牙形，用上面的方法，颜色为白色，圆的半径，我们大至为52px。接着，就要设置两个面板的参数了。其中object面板中模式设置为正常，stroke选择路径中央，透明度设置为100。fill面板中其中一个feather为2,另一个feather就为8。

　　步骤六

　　到了现在为止，做这个按扭的所有的零件就已经全部完成，剩下来的最后一个步骤就是把全部都拼在一起。大家也可以自己看一看所有的操作步骤吧。当然，小编在这里就简单地派一个流水帐吧，大家也可以看一下。

　　从最底层开始：有阴影的圆形－>深蓝色的月牙形->浅绿色的月牙形->feather为30的白色月牙形->feather为17的月牙形->再是两个小的月牙形，如果大家的位置排得都是正确的话，那么这个按钮就已经成功地做出来，呈现在大家的眼前了。

　　小编总结：

　　以上就是fireworks教程的全部内容了，相信大家都已经学习到利用Fireworks软件制作漂亮按扭。只要按照教程，漂亮按扭就可以呈现在大家的眼前了。如果大家喜欢，那就赶快来试一下吧，可能会有意外的收获哟！如果喜欢这篇教程，那就继续关注我们的网站：课课家教育吧。