Fireworks 仿MSN浏览器制作哑铃按钮

平面设计 2025-03-05 14:51www.168986.cn平面设计培训

在这篇详尽的教程中,我们将一起探索如何使用Fireworks MX 2004软件,仿制MSN浏览器的哑铃按钮制作流程。最终的按钮将呈现出极具质感的外观,而且制作过程相当简单,即使是新手也能轻松上手。希望这篇教程能对狼蚁SEO的朋友们有所帮助!

让我们欣赏一下制作完成后的效果图。无论是Windows Media Player播放器,还是MSN浏览器,甚至是腾讯的QQ浏览器,它们的前进后退按钮都已经采用了这种时尚的哑铃形状。那么,在Fireworks MX 2004中,如何制作这种独特的哑铃按钮呢?

1. 新建一个300像素的白色画布。使用“椭圆”工具,按住Shift键画出一个正圆形。复制这个圆形,并再次按住Shift键将其缩小,放置在旁边,使其与大圆形紧密相邻。为了确保对齐精准,你可以打开工作区中的标尺(Ctrl+Alt+R),并拖出辅助线进行辅助。

2. 选中两个圆形,选择菜单中的“修改-组合路径-联合”,这样两个圆形就形成了一个单一路径。

3. 使用“部分选定”工具,调整组合后双圆形路径的上半部分中间处的锚点,使其过渡更加平滑。

4. 接下来,使用“刀子”工具,沿着中间的辅助线将双圆形切开,并删除下半部分。

5. 选中剩下的上半部分轮廓,进行复制、垂直翻转,然后对齐到中间辅助线位置。再次选择上半部分路径进行联合。

6. 对上半部分进行线性过渡色填充,颜色从CBDCED过渡到FFFFFF。你也可以根据自己的喜好选择其他颜色。

7. 为了增加按钮的立体感,选择效果中的“内侧阴影”,设置距离为4,透明度为65%,柔化为3,角度为315,颜色为4775A3。

8. 再画一个正圆形,内部采用放射性填充,颜色同样可以参考之前的CBDCED到FFFFFF的过渡。边框可以选择深一些的蓝色。在效果中选择“投影”,增加圆形按钮的隆起感。

9. 选择自定义形状中的箭头形状,在圆形按钮上添加一个箭头。如果方向不对,可以选择水平翻转,并添加内侧阴影和投影效果。

10. 复制刚才的圆形按钮和箭头,进行水平翻转并缩小。如果有的效果会翻转,可以根据情况调整投影的角度。

11. 为制作好的哑铃按钮选择一个背景,并添加投影效果,让按钮与背景完美融合。

色彩的搭配可以根据个人喜好自行调整,以上只是一个制作过程的参考。

教程到这里就结束了。希望大家在看完本教程后能够有所收获。感谢大家观看!如果有任何问题或需要更多的帮助,请随时提问。谢谢!

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by