Fireworks 制作精美!导航效果教程

发布时间:2017-07-28 16:00 来源:互联网 当前栏目:网页设计教程

   本教程是向大家介绍利用Fireworks 制作精美导航效果,制作难度不大,教程介绍地非常详细,新手朋友也可以过来学习,希望这篇教程对大家有所帮助!我们先来看看最终效果图:

Fireworks 打造精美导航效果

  (图2.1)

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

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

Fireworks 制作精美导航效果教程  电脑高手

  (图2.1.1)

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

Fireworks 打造精美导航效果

  (图2.1.2)

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

Fireworks 打造精美导航效果

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

Fireworks 打造精美导航效果

  (图2.1.3)

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

Fireworks 打造精美导航效果

  (图2.1.4)

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

Fireworks 打造精美导航效果

  (图2.1.5)

  通

6080电影网[www.aikan.tv/special/6080dianyingwang/]
过复制粘贴我们得到如图2.1.6

Fireworks 打造精美导航效果

  (图2.1.6)

  通过

Fireworks 打造精美导航效果

  我们得到如图2.1.7

Fireworks 打造精美导航效果

  (图2.1.7)

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

Fireworks 打造精美导航效果

  (图2.1.8)

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

Fireworks 打造精美导航效果

  (图2.1.9)

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

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、