photoshop一个有版头和页尾的网页设计（基础）

图像处理试验报告

一．实验目的

1.掌握网页的概念，领会网页版面特点。

2.熟练PS标尺的运用。

3.熟练蒙版的运用。

4.练习Photoshop的基础操作。

二．实验工具

    Photoshop

三．实验要求

做含有标头和页尾的网页，网页题材不限。

四．实验内容

1.在做网页之前，先对页面设计有一个大概的了解。思考想要设计的页面的主题和色彩风格。

2.首先，新建一个960x600的画布。新建多个组，“版头”“蓝条”“页尾”等。

3.在“版头”组内，新建图层，添加版头建筑图片和背景图片，将建筑图片图层放在背景图片图层的上面，选中建筑图片图层，点击“添加矢量蒙版”，选择“渐变工具”，在版头位置从左到右拉线条，通过蒙版达到渐变效果，使背景与图片过渡。选择一个适当的网页主题图片，也可以使用各种字体效果做出题目，将其放到适当的位置。

4.在“蓝条”组内，先画一个蓝条，为了将蓝条分成n个小框，计算得出每个蓝框的大小。做第一个蓝框时，先用标尺标明蓝框的右边线位置，后用“矩形选框工具”选择标尺左侧的选框，这便是第一个蓝框。为了每个蓝框相同，可以将每个选框的右边线计算位置后用标尺标明。为了提高速度，也可以直接将第一个选框的选区向右移动，使选区的左边线与刚刚的标尺重合，在该选区的右边线再拉一个新的标尺，这样可以快速分成n个小框。为了美观，可以在相交处（即标尺的位置）用“铅笔”或其他工具划线加深。之后在每个蓝框的相应位置添加“文字”工具，写明具体的内容，最后选中文字进行“顶对齐”。

5.在“页尾”组内，新建图层将选中选区改成蓝色，添加文字和图片，放到合适的位置。

6.添加“企业信息”“通知”，为网页增色。

五．实验总结

    这次实验我通过PS设计了一个简单的网页。这个网页包含了图片、文字、fx效果、蒙版等多个PS技巧，在做网页的过程中，不仅学习了网页的版面特点，PS的技巧也提高了一定的熟练度。这次练习学会了几个设计网页的小技巧，首先，对标尺的使用有了更深的理解。做网页时，标尺是个必不可少的工具，它提升了我们设计网页的精确度，对美观也起到了一定的作用。其次，在版头设计图片时，要善于利用蒙版工具，使图片过渡更加顺畅自然。总的来说，这次实验是一个很好的自我提升的机会。