网页设计photoshop

第一篇：网页设计photoshop

photoshop 平面设计 教程

第一次课：

1. Photoshop发展史 托马斯兄弟

1987年秋，Thomes Knoll，一名攻读博士学位的研究生，一直尝试编写一个程序，使得在黑白位图监视器上能够显示灰阶图像。他把该程序命名为Display。但是 Knoll在家里用他的Mac Plus计算机编写这个编码纯粹是为了娱乐，与他的论题并没有直接的关系。他认为它并没有很大的价值，更没想过这个编码会是Photoshop的开始。

他的程序引起了他哥哥John的注意。当时John正效劳于Iindustrial Light Magic(ILM)公司——一家影视特效制作公司。随着《星球大战》的诞生，Lucas向世人证明，真正的酷效，配以英雄人物，将创造出惊世巨片!当时 John正在实验利用计算机创造特效，他让Thomas帮他编写一个程序处理数字图像，这正是Display的一个极佳起点，他们的合作也从此开始。

2. 应用范围

1)平面设计：平面广告、包装、海报、书记装帧、印刷、制版

2)网页设计

3)插画设计：网络、广告、CD封面、T恤

4)界面设计：软件、游戏、手机操作、MP

3、MP

4、智能家电

5)数码照片图像修复 6)动画与CG设计

7)效果图后期制作

3. 工具箱介绍(缩放

(Ctr++以中心处放大(或者按住Alt键+鼠标滚动键)、Ctrl+-以中

、心处缩小、Space+Ctrl以鼠标单击处放大、Space+Alt以鼠标单击处缩小)、移动标尺[按Alt键可测量角度]) 快捷键F、Tab的用法

4. 文件菜单介绍(文件→置入：可置入图片、pdf、EPS[为PostScript打印机输出图像而开发的文件格式]、AI[Adobe Illustrator];文件→导出→Zoomify：可平移、缩放图像) 5. 编辑菜单→还原(Ctrl+Z)、后退一步(Ctrl+Alt+Z)、前进一步(Ctrl+Shift+Z) 6. 编辑菜单→拷贝(Ctrl+C)、合并拷贝(Ctrl+Shift+C)、粘贴(Ctrl+V)、贴入(Ctrl +Shift+V) 7. 编辑菜单→变换、自由变换(Ctrl+T)、定界框的中心点换按Esc键

1). 旋转：将光标移至定界框外侧，光标显示为

。

。按Shift键可等比缩放。 、确认变换按回车键、取消变2). 缩放：将光标移至定界框四周的控制点上，光标显示为3). 斜切：将光标移至定界框外侧位于中间位置的控制点上，按住Shift+Ctrl键，光标会显示为或状。

4). 扭曲：将光标移至定界框四周的控制点上，按住Ctrl键，光标会显示为。 5). 透视：将光标移至定界框四周的控制点上，按住Shift+Ctrl+Alt键，光标会显示为

。

6). 变形：对象上会显示变形网格和锚点，拖动锚点或者调整锚点的方向线可以进行更为自由的变形操作。

7). 旋转180°、旋转90°、水平翻转、垂直翻转。 8). 可仅对选区内图形变换。 8. 实例1：图片的合成(沙发和小熊) 使用快速选择工具选取小熊，并复制粘贴到沙发适当位置。

9. 实例2：图像变换中的变形(玻璃杯贴画) 1). 选择移动工具，将卡通图像拖动到牛奶杯中，按Ctrl+T，按住Shift键将卡通图像缩小到适当大小(刚好覆盖到杯面上)。 2). 单击鼠标右键，点变形命令。

3). 拖动四个角上的锚点，将锚点对齐到杯体上。

4). 拖动上面两个锚点，产生向上的弯曲;拖动下面两个锚点，产生向下的弯曲。 5). 拖动左侧锚点，使左侧弯曲对齐到杯体;拖动右侧锚点，使右侧弯曲对齐到杯体。 6). 按下回车键确认变形。

7). 将卡通图像所在图层的混合模式设置为”正片叠底”。 10. 实例3：制作艺术相框(将某张图”贴入”到另一张图的选区内) 1). 将小狗.jpg置为当前窗口，全选小狗、按Ctrl+C组合键复制(拷贝)。 2). 将相框.jpg置为当前窗口，使用魔棒工具选中相框内部的图像。 3). 选择”编辑→贴入”命令将小狗图像粘贴到当前选区。

4). 按Ctrl+T组合键，拖动变换框的控制点将图像放大，利用移动工具将变换后的图像调整到相框中央，按Enter键确认。 11. 实例4：制作圆角矩形图片

1). 使用形状工具中的“钢笔工具”→”圆角矩形工具”，在属性工具栏设置半径(表示圆角的角度)、并选择此工具建立路径;

2). Ctrl+Enter将路径转换为选区;

3). ”选择→反向”命令或Ctrl+Shift+I反向选取选区;

4). 按Delete键将图片周边删除，删除区域变成透明区域(如果没有变成透明，请先双击图片的背景图层，去除背景图层的锁定); 5). Ctrl+D取消选区;

6). 另存为png或gif，这两种格式支持背景透明(指在photoshop中打开时为背景透明，其他格式在photoshop中打开背景为白色)。

第二次课：选择、绘画与图像修饰 1. 图像的裁剪(方法一：使用裁剪工具2.1 菜单”图像->图像大小” 2.2 菜单”图像->画布大小”

2.3 菜单”图像->裁切”与菜单”图像->裁剪”的区别：裁切命令可将图像四周的透明区域裁剪掉。

3. 编辑→渐隐菜单

(渐隐即逐渐的消隐，主要用于降低颜色调整命令或滤镜效果的强度) 3.1 滤镜→艺术效果→木刻、

编辑→渐隐木刻(实例)

3.2 图像→调整→去色、

编辑→渐隐去色(模式：变暗)(实例) 4. 选框工具 4.1 矩形选框工具(按住Shift键可选择连续区域)、选区的操作(全选、反选、取消选择

方法二：使用菜单”图像->裁剪”)

【快捷键Ctrl+D】、移动、拷贝至新图层、在选区内点右键有更多操作)、选区的运算(新选区 、Shift添加到选区

、Alt从选区减去

、Shift+Alt与选区交叉

) 实例：对选框范围内的动物去色

