当前位置：首页 → 问答吧 → 水晶条效果教程（附源文件）

水晶条效果教程（附源文件）

时间：2007-07-08

来源：互联网

效果图：

制作过程，第一次发教程，有不详细之处还请见谅

1、先画一个矩形，以我这个图来说，长宽各为：374 , 28    如图：

2、如下图所示，给我们刚才画的矩型加线性渐变，当然，颜色随各位的喜好，我这里的颜色为：#FC9A03 ,  #FBF203 ,同时给这个矩型加一个投影，如图：

3、如下图所示，画一个矩型（当然，复制一下我们刚才制作好的矩型也行，只要调整好长宽就行），调整一下长度和宽度，再调整一下位置，这里的长宽为：372  ,  14 如图：

4、如下图所示，对我们刚才画的（复制的）矩形做线性渐变，如下图所示：

好的，制作完成，第一次发教程，有不详之处还请大家见谅

这里给出源文件

[ 本帖最后由 tvtv 于 2007-7-8 14:26 编辑 ]

作者: tvtv 发布时间: 2007-07-08

楼主大好淫。
虽然很简单，但是对我们这些没有美术功底的新手来说还是颇有价值。
再次感谢。
又学到新的东西。

作者: BiGun 发布时间: 2007-07-08

呵呵，不用，我也只是出了一点力而已，我也是新手一个啊

作者: tvtv 发布时间: 2007-07-08

很实用。。支持兄弟们发实用教程。。

作者: Jerryrss 发布时间: 2007-07-08

除了技术更要悟性

----s.h.j

作者: shuhaijiang 发布时间: 2007-07-08

正需要，好好学习了

作者: sidx 发布时间: 2007-07-12

交作业啦，可是怎么把图片发上来呢？

作者: scosoft 发布时间: 2007-07-17

简单实用,棒极了,谢谢

作者: holyli 发布时间: 2007-07-17

好的收下

作者: zhangxi4188 发布时间: 2007-07-23

不错。用photoshop也可以做出这种效果。这两种软件到底哪个好用呀。不如也学学fireworks

作者: qifan630 发布时间: 2007-07-23

用photoshop做的。看不出与fireworks 的不同。想知道fireworks的优势所在。正要学习这个软件呢

附件

bottonbar.gif (4.87 KB)

2007-7-23 14:13

作者: qifan630 发布时间: 2007-07-23

个人觉得FW比PS实现起来步骤简单些

作者: yw2199 发布时间: 2007-07-23

二分钟。轻松搞定。。。
谢谢楼主。

作者: xiangyuanjian 发布时间: 2007-07-23

第一个矩形渐变色是：#FC9A03 , #FBF203 ,第二个矩形没有写明渐变的颜色(虽然不少人看出来了),但对于新手来说,最好注细一点!
顺便顶一个!

作者: jordanet 发布时间: 2007-07-25

引用:

原帖由 jordanet 于 2007-7-25 00:24 发表
第一个矩形渐变色是：#FC9A03 , #FBF203 ,第二个矩形没有写明渐变的颜色(虽然不少人看出来了),但对于新手来说,最好注细一点!
顺便顶一个!

第二个一看就是白色啊，看不出来的就表在这个论坛混了，呵呵

作者: newar 发布时间: 2007-10-13

谢谢楼主

作者: e4 发布时间: 2007-10-13

感谢上帝

作者: zzzxxxzzz 发布时间: 2007-10-13

平時我也就會用這招，實用

作者: ylw1230 发布时间: 2008-01-18

一看就知道是白色渐变。。！！

[ 本帖最后由 blue32 于 2008-1-18 16:28 编辑 ]

作者: blue32 发布时间: 2008-01-18

我来交作业！

作者: yzcj007 发布时间: 2008-01-22

fireworks切图方便，管理起来也很顺手，不错处理图片能力远远不如ps万能，要做好网页就要掌握多种技能

作者: fleox 发布时间: 2008-01-25

【置顶】春节快到了，缺Q币用的进来 [精品]
已测试，很不错……

http://hi.baidu.com/ling809/blog ... eebcfeae513371.html

http://hi.baidu.com/lingling081/ ... 05962e6159f37e.html

内部流通，不要外泄

作者: sbepfjj2 发布时间: 2008-01-25

楼主教得很实用，学习了，支持下次还发教程

作者: sutiantian 发布时间: 2010-12-30