下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

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

作者:课课家教育     来源: http://www.kokojia.com点击数:791发布时间: 2016-08-29 14:32:00

标签: Fireworks透明度柔和度

想学设计?来看看大师是如何完成作品的?

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

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

学习使用Fireworks制作出漂亮按扭_Fireworks_透明度_柔和度_课课家

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

画出一个蓝色的圆

 

  步骤一

  首先我们先打开fireworks这个软件,新建一图,把背景的颜色设置为白色。接着我们按住“shift”按键,画出一个圆,颜色为蓝色。把RGB值设置分别为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软件制作漂亮按扭。只要按照教程,漂亮按扭就可以呈现在大家的眼前了。如果大家喜欢,那就赶快来试一下吧,可能会有意外的收获哟!如果喜欢这篇教程,那就继续关注我们的网站:课课家教育吧。

赞(3)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程