(羽化、制作旧时照片效果) 4.2 椭圆选框工具 实例：制作圆环(新建;正圆选框;填充颜色;选择→修改→收缩 20px;填充;Ctrl+D) 实例：制作旧时照片效果(椭圆选框;Ctrl+T或右键变换选区;右键选择反向;右键选择羽化;设置羽化半径为20px;Ctrl+Delete用背景色填充选区;Ctrl+D) 4.3 单行/单列选框工具Ctrl+Delete用背景色填充)

(编辑→填充 可制作实线 Alt+Delete用前景色填充 5. 套索工具 5.1 套索工具精确方式) 5.2 多边形套索工具5.3 磁性套索工具6. 魔棒工具 6.1 魔棒工具6.2 快速选择工具(实例)

(实例) (实例)

(按delete可删除上一个点、实例) (按下Alt键可连点成线。按下Capslock键可将光标从普通方式切换到7. 选择→色彩范围

(白色代表被选择的区域，黑色代表未被选择的区域，灰色代表被部分选择的区域)

7.1选择→色彩范围、图像→调整→色相/饱和度 实例：调整赛车车身颜色

选区(按Q键切换至标准模式) 7.2选择→色彩范围、“以快速蒙版模式编辑” 实例：对滑板人物抠图(选择→色彩范围;背景取色;选区反向;按Q键切换至快速蒙版方式;选择画笔工具、前景色设置为白色;)

7.3 滤镜→抽出(适合选择边缘模糊或者边缘细节较多的对象)(实例)

8. 前景色/背景色的设置(可通过吸管、颜色调板、色板调板设置。按D键可将前景色设置为黑色、背景色设置为白色。按Alt+Delete组合键可将整个图像设置为黑色(前景色)，按Ctrl+Delete组合键可将整个图像设置为白色(背景色)。) 9. 画笔工具 9.1 画笔工具(绘制带有柔边效果的线条;单击‘]’增大画笔直径、单击‘[’减小画笔直径;画笔(笔刷)调板快捷键F5) 9.2 铅笔工具(绘制硬边线条，有自动抹除功能：如果光标的中心在包含前景色的区域上，则该区域将被绘抹成背景色，反之，绘抹成前景色) 9.3 颜色替换工具和橙色)

9.4 自定义画笔(编辑→定义画笔预设) 10. 图章工具 10.1 仿制图章工具10.2 图案图章工具11. 修复工具

11.1 污点修复画笔工具11.2 修复画笔工具实例：消除眼角皱纹) 11.3 修补工具(先创建选区、再拖动选区、修补设置为”源”和”目标”的区别;用

(柔角[硬度值偏小]画笔、近似匹配;实例：清除脸上斑点) (柔角画笔、替换模式、源设置为取样、按Alt键单击鼠标取样;(先按住Alt键单击鼠标取样) (只替换颜色，不覆盖背景。实例：草地涂成黄色、树木涂成红色其他区域或图案中的像素修复选中的区域;选择‘源’时，选区的图像被覆盖;选择‘目标’时，选区的图像被复制) 11.4 红眼工具(消除照片中的红眼现象)

12. 历史记录画笔工具 12.1 历史记录画笔工具

(可将图像恢复到编辑过程中的某一状态;先在‘历史记录’

;实例：图像-调整-去色、设置历史记录画笔位置、柔调板里设置历史记录画笔的源角画笔、适当画笔大小及不透明度) 12.2 历史记录艺术画笔工具13. 切片工具

(滤镜→模糊→镜像模糊、模糊方法旋转、数量25) 13.1 显示参考线和标尺

13.2 基于参考线的切片

13.3 切片选择工具(双击切片弹出切片选项;切片选项中的切片类型;切片的编辑;shift多选切片;切片的合并)

13.4 文件→存储为Web和设备所用格式 14. 动画面板

14.1 动画(帧)面板→创建逐帧动画：先创建好各图层、新建帧或面板底部复制所选帧、设置该帧显示和不显示的图层。(实例)

14.2动画(帧)面板→创建过渡动画→位置过渡：选择起始帧、面板底部复制所选帧、移动工具、按住Shift键选中起始帧与结束帧、单击动画帧过渡按钮

、参数选择位置。

14.3动画(帧)面板→创建过渡动画→不透明度过渡：选择起始帧并设置不透明度、面板底部复制所选帧、移动工具、设置结束帧不透明度、按住Shift键选中起始帧与结束帧、单击动画帧过渡按钮、参数选择不透明度。

14.4动画(帧)面板→创建过渡动画→效果过渡：选择起始帧并设置图层样式或字体变形、面板底部复制所选帧、移动工具、设置结束帧图层样式或字体变形、按住Shift键选中起始帧与结束帧、单击动画帧过渡按钮

、参数选择效果。

。 14.5 动画(时间轴)面板：选择时间点、创建关键帧15. 实例：制作红色提交按钮

1)新建图层，使用圆角矩形工具制作一个填充红色的矩形，圆角角度为10px; 2)设置矩形所在图层样式(阴影：正片叠底、75%不透明度、140角度、距离及大小为4;内发光：正常、75%不透明度、杂色#BB0A0A;渐变叠加：正常、100%不透明度、渐变色#A10F0F #DF0B0B #DF0B0B;描边：大小2px、颜色#AB080A); 3)新建图层，在矩形的左侧使用矩形选框工具，选框内使用#E1CA57填充;

4)设置该图层样式(内发光：正常、80%不透明度、杂色#F1E19B;渐变叠加：正常、100%不透明度、渐变色#B59D2B #E7CD50 #E7CD50); 5)新建图层，添加文字“确认提交”。

第三次课：绘画与图像修饰

1. 在透视状态下复制图像：滤镜→消失点("消失点”滤镜可以对透视平面进行校正编辑);用创建平面工具定义透视平面;矩形选框工具选择一个窗子;按住Alt键拖动选区;可按Alt+Ctrl+Z键多次还原 2. 图像润饰工具 2.1 模糊工具2.2 锐化工具2.3 涂抹工具2.4 减淡工具2.5 加深工具2.6 海绵工具3. 擦除工具 3.1 橡皮擦工具(在背景图层擦除，擦除的部分显示为背景色;在其它图层擦除，擦除(降低图像清晰度、柔化图像的边缘、减少图像中的细节) (增加图像清晰度、增强图像相邻像素间的对比) (使图像中的颜色产生流动的效果) (使图像变亮) (使图像变暗) (修改色彩饱和度，产生海绵吸水的效果，使图像失去光泽度) 的部分变为透明区域;模式、不透明度、流量;画笔模式中将画笔的硬度调低，可创建柔边效果;)

3.2 背景橡皮擦工具

(自动识别对象边缘，采集画笔中心的色样，并删除在画笔内任何位置出现的该颜色，使擦除区域成为透明区域;) 3.3 魔术橡皮擦工具

(自动分析图像边缘;在背景图层擦除，擦除的部分显示为背景色;在其它图层擦除，擦除的部分变为透明区域;)

3.4 制作手机广告(手机移动到手机背景、魔术橡皮擦;模糊工具修饰手机边缘消除手机与背景的反差;加深工具使手机右侧边缘变暗;减淡工具使手机左侧边缘变亮;Ctrl+E合并图层;滤镜-)渲染→镜头光晕;锐化工具提高图像清晰度) 4. 渐变工具渐变类型：

1)线性渐变(以直线从起点到终点的渐变)

