源码
资讯
  当前位置:源码网网络学院创意设计Fireworks → Fireworks网页设计入门教程(四)
特别推荐
热点TOP10
本周下载排行
本月下载排行
Fireworks网页设计入门教程(四)
日期:2006年12月19日 作者:lianzibird 人气: 查看: [大字体 中字体 小字体]

  3.下面我们来画哪个类似徽章的东西

  其实也很简单,创意是类似奖状上贴的那个获奖标志一样,会让网站生动一点。这里我们选择多边形,如图:

  

  设置如下,大家要注意一下图层顺序,拖动到下层就好了。

  

  注意:这个图层我们固定了以后通常就不动了,所以要进行锁定;不然鼠标晃来晃去很容易把图移位。在图层那里点一下就多了一个小锁,这样无论我们怎么操作都不会对那个层进行改动了。

  

  其实其他的东西都大同小异。我们来研究一下细节:

  笔者个人最喜欢Fireworks的一点就是它超多的自带纹理,对比一下在ps里面有些纹理要自己做真的好麻烦。

  我们来看页面左边的渐变部分,其实就是拉出来了一个矩形,然后加上线性的渐变、加上对角线的纹理、稍微调整一下透明度。就这么简单,效果却很好看。

  

  下一个小地方,就是产品资讯的背景框,其实也很简单,就是一个矩形,然后外框为红色;矩形加一个内部发光效果,发浅灰色的光。

  

  下一个地方是右上角,大家可以看到一个类似网格的底纹。我们绘制一个矩形,再加上一个蒙版、一个渐变就ok了。现在看起来是不是生动很多了呢?

(出处:蓝色理想)

百度搜索 Google搜索 雅虎搜索 我要投稿
相关文章: 相关软件: