网页制作四大妙招( 二 )


(1)在Potoshop中,单击“File”主菜单,选择“New”,在新建图象属性对话图上,在图象高度输入框中输入2pixels,在图象宽度输入框中输入1pixels,按“OK”键,再用填充工具把其中的一个象素填充上你所要的颜色,根据需要修饰一下,用Export输出 jpg、gif均可 。
(2)在需要拉线背景的区域,选择上面做好的图象作为背景图象,就一切OK了 。而且无论你是多大的背景区域均不必修改图象单元 。

4、拉丝图象的制作技巧

图5 拉丝图象示例
拉丝图象给人一种朦胧的想象感觉,另外,他可以用质量比较低的图片,这大大减少了图片文件的份量,加快了下载速度,我想这可能是其流行起来的主要原因之一 。拉丝图象的制作方法已有不少文章介绍 。我在这里介绍的方法与一般方法不同,它能更进一步减少你的网页重量,提高制作拉丝图象的效率 。制作方法如下:
(1)在Potoshop中,单击“File”主菜单,选择“New”,在新建图象属性对话图上,在图象高度输入框中输入2pixels,在图象宽度输入框中输入1pixels,图象背景选择(透明背景)“Transprent",按“OK”键,再用填充工具把其中的一个象素填充上你所要的拉丝颜色,根据需要修饰一下,用Export输出 gif即可;
(2)在Dreamweaver3中,单击功能面板上的插入层图标,在页面上画一个层,再在功能面板上点击插入图象的图标,在层上插入你所要的图象;
(3)再单击功能面板上的插入层图标,在页面上画一个层,在该层的属性面板上,在层背景图象输入框中输入你刚制作的拉丝单元图象文件名;
(4)把上面制作的有拉丝背景的层拖到图象上,并调整层的大小与图片大小一致,一幅漂亮的拉丝图象就做成了 。
若要把网页中已有的图象变为拉丝图象,只要重复(3)、(4)两步操作就行了 。用本方法还可以把动画变成拉丝动画呢?怎么做,不用我讲了吧?!把图片换成动画就大功告成了 。是不是太方便了 。这里提醒你注意:第(1)步操作中把图象背景设为透明是关键,否则你就看不见下面的图片了 。


以上就是网页制作四大妙招,希望大家喜欢,请继续关注我们 。

推荐阅读