2)径向渐变(以圆形图案从起点到终点的渐变)

3)角度渐变(围绕起点以逆时针扫描方式的渐变)

4)对称渐变(使用均衡的线性渐变在起点的任一侧渐变)

5)菱形渐变(以菱形方式从起点向外渐变，终点定义菱形的一个角)

4.1 创建实色渐变(填充的渐变会作为背景)、杂色渐变(渐变编辑器里的渐变类型：实底、杂色)、透明渐变

4.2 制作光盘(渐变色：橙、黄、橙、黄、橙;使用角度渐变;正圆选区;从圆心处填充渐变色;选择→变换选区→Alt+Shift键从中心点调整选区大小;填充灰色到选区;再次调整选区大小;填充白色到选区) 4.3 绘制意境画”彩色的梦想”(椭圆选框、反选、羽化20px;线性渐变：橙、黄、橙;终点色块透明;从四个角的方向向中心填充渐变色;Ctrl+D;画笔、树叶、调整画笔面板参数、涂色;调整前景色、画笔涂色) 5. 填充与描边 5.1 用油漆桶工具充背景、模式为正常) 5.2 用”编辑→填充”命令填充图像(魔棒工具选择背景;先图案，模式正常;后前景色，模式叠加;不透明度均为100%)

5.3 用”编辑→描边”命令描边选区(新建图层;创建矩形选区;描边宽度为8px，位置居中;Ctrl+D;图层→图层样式→投影) 6. 创建图案

6.1 用”编辑→定义图案”命令创建图案(打开一文件;创建选区;编辑→定义图案;新建文件，白色背景;编辑→填充，使用：图案，选择刚保存的自定义图案;)

6.2 用”滤镜→图案生成器”创建图案(矩形选框;设置宽度、高度;单击生成;可多次单击;按住Alt键，取消按钮变为复位按钮)

第四次课：颜色调整

1. 图像的颜色模式(图像→模式→。。。)

