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制作精美导航效果.想了解更多精彩内容,请关注我们的网站!
-
jQuery中的read和JavaScript中的onload函数的区别在哪
在JavaScript中,onload函数是最经常使用的,几乎涉及到JavaScript的童鞋都少不了要接触它。这个函数的作用就是等待网页完全装载完了以后再去执行代码块内的语句,因为按照文档流的执行顺序,通常用于头部加载JavaScript的`时候需要用到。复制代码代码如下:ad=functio...
-
javascript中setInterval的用法总结
javascript中的setInterval的函数主要是在制作动画或其他间隔性渲染(操作)效果时,对操作方法按照一定时间间隔进行调用的函数。setInterval的表达式格式主要有:setInterval(fnname,time,par1,par2,);setInterval(obj,fnname,time,par1,par2,);第一种是最常见的表达...
-
网站设计首页要注意的事项
网站设计首页的时候要注意些什么?哪些是必须要注意的?下面就来和小编一起看看网站设计首页要注意的事项吧。1.用户友好性:提高首页的用户友好性,能够大大增加留住用户的可能性,更进一步的`话则是能提高用户的黏着度,取得良好的用户转化效益。而用户的友好性主要体...
-
HTML5教程:画布Canvas基础知识讲解
Canvas是HTML5最让人期待的特性之一,目前已获得大部分Web浏览器支持Canvas可以帮助创建游戏、增强图形用户界面。下面YJBYS小编为大家带来画布Canvas基础知识,希望对大家学习有所帮助!HTML5规范引进了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas...