(一)KTV团购photoshop操作基础

photoshop是图像处理专业工具，被广泛应用于平面设计、媒体广告和网页设计等诸多领域。photoshop支持多种图像格式和颜色模式，能同时进行多图层操作，其绘画功能与选取功能使图像编辑变得非常方便。在网页图像设计中，经常需要用photoshop完成前期设计和处理工作，如针对图像特定区域进行处理，就需要精确选取范围，为此photoshop提供了众多选取工具和命令，灵活使用它们可以轻松设计网页元素。

初次应用photoshop，建议先使用如何新建、保存、关闭、打开和置入图像，这些功能是用户在处理图像时使用最为频繁的操作。具体步骤：

(1)新建图像，启动photoshop后，photoshop窗口中是没有任何图像的。如果要在一个新图像中进行创作，则需要先建立一个新图像。

(2)保存图像，当完成对图像的一系列编辑操作后，就需要进行保存，保存图像文件有许多方法。

(3)打开图像，要对已存在的图像进行编辑，必须先打开图像。

(4)置入图像，在photoshop中允许插入一些图像。

(5)修改图像尺寸和分辨率，分辨率是指在单位长度内所含有的像素的多少。图像品质的好坏与图像分辨率有直接关系，分辨率越高说明图像越精细、越清晰。

(6)修改画布大小，画布是指绘制和编辑图像的工作区域，也就是图像显示区域。

(7)裁切图像，如果用户需要将图像四周的多余部分删除时，可以使用photoshop提供的裁切功能。

(8)清除图像空边，photoshop还提供了一种较为特殊的裁切方法，即裁切图像空白边缘，也就是当图像四周出现空白内容需要裁切时，可以直接将其去除，而不必像使用裁切工具那样需要经过选取裁切范围才能裁切。

(9)编辑网页图像简单过程有，移动图像、复制和粘贴图像，删除与恢复图像，还原与重做，使用“历史记录”面板等工具。

(10)修饰网页图像简单过程有，使用橡皮擦工具、使用图章工具、使用修复画笔工具、使用修补工具。

(11)图像选取范围简单过程有，选取规则区域、选取不规则区域。

(12)图像操作选区简单过程有，移动选区、增加选区、修改选区、变换选区、羽化选区。

(二)KTV团购网页绘图和调色基础

在网页设计中经常需要绘图，熟练掌握绘图工具的使用是非常必要的。对于一幅网页效果图，除了创意、内容和布局外，还要考虑色彩表现。颜色是图像中最本质的信息，不同的颜色给人的感觉是不一样的。photoshop提供了很多图像调色命令，使用这些命令可以快速有效地控制图像的色彩和色调，制作出色彩鲜明的网页图。

(1)使用绘图工具，photoshop不仅在图像处理方面功能强大，而且在图形绘制方面也很优秀，图像编辑功能和绘图功能是photoshop的两大优势功能。用户需要掌握如何使用photoshop的绘图工具组和应用绘图工具组，以及绘制网页。

(2)颜色填充和描边，图像绘制工具和选择工具都可以绘制图像轮廓，有了图像轮廓，就需要对其进行颜色填充。

(3)使用路径工具，在矢量图形中，构成形状的轮廓被称为路径。直线或者曲线的路径可以是开放的，圆圈或者多边形是可以闭合的。路径还可以由单个直线、曲线段组成或者由多个部分组合在一起。由于路径是基于矢量而不是基于像素的，路径的形状可以任意改变，而且能和选取范围互相转换，因此可以制作出形状很复杂的选取范围，大大方便了用户。在photoshop中制作路径的工具主要有钢笔工具组、路径选择工具组和“路径”面板，可以新建路径和编辑路径。

(4)绘制形状，使用形状工具可以绘制矩形、圆角矩形、椭圆形、多边形、直线和其他photoshop自带的形状，而这些形状可以被用作创建新的形状图层、新的工作路径及填充区域，这样更加有利于用户对图形图像的编辑。

(5)输入文本，使用photoshop制作网页效果图、Logo、Banner等时，常常需要输入文字，在photoshop中输入文本是通过文字工具实现的。用户可以使用文字工具在图像中的任何位置创建横排或者竖排文字。

(6)设置文本和段落格式，不管输入点文字还是段落文字，都可以使用格式编排选项来指定字体类型、粗细、大小、颜色、字距微调、字距调整、基线移动及对齐等其他字符属性。用户可以在输入字符之前就将文字属性设置好，也可以对文字图层中选择的字符重新设置属性，更改文字外观。

(7)编辑文本，在设计网页图像时如果只是输入单纯的文本，会使文字版面显得特别单调，这时就可以对文本进行一些编辑操作，例如，对文字进行旋转和扭曲变形等。

(8)网页配色，使用绘图工具绘制图形时，都需要先选取一种绘图颜色，然后才能顺利地绘制出用户想要的效果。所以，对于photoshop绘图来说，颜色选配绘制相当重要。

(9)网页调色，photoshop提供了多个图像色彩调整命令，使用这些命令可以轻松、快捷地改变图像的色相、饱和度、亮度、对比度。

(三)KTV团购使用图层通道和滤镜

图层是photoshop中图像处理的基础，使用图层可以简化复杂的图像处理操作。一般而言，网页图像都需要经过多个操作步骤才能完成，特别是网页效果图，都由多个图层组成，并且需要对这些图层进行多次编辑后，才能得到理想的设计效果。

通道和蒙版与图层一样，都是photoshop的重要功能，要制作有创意的图像、要成为真正的photoshop设计高手，就不能忽视通道和蒙版。使用photoshop滤镜可以快速设计出许多惊艳、虚幻的特殊效果，而不必进行复杂的操作。因此，在用户绘制图像时，巧妙使用滤镜能够起到画龙点睛的作用。

(1)认识图层，图层这个概念源自动画制作领域，为了减少不必要的工作量，动画制作人员使用透明纸来绘图，将动画中的变动部分和背景图分别画在不同的透明纸上。这样背景图就不必重复绘制了，需要时叠放在一起即可。

(2)创建图层，在photoshop中，图层可以分为多种类型，如文本图层、调整图层、背景图层等。不同的图层，其应用场合和实现的功能也有所差别，操作和使用方法也各不相同。如何创建图层、如何管理图层，为了便于管理图层，photoshop提供了图层组功能，使用图层组可以创建文件夹用来放置图层内容。

(3)图层基本操作，为了解图层的功能以及创建方法的简单过程有移动图层、复制图层、锁定图层、删除图层，还有多图层操作在photoshop中，有时需要把多个图层作为一个整体操作，如进行移动操作，这时就可以先将要移动的图层设为链接的图层，这样就可以很方便地进行移动、合并或设置图层样式等操作。

(4)使用图层蒙版，图层蒙版相当于在当前图层上面覆盖一层玻璃片，有透明、半透明和完全不透明效果，然后用各种绘图工具在蒙版上涂色（只能涂黑色和白色），涂黑色的地方蒙版变为透明的，看不见当前图层的图像。涂白色则使涂色部分变为不透明，可看到当前图层上的图像，涂灰色使蒙版变为半透明，透明的程度由涂色的灰度深浅决定。另外，还有使用剪贴组图层可以在两个图层之间合成特殊效果。使用图层样式，可以设计很多特效，而且图层样式可反复修改。图层样式主要通过"图层样式"对话框来选择和控制。

(5)使用通道，通道面板是比较常用的面板，在完成作品的过程中常常会用到此面板。通道显示了图像的大量信息，是文档的组成部分。通过通道面板，可以完成所有的通道操作，如建立新通道、删除、复制、合并以及拆分通道等。

(6)使用滤镜，在photoshop中滤镜有非常神奇的作用，主要用来实现各种特殊效果。所有photoshop滤镜都分类放置在"滤镜"菜单中，使用时只需从该菜单中执行相应的滤镜命令即可。

(四)KTV团购设计网页元素

图像是网页中不可或缺的组成成分，恰当地使用图像，可以使网站充满生命力与说服力，吸引更多的浏览者，如深浏览者欣赏网站的意愿，另一方面，网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制，导致了下载的速度不可能太快，因此，网页就不能太大，其中，关键要素就在与图像的大小，无论网页设计得多么精彩，浏览者是没有耐心去慢慢等待下载的。所以，在网页容量大小的问题上一定要重视网页图像的设计。

(1)主效果图是一个网页的门面，能体现出这个网页的整体风格。如一个电商的主页，其中标题行部分就是一个主题图形，在很大程度上决定了整个网页的主体色彩及风格。因此，在网页设计时，首先要设计的就是主题图形。设计主题图形是比较关键的环节，主题图形制作得好坏，将直接关系到能否吸引浏览者的注意力。一个优秀的主题图形寥寥几笔就能生动地体现网站的特点。一般来说，主题图形的颜色必须与网页完美融合、有独特的创意，这是制作主题图形时必须注意的。另外，网页中的主题图形不仅要好看，还要恰当和经济，即在网页中的位置与大小要合适、能够体现出网页主题思想、图像文件的大小，格式应符合要求等。主题图形是多种多样的，可以是一幅极具创意的特效图像，也可以是一个特别精致的小图，或者整个网页就使用一幅大图。设计主图需要通过Logo、Banner、导航条、按钮等网页元素来体现，所以不要空洞地谈主图设计。

(2)设计标题文字，一遍文章或是一条新闻都需要有一个醒目的标题。在报纸上如此，在网页中也是如此，并且在网页设计中，标题文字更为重要，因为标题文字设计得是否吸引人，将直接关系网页的访问量。而在设计标题文字时，除了名字好听、易懂、富有情趣之外，还要在文字效果的创意上下一番工夫，这样才能引起浏览者的注意。

(3)设计网页按钮，一些网页按钮，看上去很漂亮。制作这些按钮的方法很多，用photoshop可以轻松实现。

(4)设计导航图，在网页中使用导航条，可以使网站的结构层次更加分明，同时也可以方便浏览者在网站的各方面之间切换。制作导航条图像的操作与制作悬停按钮的方法基本相同，所不同的只是需要多做一种状态的变化图像，以用于“鼠标按下时滑过”状态下显示。