1.1 灰度模式(不包含颜色，每个像素使用0到255之间的亮度值，0为黑，255为白，其它为过渡的灰色;彩色图像可调整为灰度模式) 填充图像(先用前景填充图像、模式为颜色、容差为60，再用图案填

1.2 位图模式(仅黑白两色，色相和饱和度信息被删除，只保留亮度。仅灰度模式和双色调模式才可以转换为位图模式)

1.3 双色调模式(用彩色油墨而不是不同的灰色梯度重现带色彩灰色，仅灰度模式才可以转换为双色调模式)

1.4 RGB颜色模式(R红色 G绿色 B蓝色 供显示器显示)

1.5 CMYK颜色模式(C青 M品红 Y黄 K黑

色域比RGB模式小 供彩色打印) 1.6 Lab颜色模式(进行颜色模式转换时使用的中间模式

色域最高 L亮度 a绿色到红色的光谱变化 b蓝色到黄色的光谱变化)

1.7 多通道模式(如果删除了其它颜色模式某个颜色通道，图像会自动转换为多通道模式。每个通道使用256级灰度)

1.8 8/16/32位通道(较大的位深度(每像素信息的位数)意味着图像具有较多的可用颜色和较精确的颜色表示)

2. 图像的基本调整(图像→调整→。。。) 2.1 自动色阶(自动调整图像中的黑场和白场，将每个颜色通道中最亮和最暗的像素映射到纯白(色阶为255)和纯黑(色阶为0)，中间像素值按比例重新分布。可增强图像对比度) 2.2 自动对比度(自动调整对比度，高光更亮，阴影更暗)

2.3 自动颜色(自动搜索图像来标示阴影、中间调、高光，从而调整图像对比度和颜色) 2.4 亮度/对比度(针对所有像素进行简单的线性调整) 2.5 去色(变为黑白，不改变图像的颜色模式) 2.6 色彩平衡(更改图像的总体颜色混合)

3. 图像的特殊调整(图像→调整→。。。)

3.1 匹配颜色(可将一个图像的颜色与另一个图像的颜色相匹配，使多张图片的颜色保持一致;仅适用RGB格式图像;实例：打开两个文件、单击需要匹配颜色的图片、执行图像→调整→匹配颜色命令、在‘源’选项中选择被匹配图像、适当调整亮度和颜色强度;) 3.2 替换颜色(将光标移到图像某处、单击鼠标取样、设置颜色容差、拖动色相滑块设置用于替换的颜色、适当调整饱和度及明度;) 3.3 通道混合器 实例1：通道混合器

在‘预设’下拉列表中选择‘使用红色滤镜的黑白’、适当调整源通道参数、对比原图使用去色命令后的效果; 实例2：通道混合器与红外摄影

红外摄影是一种利用红外感光设备与红外滤镜配合进行的摄影模式，拍摄结果会使水面和天空呈深色调，植物呈亮白色调，薄云和水雾等也会因被红外线穿透而使远景清晰。

打开通道混合器、勾选单色、绿色200%、蓝色-200%;编辑→渐隐通道混合器、混合模式为变亮。

3.4 渐变映射(将相等的图像灰度范围映射到指定的渐变填充色。实例：渐变映射与夕阳余晖，渐变颜色为黑、红、黄;)

3.5 照片滤镜(可模拟通过彩色校正滤镜拍摄照片的效果，允许用户选择预设或自定义的颜色向图像应用色相调整;实例：选择“冷却滤镜(LBB)”、浓度设为26%)

3.6 色相/饱和度(调整图像中特定颜色分量的色相、饱和度和亮度，或者同时调整所有颜色。适用于微调CMYK图像中的颜色)

3.7 可选颜色(用于在图像中的每个主要原色成分中更改印刷色数量)

3.8 阴影/高光(可基于阴影和高光中的局部相邻像素来校正每个像素，从而调整图像的阴影和高光区域。适用于校正由强逆光而形成剪影的照片，或者校正由于太接近相机闪光灯而有些发白的焦点。)

3.9 曝光度(专门用于调整HDR图像色调) 3.10 反相(反转图像的颜色，创建负片效果)

3.11 色调均化(可重新分布图像中像素的亮度值，使它们更均匀地呈现所有范围的亮度级别，将最亮的值调整为白色，最暗的值调整为黑色，中间的值均匀地分布在整个灰度范围内。) 3.12 阈值(可删除图像的色彩信息，将颜色按照某个阈值转换为黑白两色。) 3.13 色调分离(按照指定的色阶数减少图像的颜色)

3.14 变化(可通过图像的缩微图调整图像的色彩平衡、对比度、饱和度，可消除图像的色偏)

3.15 黑白(将彩色图像转换为黑白图像，同时保持对个颜色的转换方式的完全控制)

第五次课：颜色调整、图层及文字工具简介 4. 颜色调整的高级操作(图像→调整→。。。) 4.1 信息调板(显示光标下面的颜色值及其它信息)

4.2 直方图(显示图像每个亮度级别的像素数量，以此可以判断图像暗调、中间调、高光的分布情况，常用作调整图像色调的参考依据)

4.3 色阶(快捷键：Ctrl+L。用来调整图像的暗调、中间调、高光的强度级别，从而校正图像的色调范围和色彩平衡。输入色阶用来调整图像的暗调、中间调、高光区域;输出色阶用来限定图像的亮度范围。)

实例1：调整亮度与对比度 实例2：设置灰点校正色偏

实例3：在阈值状态上调整(拖动暗调滑块或高光滑块时按住Alt键，图像变成阈值模式)

4.4 曲线(快捷键：Ctrl+M。允许在图像的整个色调范围<从暗调到高光>内最多调整14个不同的点，可提供最为精确的调整结果) 实例1：调整数码照片1(合并高光和暗调)

实例

2、3：调整数码照片

2、3(高光万能曲线)

实例4：调整数码照片4(曲线调板：选项→查找深色与浅色→对齐中性中间调; S曲线：可以在不明显造成高光合并和暗调合并的情况下增加明暗对比)

实例5：调整数码照片5(S曲线)

实例6：调整数码照片6(曲线调板：自动，适用于RGB各通道直方图相似的情况;白场的设置<背景房屋外墙>)

实例7：调整数码照片7(降低中间调) 实例8：调整数码照片8(提高暗调)

实例9：调整数码照片9(图像→调整→阴影，用来调整曝光不足) 实例10：调整数码照片10(图像→调整→高光，用来调整曝光过度)

5. 图层

5.1 图层初识(图层调板快捷键F7) 实例：画一个简单的人脸

(1)创建新图层(图层→新建→图层;图层调板中的新建图层按钮)

(2)复制图层(将图层拖动到新建图层按钮上;按住Alt键上/下拖动图层;图层→新建→通过拷贝的图层;图层→复制图层;使用移动工具的同时按住Alt键拖动图像)

(3)隐藏图层(图层左边的眼睛标志;按住Alt键单击眼睛标志可隐藏/显示除本层外所有的其它层) (4)图层锁定(

锁定透明像素、锁定图像像素、锁定位置、锁定全部)

(5)删除图层(将图层拖动到删除图层按钮上;按Delete键)

(6)图层分组(分组后组内所有图层可一起移动、变换、删除、复制等操作) 选择某个或多个图层后，使用”图层→图层编组”或Ctrl+G快捷键，可将它们创建在一个图层组中。 (7)图层的不透明度

(8)图层对齐(先多选图层，在设置顶部公共选项栏的对齐方式

)

5.2 通过拷贝的图层(图层→新建→通过拷贝的图层) 实例：编辑过程中创建图层(魔棒工具选背景、反选、复制、粘贴、设置图层混合模式[解释：当前图层中图像与下面图层图像混合后的效果]) 5.3 背景图层(图层→新建→背景图层) “背景”图层是较为特殊的图层，无法修改它的堆叠顺序、混合模式和不透明度。双击背景图层，可将其转换为普通图层。选择某普通图层后，执行”图层→新建→背景图层”命令，可将普通图层转换为背景图层。

5.4 选择图层(图层调板单击图层;使用移动工具的同时按住Ctrl键单击图像;使用移动工具的同时按住Ctrl+Shift键单击图像可多选图层;按住Ctrl键不连续选择图层;按住Shift键连续选择图层)

5.5调整图层位置(选择图层后上下拖动鼠标;下移Ctrl+[;上移Ctrl+];置底Ctrl+Shift+[;置顶Ctrl+Shift+])

5.6 清除图像的杂边(图层→修边→去边、移去黑色杂边、移去白色杂边) 当移动或粘贴选区时，选取边框周围的一些像素也会包含在选取内，使用修边命令可去除这些多余的像素。

5.7 图层合并(快捷键：Ctrl+E;选择单个图层时，向下合并图层;选择多个图层时，合并所选图层;Ctrl+Shift+E合并所有可见图层) 5.8 盖印图层(快捷键：Ctrl+Alt+E) 选择单个图层，按下快捷键后，可将当前图层中图像盖印至下面图层，当前图层保持不变。选择多个图层，按下快捷键后，会创建一个包含合并内容的新图层，原图层的内容保持不变。

5.9 图层复合(窗口→图层复合) 图层复合是图层调板状态的快照，记录了图层的可视性、位置和外观(不透明度、混合模式、图层样式)。通过图层复合可以快速地在文档中切换不同版面的显示状态。 5.10 样式调板 实例：创建拼图效果(双击背景图层转为普通图层、再次双击打开”图层样式”调板、选择拼图样式[第一排第七个]、单击”图层→图层样式→缩放效果”可调整贴块的大小) 5.11 填充图层(纯色填充、渐变填充、图案填充) 实例1：纯色填充(图层→新建填充图层→纯色、选择颜色、将新建的图层混合模式设置为”颜色”) 实例2：渐变填充(魔棒工具Shift键选择天空、套索工具Alt键排除部分选区、图层→新建填充图层→渐变) 实例3：图案填充(快速选择工具选择球体、图层→新建填充图层→图案、选择图案、设置缩放比例、将新建图层混合模式设置为柔光) 5.12 调整图层 实例：图层→新建调整图层→色阶、向左侧拖动中间调滑块将图像调亮、设置调整图层的不透明度(可调整图层的调整强度)、将不透明度恢复为100%、单击调整图层的蒙版缩览图选择蒙版、选择柔角画笔、前景色设置为黑色、黑色区域表示不受调整图层影响。 5.13 混合颜色带(控制当前图层和下面图层在混合结果中显示的像素) 实例1：将火焰拖动到目标图、双击图层

1、进入”混合选项”设置面板、向右侧拖动”本图层”中的黑色滑块，火焰图像中的黑色区域变为透明区域、按住Alt键单击黑色滑块并向左拖动，此时黑色滑块一分为

二、将左滑块继续向左拖动，使火焰边缘产生柔和的过渡效果。 实例2：使用套索工具选择烟花、将烟花移动到目标图、向右侧拖动”本图层”中的黑色滑块，使烟花的黑色背景变为透明、向左侧拖动”下一图层”中的白色滑块，使雕塑的手掌和星星显示完整。

5.14 图层蒙版(黑色画笔涂抹蒙版可显示下一图层图像，白色画笔涂抹蒙版可以显示当前图层图像，灰色画笔涂抹蒙版可使当前图层图像呈现半透明效果) 实例1：制作大光圈浅景深效果

1)选择背景图层，点右键单击”复制图层”(或按快捷键Ctrl+J)，将背景图层复制。以下操作均针对复制图层。

