网页怎么设计线条 第1篇
与斜纹线条～样，交叉纹线条也多用于网页功能模块的底纹，制作方法与思路跟斜纹线条基本一致，关键是准确定义好图案样本，这一点很重要。(1)执行“文件>新建”菜单命令，创建一个尺寸为9．5cm×5cm、分辨率为72像素/英寸的图像文件。(2)设置背景色的RGB值为95、98、101，将背景色填充为灰色。(3)将图像以1 600%的比例放大显示。(4)创建一个新图层“图层1”。(5)选择工具箱中的“铅笔工具”，在“铅笔工具”选项栏中设置参数，如下图所示。
(6)设置前景色的RGB值为1 90、1 91、1 92，在画面中单击，绘制出一个由单个像素组成的图像，如下图所示。
(7)选择工具箱中的“矩形选框工具”，在工具选项栏中设置“羽化”值为O，在画面中拖动鼠标，创建一个正方形选择区域，如下图所示，将图像选中，然后在“图层”面板中隐藏“背景”层。
在网页设计中，我们使用交叉纹线条作为导航条的底纹，使得页面显得很清净而又不单调，如下图所示，与其他的按钮式导航条相比，这种设计具有制作方法简单、效果突出的特点。
网页怎么设计线条 第2篇
斜纹线条多用作网页中某一功能区的底纹使用，使用它作为分割线的情况比较少见。斜纹线条的制作主要运用了Photoshop软件的自定义图案技术，具体操作步骤如下。(1)执行“文件>新建”菜单命令，创建个尺寸为9．5cm x 5cm、分辨率为72像素/英寸的图像文件。(2)设置背景色的RGB值为95、98、1 01，将图像背景填充为灰色。(3)将图像以1600%的比例放大显示。(4)创建一个新图层“图层1”。(5)选择工具箱中的“铅笔工具”，在铅笔工具选项栏中设置参数，如下图所示。
(6)设置前景色的RGB值为1 90、1 91、1 92，在画面中单击，绘制出两条平行的，由1 0个像素组成的倾斜线条，如下图所示。
(7)选择工具箱中的“矩形工具”，在工具选项栏中设置“羽化”值为O，然后在画面中拖曳鼠标，创建一个矩形选择区域，然后在“图层”面板中隐藏“背景”层，如下图所示。
(9)按Ctrl+A快捷键全选图像，然后按Delete键删除选择区域内的图像。(1 0)选择工具箱中的“矩形选框工具”，在画面中创建一个矩形选择区域。(1 1)选择工具箱中的“油漆桶工具”，在“油漆桶工具”选项栏中单击，选择刚刚存储的图案名称，如下页图所示。
(1 2)在选择区域内单击，填充图案，然后按Ctrl+D快捷键取消选择区域效果，如下图所示。
将这种斜纹线条应用到网页设计中，既可以作为功能区的底纹，也可以作为一种点缀，如下图所示，我们将这种斜纹线条应用在导航条右侧的空白区上，平衡了整个页面，并且增强了节奏感，页面更加和谐、清晰。
网页怎么设计线条 第3篇
使网页中的线条及边框设计具有一种独立感，可以极大地丰富网页的视觉效果，创建更活跃的网页界面，这里介绍一种独立感线条的制作方法。(1)执行“文件>新建”菜单命令，创建一个尺寸为9．5cm×5cm、分辨率为72像素/英寸的图像文件。(2)设置背景色的RGB值为95、98、1 01，将图像背景色填充为灰色。(3)将图像以200%的比例放大显示。(4)选择工具相中的“铅笔工具”，在铅笔工具选项栏中设置参数，如下图所示。
(5)打开“画笔”面板，设置参数，如下图所示。
(6)创建一个新图层“图层1”。(7)设置前景色的RGB值为1 93、1 94、198，按住Shift键的同时在画面中水平拖动鼠标，绘制一条两个宽度的虚线，如下图所示。
(8)创建一个新图层“图层2”，然后设置前景色为黑色，在按住Shift键的同时在灰色线条的上方水平拖动鼠标，再绘制出一条相同长度的黑色虚线。(9)选择工具箱中的“移动工具”，然后使用方向键微移“图层2”的黑色虚线，使“图层1”与“图层2”中的两条虚线产生交错效果，两条虚线偏移1个像素，如下图所示。
(10)双击工具箱中的“放大镜工具”，使图像以1 00%的比例显示，则产生了立体效果，如下图所示。
如果将这样的立体线条应用到网页设计中，将产生很好的视觉效果，如下图所示，将这种线条重复使用，可以形成大面积的分割区域。