• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > Fireworks 仿MSN浏览器制作哑铃按钮

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Fireworks 仿MSN浏览器制作哑铃按钮,其中包含fireworks制作按钮,fireworks按钮,fireworks,fireworks下载,fireworks教程等知识点,遇到此问题的同学们可以参考下

在这篇教程里,我们将学会如何利用Fireworks MX 2004仿MSN浏览器制作哑铃按钮过程,制作出来的按钮非常质感,而且方法很简单,推荐过来,希望的朋友喜欢!

我们先来看看最终效果图:

  现在不管是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,边框可以选择稍微深一些的蓝色,然后在效果中选择投影,设置为距离2-透明度100%-柔化1-角度135-颜色#FFFFFF;

  再作一次投影效果,设置为距离2-透明度100%-柔化1-角度315-颜色#000000;增加圆形按钮的隆起感觉。

  选择自定义形状中的箭头形状,在圆形按钮上画一个箭头,如果方向不对选择水平翻转,加效果内侧阴影,设置为距离3-透明度65%-柔化2-角度315-颜色#000000,再增加效果投影,设置为距离2-透明度100%-柔化1-角度135-颜色#FFFFFF;

  复制刚才的圆形按钮和箭头,做水平翻转,并缩小,如有的效果会翻转,根据情况修改投影的角度即可。


  9.给做好的哑铃按钮选择一个背景,增加效果投影,设置为距离2-透明度100%-柔化2-角度315-颜色#FFFFFF,再增加一次投影效果,设置为距离2-透明度65%-柔化2-角度135-颜色#73A2D0;这样就可以叫按钮和背景完美融合在一起了。

  色彩的搭配大家可以根据自己所需自行改变,以上只是一个制作过程的参考。

  源文件下载

  教程结束,以上就是用Fireworks 仿MSN浏览器制作哑铃按钮的过程,希望大家看完之后会有所帮助,谢谢大家观看教程!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Fireworks制作一款漂亮通透的蓝色按扭
  • Fireworks制作中国古典水墨风格人物签名
  • Fireworks 制作漂亮的透明苹果按钮
  • Fireworks制作漂亮的长水晶条
  • Fireworks 仿MSN浏览器制作哑铃按钮
  • Fireworks 制作精美导航效果教程
  • 教你用Fireworks制作精美漂亮的照片边框
  • Fireworks制作镜面滑动光照效果
  • 如何用Fireworks制作一个RSS图标
  • fireworks 质感按钮制作实例教程

相关文章

  • 2017-05-24Fireowrks制作幽默夸张的卡通表情
  • 2017-05-24Fireworks将jpg图片转换成png格式
  • 2017-05-24Fireworks制作按钮简明教程
  • 2017-05-24Fireworks制作残破边缘效果的MM照片
  • 2017-05-24教你如何利用Fireworks制作马赛克文字效果
  • 2017-05-24Fireworks8.0自动形状属性面板使用方法及应用实例教程介绍
  • 2017-05-24Fireworks粒子插件帮助AE制作绚丽焰火
  • 2017-05-24Fireworks如制作折叠效果的菜单
  • 2017-05-24Fireworks制作超酷个性签名
  • 2017-05-24Fireworks简单绘制甲壳虫小轿车

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Fireworks制作漂亮的论坛头像+签名
    • FireWorks鼠绘教程:绘制一幅清新的卡通海景图
    • fireworks如何快速调整人像照片色调
    • 教你如何用Fireworks制作新鲜的橙子
    • fireworks 人物脸部特写效果图
    • 绘制晶莹剔透水晶按钮方法及表现要领
    • Fireworks制作梦幻漂亮的心形光线教程
    • Fireworks教程:gif动画图片批量增加水印教程
    • 用fireworks如何切图呢?FW切图方法介绍
    • Fireworks教程:制作网页公告的装饰

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有