2)使用”滤镜→模糊→高斯模糊”，根据实际情况设置半径参数。模糊的值越大，背景就会越虚。

3)单击图层面板上的“添加图层蒙版”按钮，为模糊层加一个蒙版。使用黑色画笔在蒙版上涂擦，将主体人物部分擦出来。

4)单击图层和蒙版之间，将图层和蒙版之间的链接解除，重新对图层进行高斯模糊操作，可调整图层的模糊程度。

实例2：从图像中生成图层蒙版(为图层1添加图层蒙版、按住Alt键单击蒙版缩览图、复制图像到蒙版)

实例3：从选区中生成图层蒙版(椭圆选区、羽化60px、单击添加图层蒙版按钮)

复制与移动蒙版(按住Alt键拖动蒙版到其它图层可复制) 启用与停用蒙版(按住Shift键单击蒙版)

链接与取消链接蒙版(取消后可单独变换图像或蒙版)

6. 文字工具 6.1 制作球体字

1)建立一个200×100像素的RGB模式的图像，背景色填充为绿色。设置前景色为黄色，输入“A”。

2)用椭圆形面罩圈选一个圆形区域，按住SHIFT键可以画一正圆。然后拖动正圆选区至合适位置。执行“图层”的“向下合并”命令合并图层。

3)执行“滤镜”|“扭曲”|“球面化”命令，使用所选范围产生球面的感觉，为了产生较强的球面效果，可把“数量”设为100。如效果不够明显，可重复操作一次。

4)执行“滤镜”|“渲染” |“光照效果”，适当调整灯光的种类及个数及灯光的参数，以产生立体效果。

5)执行“滤镜”|“渲染”|“镜头光晕”命令。光晕位置设在底部，以增加立体感。 6)最后将球面复制，粘贴至新图层并调整其色相，也可以适当旋转。

6.2 制作浮雕字

1)图像大小550×82，背景白色。

2)建立文字层，中文字体为华文彩云，英文字体为Arial Black，字体颜色为#3a518d，字号为50。 3)对文字层应用图层样式：投影，参数设置如下。

4)对文字层应用图层样式：斜面和浮雕，参数设置如下。

5)对文字层应用图层样式：描边，参数设置如下。

6)为背景层加入抽线效果。新建一文件，1×5像素，白色背景，其中靠上2像素处填充为灰色#C0C0C0。

全选背景层，点击编辑→定义图案，保存图案名为line。

7)回到原来那个图形文件，选中背景层，点击编辑→填充，使用line图案填充背景。 8)选中文字层，将图层混合模式设为”正片叠底”。

6.3 创建文字选区(使用横排文字蒙版工具)

第六次课：矢量工具与路径、综合实例 7. 矢量工具与路径

7.0 位图图像与矢量图形的区别

位图即栅格图像，由许多小方块即像素组成，可以表现色彩的变化和颜色的细微过渡，能产生逼真的效果。保存位图图像时，系统需要记录每一个像素的位置和颜色值，所占用存储空间较大。受分辨率的制约，位图图像包含固定的像素数量，在对其进行旋转或缩放时，很容易产生锯齿，如将图像变大后，由于ps不能为它创建新的像素，图像会变得模糊。 矢量图是通过数学的向量方式进行计算得到的图形，与分辨率没有直接关系，不包含像素。矢量图所占用存储空间较小，最大优点是可以任意旋转和缩放而不影响到图形的清晰度和光滑性。适合创建图标、Logo等内容，缺点是不能创建过于复杂的图形。典型的矢量图软件有Illustrator、 CorelDraw、FreeHand、AutoCAD等。

7.1 路径的基本概念

路径(PATH)是PHOTOSHOP中的重要工具，是使用贝赛尔曲线所构成的一段闭合或者开放的曲线段，主要用于进行光滑图像选择区域及辅助抠图，绘制光滑线条，定义画笔等工具的绘制轨迹，输出输入路径及和选择区域之间转换。创建工作路径后，可以使用它来创建选区、创建矢量蒙版，或者对路径进行填充和描边，从而得到光栅化的图像。

开放式路径

闭合式路径7.2 形状工具

