转自：流域论坛 作者：vanely
很久以前就答应要写一个论坛顶部banner的制作教程了，拖到现在，不好意思。
首先说一下构思。由于论坛是100%宽度显示的，所以要使banner适应各种不同的分辨率就很不容易，我的构想是这样的：设置一个表格，分为三列单元格，左边和右边的单元格是固定宽度的，中间的单元格是自动适应屏幕大小的，只要使中间单元格的图片在任何宽度下都不变形，那就可以使banner使用任何宽度的浏览器。
1、首先当然是确定整个banner的宽度，根据我的这个皮肤，在1024的分辨率下宽度为941，在800分辨率下宽度为731，这里先建立一个941的图片，稍微设置一下渐变，并留下横条和网址的书写空间。
2、使用圆角矩形工具，结合渐变效果，做出横条，并加入一个装饰用的按钮，写入网址。
3、在心里划分好三个表格的大概宽度，根绝默认的宽度进行装饰，这里使用的主要是碎花笔刷，下载地址：
http://www.vanely.com/bbs/images/suihua.rar
用此笔刷使用在边缘处，多次试验，直到自己满意为止，注意要留下书写论坛地址和相关文字的地方，碎化的分布要随意，但不凌乱，注意左右平衡。
4、用各种残缺或凌乱线条的笔刷在左右、上面的边缘进行休整，以免显得生硬。
5、然后就文字加工，首先是论坛名称。选择字体，选择深蓝色，输入“流域杂志论坛”，调整大小，并在混合模式里设置一点渐变，不要太明显。
复制该图层，把原来图层的文字颜色改成白色，并把两个图层移动到同一位置，然后把下面的白色图层向右、向下偏移1或2个像素。
6、分别再复制这两个图层，并分别使用“编辑”——“变换”——“垂直翻转”，并把两者移动到下面合适的位置，设置30%的透明度。
7、同理，在右边加入说明文字，先做一个蓝色图层的文字，再复制一份，改成白色，调整到合适位置以及透明度。
8、最后效果就完成了，如现在论坛顶部所见。然后把所有图层合并，按照事先预先想好的宽度切割成三块，宽度要绝对精确。
9、在顶部设置一个三列的表格，三个单元格的宽度分别设置为390、*、341，宽度设置为“*”的时候可以随着屏幕分辨率的变化而变化，即屏幕宽它就宽，屏幕窄它就窄，这个功能蛮好用D~
10、在三个表格里分别插入三张图片，但注意，都要以背景图片的方式插入。然后在左边和右边的表格分别插入一个透明FLASH，这里使用的是水波和蚂蚁。
两个FLASH的地址为：
http://www.vanely.com/bbs/ad/2.swf
http://www.vanely.com/bbs/ad/3.swf
11、OK，彻底完成。有兴趣可以自己随便修改一下浏览器大小，看是否都适应，呵呵。有问题请指出。
