网页设计

Fireworks如何制作精美导航效果

时间:2024-10-26 07:16:51 网页设计 我要投稿
  • 相关推荐

Fireworks如何制作精美导航效果

  导航条是网页必不可少的一部分,那么怎样制作一个高质量的、美观的导航条呢?我们为大家收集整理了关于Fireworks制作精美导航效果,以方便大家参考。

  (图2.1)

  下边我将教大家如何制作以上这个按钮:

  先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1

  (图2.1.1)

  于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2

  (图2.1.2)

  然后我们用部分固定选定工具

  选取长方形的上边两点如图2.1.3

  (图2.1.3)

  按住shift键,按两下向右键。如图2.1.4

  (图2.1.4)

  画一个绿色的长方形,我们通过部分选定工具得到一个如图2.1.5

  (图2.1.5)

  通过复制粘贴我们得到如图2.1.6

  (图2.1.6)

  通过

  我们得到如图2.1.7

  (图2.1.7)

  图形发光,白色属性如图2.1.8

  (图2.1.8)

  然后再发光颜色为 #7B869A 得到如图2.1.9

  (图2.1.9)

  复制粘贴图形,去掉描边,向右移动两个像素,如图2.1.10

  (图2.1.10)

  画一个长方形黄色渐变。放置图形下层,如图2.1.11

  (图2.1.11)

  画一个长方形如图2.1.12

  (图2.1.12)

  设置如图2.1.13

  (图2.1.13)

  把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。

  如图2.1.14

  (图2.1.14)

  画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.15

  (图2.1.15)

  OK,到这里我们这个图形基本上就完毕咯。

  希望大家可以学会Fireworks制作精美导航效果.想了解更多精彩内容,请关注我们的网站!

【Fireworks如何制作精美导航效果】相关文章:

Fireworks制作精美导航技巧07-10

Fireworks如何制作流线字效果08-25

关于Fireworks如何制作流线字效果09-29

Fireworks如何制作红墙砖头的效果07-14

如何使用Fireworks制作炫光效果05-31

如何使用Fireworks制作红墙砖头效果10-15

Fireworks制作GIF动画效果的技巧10-16

Fireworks如何制作立体倒影08-02

Fireworks如何制作属锁05-30

Fireworks如何制作联通标志09-12