其中分别表示”形状图层”、”路径”、”填充像素”。 ”填充像素”用来绘制带填充色的位图形状，没有路径;”路径”用来创建单纯的工作路径，无填充色;”形状图层”用来创建带填充色的有路径的矢量图形，其中形状为一个矢量蒙版。

直线工具可以画带有箭头的线段，可通过设置。 自定义形状工具可通过7.3 钢笔工具

设置。

路径是由一个或多个直线路径或者曲线路径段组成的，而用来连接这些路径段的对象便是锚点。

锚点包含有方向线，方向线的端点为方向点。方向线和方向点的位置决定了曲线的曲率和形状，移动方向点能够改变方向线的长度和方向，从而改变曲线的形状。当移动平滑点上的方向线时，将同时调整平滑点两侧的曲线路径段;移动角点上的方向线时，则只调整与方向线同侧的曲线路径段。

实例1：绘制直线路径(按住Ctrl键在空白地方单击可结束绘制) 1)通过快捷键Ctrl+H可隐藏/显示路径。 2)在路径面板空白地方单击可取消路径的选择。

3)在路径面板单击某路径后点右键可复制路径、删除路径、建立选区、填充路径、描边路径;双击可存储路径。

4)按住Ctrl键单击某路径，可建立该路径的选区。

5)按住Alt键单击某路径，可显示该路径的锚点，但没有锚点的方向线。

实例2：绘制曲线路径

“钢笔选项”下拉调板的”橡皮带”选项勾选后，绘制路径时可以预先看到将要绘制的路径段，从而可以判断出路径的走向。

实例3：绘制转角曲线(心形)路径(提示：用快捷键Ctrl+‘ 可显示网格，通常用来画对称图形;设置“编辑→首选项→参考线、网格和切片”，可调整网格线颜色;按住Ctrl键切换为直接选择工具、按住Alt键切换为转换点工具)

1)路径选择工具

。选择路径后，路径显示不带方向线的锚点，拖动鼠标可移动路径;按住Alt键拖动鼠标可复制路径。

2)直接选择工具。选择路径后，路径显示带方向线的锚点。选择某锚点拖动鼠标可移动锚点，锚点左右两侧的曲线也会随之变化。移动平滑点的任一方向点可调整该锚点两侧的曲线。移动角点的方向点只能调整该锚点某侧的曲线，如果按住Alt键则可以调整该锚点两侧的曲线。

3)如果当前工具为钢笔工具，按住Ctrl键单击路径相当于切换到直接选择工具，按住Ctrl键可移动锚点(不依附于网格)，按住Alt键移动方向点可调整该锚点某侧的曲线，按住Alt键移动锚点可调整该锚点两侧的曲线。

实例4：创建自定义形状(路径调板、编辑→定义自定形状)

实例5：添加锚点工具(单击鼠标可创建一个角点、单击并拖动鼠标可创建一个平滑点)、删除锚点工具(选择锚点后按Delete键将删除该锚点及锚点两侧的路径) 实例6：编辑形状图层

1)灵活使用”添加锚点工具”。

2)当前工具为直接选择工具时，框选形状时可选择多个锚点，移动形状中的某条曲线时可改变形状。

3)当前工具为钢笔工具时，按住Ctrl键选择路径后，将光标移动到曲线上可添加锚点，按住Ctrl键框选可选择多个锚点。

7.4 文字与路径

沿路径排列文字、移动路径上的文字、翻转路径上的文字、编辑文字路径。

8. 综合实例：黄金岁月 素材： 黄金岁月素材01.psd

黄金岁月素材02.psd

1)同时打开上述两个素材; 2)通过移动工具，将”黄金岁月素材02.psd”里的人物拖动到”黄金岁月素材01.psd”里，释放鼠标，此时会产生一个新的图层，将人物调整大小并移动到适当位置;

3)关闭”黄金岁月素材02.psd”窗口;

4)在”黄金岁月素材01.psd”窗口内新建一图层，通过多边形套索工具，在图像底部创建如下图所示的选区;

5)选择 编辑→描边 命令，为选区描边，参数设置见下图：

6)按Ctrl+D取消选区，如下图：

7)用橡皮擦工具擦除描边生成图像的左、右、底部线条，如下图：

8)选择 图层→图层样式→外发光 命令，参数设置如下：

点确定后效果如下：

9)单击工具箱中的直排文字工具，输入文字”黄金岁月“，华文琥珀字体，80点字号，白色;

10)选择 图层→栅格化→文字 命令，将文字图层转换为普通图层，利用矩形选框工具一一选择栅格化后的文字并通过移动工具将文字移动到适当位置;

11)选择 图层→图层样式→斜面和浮雕 命令，参数设置如下：

点确定后效果如下：

12)选择 图层→图层样式→描边 命令，参数设置如下：

上图的颜色参数可自选。点确定后效果如下：

13)新建一图层。使用钢笔工具在图像的适当位置(右上角)画一个曲线路径(可自选)，如下图：

14)沿该路径输入文字，文字要求是”学号+姓名”，如“P1001060101张三“，(注意：浦江学院的学生学号前一定要加上P)，使用36号黑体，如下图：

15)在图层调板中选择”黄金岁月”文字层，点右键选择”拷贝图层样式”，再选择刚建立的学号姓名文字层，点右键选择”粘贴图层样式”，并隐藏“斜面和浮雕“样式，最后效果图为：

第二篇：Photoshop字体设计教程

让每一名学员高薪就业

Photoshop字体设计教程

正式制作文字特效之前，这里先讲一下资料包的使用（ps加载纹理和笔刷，熟练者请自觉绕过）：

一、在photoshop中如何添加下载的图案纹理

本教程所需素材下载： Fabric patterns by webtreats Lace Brushes by Merrypranxter 解压该文件得到一个文件夹，里面有一个.pat文件

，在photoshop的油漆桶工具下，选择油漆类型为”图案“，在图案面板的右边设置图标下选择”载入图案“，把刚才的.pat文件复制过来，点击”载入“就可以了。

二、在photoshop中如何添加下载的笔刷

和上面差不多，你已经下载到了一个.abr文件

，在photoshop的画笔工具下载入画笔，复制该文件到文件夹里，点击”载入“，ok。

让每一名学员高薪就业

———————————————————————————————————-

第一步：

打开photoshop，创建一个800*600 px的文件。

