注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Fireworks >> 设计实例 >> 网页设计正文

Fireworks:制作网页导航按钮

文章来源:蓝色理想 作者:dowhatyo… 更新时间:2008-8-23 15:36:06 【 】 【加入收藏
  进入网络咨询平台

本例介绍使用Fireworks制作一款精致的英文网页导航按钮,主要通过矩形工具、线性填充、添加投影等手绘来完成最终效果,希望朋友们喜欢。效果如图:

英文网页导航

1、选择矢量工具中的圆角矩形工具,绘制一个170px×60px的矩形;
英文网页导航

2、使用垂直线性填充;

英文网页导航

3、给矩形添加外部投影效果,得到如下效果;
英文网页导航

4、再给矩形添加内部投影,得到如下效果;
英文网页导航

5、添加文字,选择字体Verdana。9px大小并添加外部投影,得到如下效果;
英文网页导航

6、添加分割线。效果如图;
英文网页导航

7、摆放好文字并调整间距;
英文网页导航

8、如果想给Menu添加高光,则继续步骤,在最上方图层添加一个实心填充白色的椭圆,效果如图;
英文网页导航

9、选择最开始的圆角矩形,复制一个,点选白色椭圆,反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观;
英文网页导航

10、最终效果。

英文网页导航

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash技巧:用内置组件控制Flv视频!
     FLASH动画制作常用命令大集合
     在Excel中插入Flash动画技巧一则!
     flash动画也能设为桌面
     Flash中如何简单使用钢笔铅笔教程
     Flash制作“小丑吹泡泡”趣味动画
     Flash实战:制作国宝熊猫举重动画
     Flash制作可爱“小青蛙时钟”动画
     Flash实例教程:制作无脚本软翻书动画
     粒子动画效果轻松做
    最 新 推 荐
     教你用Fireworks绘制漂亮的羽毛扇
     Fireworks制作经典的扫光字GIF动画
     用Fireworks给美女脸部彩绘
     Fireworks巧用素材制作石头字效果
     使用Fireworks打造个性网店闪字签名
     Fireworks制作精致浪漫的彩色网格背景
     Fireworks打造滚动3D足球图标
     Fireworks也能为黑白照片上色
     Fireworks打造温润暗纹玉石
     Fireworks打造精致的水晶羽毛笔
    相 关 文 章

    Dreamweaver8中插入Flash动画实例
    Fireworks制作水平或垂直的彩条背景
    Fireworks制作渐隐线效果的两种方法
    Firewords制作可爱的鸡毛
    CSS打造兼容IE与Firefox的透明DIV提示框
    Fireworks中制作渐隐线技巧一则
    Fireworks软件新颖实用操作技巧集合
    Firework轻松绘制特殊切角图形
    Firework小技巧轻松绘制特殊切角图形
    Fireworks绘画小技巧

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用