(5)设计网页背景图，在一个网页中，其网页背景既可以用简单的颜色来填充，也可以用一个背景图像来填充。如果是使用背景颜色填充，直接在Dreamweaver中设置即可；如果是使用背景图像填充，则必须使用图像处理软件制作一个背景图像，才可以载人到Dreamweaver中使用。使用photoshop制作背景图像时，应该考虑背景图像的无缝拼接问题。所谓无缝拼接，就是整幅网页背景图像可以看作是由若干个矩形小图像拼接而成，并且各个小矩形图像之间没有接缝的痕迹，各个小图像之间也完全吻合。这种无缝拼接图像在日常生活中也很常见，如地面上铺的地板革、墙纸、花纹布料、礼品包装纸等，无缝拼接图像在计算机图像处理上应用广泛，特别是在一些平面设计和网页背景方面，对主题内容进行烘托，不仅美观别致，而且简便易行，又不至于浪费大量的时间和空间。

(6)设计网页Logo,网页Logo是徽标或者商标的英文名称，网站Logo主要是各个网站用来与其他网站链接的图形标志，代表一个网站或网站的一个版块。Logo设计在网页设计中占据了很重要的地位，相当于画龙点睛，同时Logo设计风格将会决定整个网页的设计风格。

(7)设计网页Banner,网页Banner是网站页面的横幅广告，一般使用GIF格式的图像文件，可以用静态图像，也可用多帧图像拼接为动画图像。Banner大小不固定，根据具体页面而定，在网页中比较常见，多位于头部区域，当然一个页面可以包含多幅Banner。于Logo一样，Banner是网页中重要的元素，除了广告作用，还具有页面装饰效果，因此在制作Banner时要注意主题的突出，使浏览者能够很容易地把握广告内容的主旨，同时要注意广告的视觉效果，要能够给浏览者留下深刻的印象。

(五)KTV团购把效果图转换为网页

很多精美的网页图片都是用photoshop制作的，如何使用photoshop生成网页。在photoshop中，使用切片工具可以快速进行网页图片的制作，主要包括切片工具与切片选择工具。切片工具能够将一个完整的设计稿切成一片一片的，或很多个表格，这样就可以对每一张图片进行单独的优化，以便于网络下载。当把设计图切成网格后，即可用Dreamweaver进行细致处理。

(1)使用photoshop切图，在photoshop中设计好效果图之后，利用切片工具可以将效果图切分为数个切片，这些切片可以充分根据页面设置需要酌情进行调整，不会因为网页制作上的限制而失去网页的完整性和完美效果。

(2)编排版面，用户可以直接在Dreamweaver中插入表格实现页面版面的编排处理，但更多时候利用photoshop设计好效果图或者草图，也可以利用photoshop设计好渐变、水晶、玻璃等效果，最后输出为网页格式。利用photoshop前期设计，Dreamweaver后期编排，仍然能够保证网页的文本编辑功能，而不是一张无法编排的表格图片。

(3)输出正文版面，在photoshop中完成版面的效果设计，必须经过分割、存储等操作工序，完成版面设计的第一步，然后开启Dreamweaver实现页面的编排工作。

(4)输出自适应版面，使用photoshop切分静态页面之后，可以设计出与浏览器窗口大小自适应的表格版面，让版面内容能够根据窗口大小、内容多少自适应调整宽度和高度，纠正表格切分中一定是固定尺寸版面的错误观点。

(5)输出首页，网页的版面设计可以使用图像表格的技巧，在photoshop中设计好效果图后，经由切片分割之后，存储为HTML文档格式，再通过Dreamweaver处理设定，就会以完美的形式呈现页面内容，例如，设计鼠标交互式图像按钮效果，背景图像的平铺和延伸等特效。

(6)输出内页，对于网站内页来说，最常见的是左右分栏的版式效果，无论是页面顶部的标题区，还是左侧导航服务区，在photoshop中设计好版式，经由切片分割之后，存储为HTML文档格式，再通过Dreamweaverc处理设定，就会以完美的形式呈现页面内容。

(7)编排背景图，设定版面背景，主要包括背景图像固定、页面渐变背景等。在网页设计中，如果配合页面、表格、单元格背景设定，就能够做出更多变化丰富的版面效果。

(8)设计固定背景，使用CSS可以定义背景图，包括背景图像、定位方式、平铺方式等，在网页应用中可以先定义样式类，然后把这个类绑定到网页任何元素中，包括表格、单元格等。

(9)设计单栏背景，对于内容区无左、右侧栏的上下行单栏式版面，可以将背景设计在左右两侧，或者页头、页脚、内容区两侧。

(10)设计双栏背景，使用切片工具把整个页面切分为上、中、下、底4部分，上面为头部区块，中间为导航块，下面为内容区，底部为版权区。把正文区左右两侧栏目切分出标题栏和正文部分，通过表格设计，背景设计，把两个两栏版面划分得清晰明了，页面设计效果规范。