photoshop CS3平面设计教程 教学课件 作者 邹利华 photoshop书稿课件第九章.pptVIP

未完成版本，太忙写不完，哪位家人有兴趣补充案例，请发EMAIL联系 slimfish@ 第9章　Photoshop网页版面制作 Photoshop CS3平面设计教程 9.1.1 各式线条的绘制 画线 选择photoshop工具箱中的画笔工具，并设置画笔的半径为1个像素，设置画笔硬度为0%，按住shift键拖动鼠标可绘制一条直线 画虚线 画虚线和画直线一样也是使用画笔工具，不过要对画笔间距进行设置。按下快捷键F5弹出画笔设置面板，对画笔的直径、硬度和间距进行设置 。 画凹凸线 首先绘制一条比背景色暗的直线，然后再绘制一条比背景色亮的直线，线条色彩可选用与背景色同一色系的颜色，然后两直线并列排，这样凹凸效果就出来了 9.1.2 图案填充 在网页的背景和Banner中经常会见到填充的各式图案，如点、方格子，横线、斜线、交叉线等等。网页填充的背景图案往往要先自定义图案，然后再进行填充。 方格子的图案填充 新建一40*40px大小，背景是透明的文件 。 使用单行与单列选框工具绘制两条线 。 全选上图，选择菜单“编辑—定义图案”，图案定义好了。 选择要填充图案的区域，选择菜单“编辑—填充”，并找到刚才定义的图案 。 9.1.3 按钮制作 透明圆形按钮 塑料按纽 简单的MAC按钮 内嵌按钮的制作 半圆角按钮 9.1.4倒影和投影 倒影在网页中经常使用，有些是对文字，有些是对图片。倒影会使画片产生空间和立体感。 9.1.5 Logo标志 9.1.6 网页图像合成与修饰 为了更好的表达网站的主题，网页设计者会使用多幅与主题相关的图像进行合成，得到合成结果与背景和主题连成一体，使画面更加和谐，内容更加丰富。在photoshop中图像合成常用图层蒙版、图层混和模式和色彩调整命令来处理。 9.2.1 网页色彩 色彩的含义 色彩本身是无任何含义的，有的只是人赋予它的。红色：热情、奔放、喜悦、庄严 黄色：高贵、富有、灿烂、活泼 黑色：严肃、夜晚、沉着 白色：纯洁、简单、洁净 蓝色：天空、清爽、科技 绿色：植物、生命、生机 灰色：庄重、沉稳 紫色：浪漫、富贵 棕色：大地、厚朴 9.2.1 网页色彩 网页的色彩的对比 不同色彩之间的对比会有不同的效果。当两种颜色同时在一起时，这两种颜色各自走向自己的极端。例如：红色与绿色对比，红的更红，绿的更绿；黑色与白色对比，黑的更黑，白的更白。 色彩的对比有很多方面，色相的对比就是其中的一种。当大家用湖蓝与深蓝对比时，就会发觉深蓝带点紫味，而湖蓝则有点绿味。 9.2.1 网页色彩 色彩的大小和形状 有很多因素可以影响色彩的对比效果，色彩的大小就是其中最重要的一项，如果两种色彩同样大小，那么这两种颜色之间的对比十分强烈，但是当其中的一种大小变得不一样时，小的一种色就会成为大的色的补充。 在不同的形状上面，同一种色彩也会有不同的效果，试试在一个正方形和一条线上用红色，你会发现，正方形更能表现红色稳重、喜庆的感觉。不同的形状会使同一种色彩产生不同的效果 。 9.2.1 网页色彩 色彩的位置 色彩所处的位置不同也会造成色彩对比的不同。试把两个同样大小的色彩放在不同的位置，譬如前后，则会觉得后面的颜色要比前面的颜色暗些。正是由于所处的位置的不同，导致眼睛的视觉的不同。 9.2.1 网页色彩 网页配色的常用规律 中性色黑色、白色、灰色进行搭配。 中性色和任何一种颜色搭配。填充颜色的部分较大时，最好使用黑色、白色、灰色等。 用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 用对比色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。如蓝色和黄色就是对比色，这样整个页面色彩丰富但不花稍。 不要将所有颜色都用到，尽量控制在三种色彩以内。 背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。 最好不要使用大面积的高饱和度的纯色，如果必须使用时，该色占用的幅面最好较小。 背景与文字内容的亮度（0-255）差最好在102以上。 当网站面对的用户超出本国范围时，最好使用完全色。 9.2.2 网页文字 文字的设计原则 文字的可读性：设计中的文字应避免繁杂零乱，使人易认，易懂，切忌为了设计而设计，忘记了文字设计的根本目的。 赋予文字个性：文字的设计要服从于作品的风格特征。文字的设计不能和整个作品的风格特征相脱离，更不能相冲突 在视觉上应给人以美感；字型设计良好，组合巧妙的文字能使人感到愉快，留下美好的印象，从而获得良好的心理反应。 在设计上要富于创造性：根据作品主题的要求，突出文字设计