让每一名学员高薪就业

第二步：

我们从背景做起。用油漆桶工具将背景漆成颜色#95cde0。

第三步：

让每一名学员高薪就业

选择背景层，单击“图层”>“图层样式”>“图案叠加”，并添加上述面料图案之一。更改混合模式为叠加，并设置不透明度为65％。也可以直接双击背景层得到图层样式面板。如果你的背景层加锁了，先双击解锁，这样就可以修改图层样式了。

第四步：

新建一个图层（图层→新建或者点击图层面板下的”新建图层“按钮

），使用圆形硬边笔刷加随机的颜色在画布上画出几个大小不一的圆形，改变该图层的混合模式为”颜色加深“。

让每一名学员高薪就业

第五步：

现在，我们开始制作字体。首先我们将创建阴影文字，所以选择文字工具添加文本并填充颜色 #313131。

第六步：

让每一名学员高薪就业

选择文字图层，然后单击“图层”>“图层样式”>“图案叠加”现在，请选择其他面料图案，调整不透明度到12％。

第七步：

现在单击“图层”>“图层样式”>投影“，按照下图的设定，我们给文字添加一些阴影。

让每一名学员高薪就业

第八步：

重复以上步骤创建剩余的阴影文字，然后点击“编辑”>“自由变换”（ctrl+t）移动和旋转文字节点。看看下面的清晰度。

让每一名学员高薪就业

第九步: 现在，选择文字工具，并使用颜色＃e36111添加正文。

第十步：

选择主文字层，然后单击“图层”>“图层样式”>“图案叠加”，为文本添加其他面料图案。

让每一名学员高薪就业

接下来点击“颜色叠加”，并使用如下所示的设置。

让每一名学员高薪就业

第十一步：

现在，让我们开启“缝纫机”！~(≧▽≦)/~设置前景色为＃FDDFCD，选中画笔工具，选择一个圆形硬边笔刷，按下F5，调整其阴影和间距，使针缝出现。之后创建一个新图层（图层“>”新建“>”图层“）。选择钢笔工具，在主文字层上创建路径，然后右键单击它并选择“描边路径”。【也可以直接新建图层，用钢笔工具沿着主文字绘出路径，然后选中文字工具鼠标移到路径开头处（出现一带有虚线曲线的文本符号），用键盘上的减号“-”代替画笔工具铺满整条闭合的路径，之后通过字符、大小、间距和自由变换稍加修改该文字图层即可】）。

让每一名学员高薪就业

让每一名学员高薪就业

第十二步：

选择新创建的这个图层，然后单击“图层”>“图层样式”，使用以下值为其添加“斜面和浮雕”、“投影”样式。

让每一名学员高薪就业

让每一名学员高薪就业

第十三步：

现在我们要创建补丁啦！新建图层，用钢笔工具绘制一个形状，右击选择“建立选区”选项，现在，改变前景色为#ff8439，使用油漆桶工具（或者alt+delete组合键）填充该选区。重复同样的过程，创建其余部分的补丁。

让每一名学员高薪就业

第十四步：

选择上面的补丁图层，然后单击“图层”>“图层样式”>“图案叠加”为补丁添加如下样式。然后更改模式混合模式设置为“叠加”，不透明度为47％。

让每一名学员高薪就业

第十五步：

现在，我们需要把这些补丁缝到文字上。再次在笔刷工具的面板下（F5）调整参数获得新的针线效果。对于这些针，我们改变前景色为＃05a5f8。

让每一名学员高薪就业

第十六步: 选中上述的针线层，为其添加“斜面和浮雕”的图层样式，并且添加和补丁图层一样的投影样式。

让每一名学员高薪就业

让每一名学员高薪就业

第十七步：

新建图层，让我们的蕾丝笔刷闪亮登场吧！前景色改为＃64a5c1，选择随意的蕾丝笔刷刷在我们的文字图层上O(∩_∩)O，可能不够清晰，仔细观察哦。

让每一名学员高薪就业

为了创造一点深度，我们需要为我们的蕾丝层添加“投影”的图层样式：

让每一名学员高薪就业

第十八步：

现在，创建波浪的时刻到了！新建一个图层，选择钢笔工具，创建一条路径。然后，更改前景色＃089ee7，右击路径，然后点击“描边路径”。

让每一名学员高薪就业

选择该图层添加投影的图层样式：

让每一名学员高薪就业

现在添加更多的针线。更改前景色为＃ff8439，选择画笔工具，使用如上相同的方法更改画笔设置调整针。双击之并添加和第十二步一样的“投影”图层样式。

简单地重复上述操作，多创建几个波浪，各自编组（ctrl+g）。最后，把所有的波浪编成一个大组，统一添加“投影”的图层样式：

让每一名学员高薪就业

你也可以移动一两个波浪图层放在文字图层的上面，稍加移动就可以起到画龙点睛的完美效果。这样，我们的“纺织面料文字”就大功告成了！

让每一名学员高薪就业

第三篇：《photoshop平面设计》课程总结

彭邦国

一、 课程概述

《photoshop平面设计》是网络计算机专业所开设的必修课程之一 ，教学内容依据学校制定的学生培养目标、专业教学计划以及要求而确定的。

二、 教学内容

整个内容分为理论和实践两大部分，主要是依实践为主(占60%以上)的教学方式展开教学。共分为基本知识、选区、绘制与处理图像、文本文字、滤镜色彩调整、通道和蒙版、路径等8个部分进行教学。

三、 教学特色

根据本课程的特点采用的是多媒体演示教学再加上学生上级实践的方式，进行实践指导式的教学。其中实践比例占60%以上。要求学生紧跟老师的教学节奏，认真完成老师不知的实践任务。并能够从实践中找到经验并使之能应用到日常生活中。

四、 存在的问题

1、 由于本课程实践性极强，photoshop的版本更新速度很快，校机房的软件版本过低只致使功能无法应用。

2、 机房图库过于陈旧，对实践性教学有一定的影响。

3、 U盘不能使用的问题、电脑还原精灵的使用限制了实践教学的多样性。

2011.6.22

第四篇：套索工具 photoshop教学设计

教学目标

知识目标与能力：

1、通过创情景，解决问题来训练学生综合运用所学知识进行图象处理。

2、通过本课教学，让学生学会套索工具的使用。

过程与方法：

1、通过引导学生获取、利用资源，对学生进行创新学习、自主学习能力的培养，增强学生的信息素养。

2、创设情景，培养学生学习计算机的兴趣，培养学生终生学习的意识。

情感态度与价值观：

1、通过小组讨论，合作学习，促进学生之间的相互帮助和合作，培养学生拼搏向上的精神和团队精神。

2、通过创设活动情景，渗透环境保护教育。

教学重点：在Phtoshop里综合运用所学知识处理图象。

教学难点：学会使用“套索”工具操作方法及使用环境。

教学准备：多媒体教学软件，多媒体网络教室。

教学流程：

一、创设情景，激趣导入

(展示图片，白天鹅的家由于受环境污染而无家可归)通过动画介绍学习任务。(板书：美丽的天鹅湖) 观看动画思考 展示任务，激发学习热情，渗透环境保护区意识。

二、为天鹅找家。

(出示“天鹅”、 “湖”图片)：我们要使用PHOTOSHOP中的那些命令，怎样操作，才能把白天鹅送到这个美丽的地方呢?

三、美化天鹅

同学们，象你们那样做，修饰出来的图形有什么缺点么?

(学生小组讨论回答。) 教师展示没有背景的天鹅图片。

1.你们想知道老师是怎么做出来的么?

2.这节课我们就要接触一个新的工具——套索工具。

3、大家想知道这个工具怎样使用么?

4. 观看动画，学习工具的使用。

5. 同学们看完了三个套素工具的使用你能说出，他们的不同之处

么?

6. 你打算使用哪个套素工具呢?

7. 那么你们就赶快动起来吧!试一试我们所学的工具，看看他能不能帮你创作出美丽的天鹅湖图片。

四、美丽的天鹅湖

同学们，你们都用你们所学的工具和命令送可爱的白天鹅回到了家，但是一只天鹅自己呆在天鹅湖，她也太孤单了，她还想和更多的天鹅伙伴在一起嬉戏生活。

同学们你们愿意帮孤独的天鹅完成她的心愿么?

那么大家就行动起来吧，为孤独的天鹅找到更多的伙伴吧!

(分组学习，共同创作)

同学们不但要给白天鹅找到伙伴，还要注意天鹅湖的整体效果。

1、天鹅的大小。

2、不同形状的天鹅。

五、作品展评

展示作品评选优秀作品 学生介绍自己的作品、评价他人作品 培养学生用恰当的观点评价自己与他人的作品。

五、教师总结

今天大家发挥了自己的聪明才智为白天鹅找到了美丽、温馨的家，我们的白天鹅有一个礼物要送给大家。大家想知道是什么礼物么?(展示动画：白天鹅的感谢信)

第五篇：PhotoShop制作网页登陆框教程

PS教程为大家带来网站按钮制作教程，制作过程中主要应用渐变、蒙板等工具，希望大家喜欢!

先看效果图：

1、执行菜单：“文件”/“新建”(快捷键Ctrl+N)，弹出新建对话框，设置名称：制作登陆办公平台按钮，宽度：800像素，高度：600像素，

分辨率：72像素/英寸，颜色模式：RGB颜色、8位，背景内容：白色，设置完毕后单击确定按钮。 三联推荐：photoshop7.0迷你版免费下载 | Photoshop CS5 中文免费下载 | photoshop免费下载 查看更多PS教程

2、在图层控制面板击新建图层按钮，新建一个“背景”，选择工具箱渐变工具(快捷键G)，在工具选项栏中设置为径向渐变，然后点按可编辑渐变，

弹出渐变编辑器。双击如图3中的A处，设置色彩RGB分别为2

52、2

53、255,再双击图3中所示的B处，设置色彩RGB分别为2

26、2

39、255，

单击确定按钮。

3、在图层面板上单击创建新图层按钮 ，新建一个图层，再工具箱选择圆角矩形工具，在工作区拖出一个圆角矩形。

4、选择工具箱渐变工具(快捷键G)，在工具选项栏中设置为径向渐变，然后点按可编辑渐变，弹出渐变编辑器。

设置色彩RGB分别为1

35、19

4、254,再设置色彩RGB分别为

47、1

46、250，单击确定按钮，按键盘快捷键Ctrl+Enter转换为选区，

并按住键盘中Shift不放在工作区拖出一个圆角矩形，按键盘快捷键Ctrl+D取消选区。

5、在图层面板上单击创建新图层按钮 ，新建一个图层2，再工具箱选择圆角矩形工具，并按住键盘中Shift不放在工作区拖出一个圆角矩形，

设置前景色为白色，按键盘快捷键Ctrl+Enter转换为选区，按键盘快捷键Ctrl+D取消选区。

6、在工具箱中选择移动工具 ，按住键盘的Alt键不放，选择图层3，按鼠标左键拖出个图层3。

7、单击工具箱中的横排文字工具 ，输入用户名，设置字体：黑体，大小：18点，颜色：白色，设置消除锯齿的方法：无。

8、单击工具箱中的横排文字工具 ，输入密码，设置字体：黑体，大小：18点，颜色：白色，设置消除锯齿的方法：无。

9、在图层面板上单击创建新图层按钮 ，新建一个图层，再工具箱选择圆角矩形工具，在工作区拖出一个圆角矩形。

10、按键盘快捷键Ctrl+Enter转换为选区，执行菜单：“编辑”/“描边”弹出描边对话框，设置宽度为1，颜色为：白色，

按键盘快捷键Ctrl+D取消选区。

11、单击工具箱中的横排文字工具 ，输入登陆，设置字体：黑体，大小：18点，颜色：白色，设置消除锯齿的方法：无，其他的做法也是一样，

12、创建新图层按钮，新建一个图层3，选择椭圆工具，在工作区拖出一个椭圆形状并填充白色，按键盘快捷键Shift+I羽化，弹出羽化选区，

设置羽化半径为50像素，然后点击确定按钮，

13、在工具箱中设置前景色颜色RGB值为：120、19

9、254，按键盘快捷键Ctrl+Delete填充前景色，选择图层1按住键盘的Alt键不放，

按鼠标左键拖出一个“图层1副本”，并添加一个蒙板给图层1副本，在工具箱中选择渐变工具，给图层1副本添加一个渐变。

完成最终效果!