Photoshop实验指导书

（Photoshop CS）

实

验

指

导

书

适用专业：计算机应用技术

指导老师：林国华

编写时间：2010年上学期

目  录

实验一 Photoshop CS工具箱的使用

         操作提示

实验二 图层的基本操作

       操作提示

实验三 图层样式的使用

       操作提示

实验四 图像模式的使用

操作提示

实验五 路径的使用

操作提示

实验六 通道与蒙版的使用

操作提示

实验七 动作的使用

操作提示

实验八 ImageReady CS的应用

       操作提示

各实验操作步骤提示

实验一 Photoshop CS工具箱的使用

实验二 图层的基本操作

实验三 图层样式的使用

实验四 图像模式的使用

实验五 路径的使用

实验六 通道与蒙版的使用

实验七 动作的使用

实验八 ImageReady CS的应用

实验一 Photoshop CS工具箱的使用

实验目的：

1.熟悉ps的操作环境。

2.学会图像的一些基本操作,主要包括图像常用的文件格式，标尺、网格和参考线的使用，文件浏览器的使用，图像文件的操作，图像窗口的操作，图像显示控制等。

3、了解常用工具的用法，并作一幅简单的图画。

实验任务

1.熟悉操作环境。

2.掌握Photoshop的一些基本操作，为后面的实验做好准备。

实验内容

一、熟悉其操作界面与操作环境

Photoshop是美国Adobe公司的图像处理软件，在世界上享有盛名。在这里我们只先熟悉一下它的操作环境和最基本的操作。

图6-1是photoshop启动后的界面（Adobe PhotoShop CS Version8.0）：

图6-1 PhotoShop的启动界面

二、基础操作

    （1）图像文件的操作菜单命令

主要包括的操作有：改变图像窗口的位置和大小、切换图像显示模式、切换屏幕显示模式、

调整图像窗口的排列方式、新建图像窗口等。

具体操作步骤略。

（3） 控制图像显示

主要包括的操作有：使用“视图”菜单进行缩放、使用缩放工具进行设置、在图像窗口中移动显示区域、改变图像大小、改变画布大小、旋转画布等。

具体操作步骤略。

三、工具的简单应用

利用矩形、渐变、画笔、参考线等工具画一幅毛笔图，参考图示如下。

实验二 图层的基本操作

实验目的：

通过作一幅简单的图画来掌握图层的基本操作。

实验内容：

作水珠飞溅效果图，掌握图层新建、删除、移动及合并等操作的方法。

操作提示：

1.使用绘画工具绘出一个圆形水珠。

2.喷涂透明及高光区域，制成水珠效果。

3.把水珠变形调整，进行多次复制和转换角度。

4.再把水珠加入水杯倒水的素材中，形成水珠飞溅效果。

最终效果如下图：

实验三 图层样式的使用

实验目的：

通过作一幅图画来掌握图层样式的使用方法。

实验内容：

作露珠效果图，掌握图层效果（包括混合选项、投影、内阴影、内发发、浮雕等的使用方法。

操作提示：

1.建立图层：导入素材，建立一个水滴形状的填充图层。

2.图层效果：调整图层混合不透明度、投影效果、内阴影折射效果、内发光、浮雕的高光点和体积感等。

3.图层编辑：液化变形水滴的不同形状。

4.效果修饰：复制放置水滴的位置。

最终效果如下图：

实验四 图像模式的使用

实验目的：

通过作对图像的处理来掌握图像模式的使用方法。

实验内容：

作身体裂纹图或鸡蛋眼睛图，从而进一步掌握图层模式的使用方法。

操作提示：

一、建立图层

1．打开素材Yps4-11，用套索工具建立选区。

2．新建图层一，用白色填充，再把选区向下、向右各移动一个像素，填充灰色，然后将图层模式设置为强光。

二、图层效果

3．双击图层一，打开图层样式对话框来添加内阴影，以建立裂痕深度感。

三、图层编辑、效果修饰

4．新建图层二，用画笔喷修饰一下。

最终效果如图：

实验五  路径的使用

实验目的：

通过作一幅图画来掌握路径的使用方法。

实验内容：

用路径和图层等操作，作齿轮效果图或蜡烛图。

操作提示：

一、绘制图形：

1．用多边形工具，绘制一个多角的“齿轮”状图形；

二、填充图形：

2. 选择外侧或内侧节点进行旋转，填充并挖空中心部分；

三、编辑变换：

3. 用图层样式制作“齿轮”的立体效果，并进行滤镜处理；

四、效果修饰：

4. 添加渐变金属效果、调整光线和色相。

最终效果如图：

实验六 通道与蒙版的使用

实验目的：

通过作一幅图画来掌握通道与蒙版的使用方法。

实验内容：

用通道运算、滤镜等操作，制作水晶字效果图。

操作提示：

1.建立通道：新建文件和通道，并在建立的新通道1上输入文字“水晶字”。

2.通道变换：进行模糊处理，复制通道1为通道2，在通道听途说上进行位移处理；把通道1和通道2进行差值运算产生通道3，并进行色阶和曲线调整。把通道1和通道3进行强光运算产生通道4。

3.通道应用：复制通道4到背景图层。

4.效果修饰：添加透明彩虹渐变效果。

最终效果如下图：

实验七 动作的使用

实验目的：

通过作一幅图画来掌握动作的使用方法。

实验内容：

用动作调板制作“阵列”效果图。

操作提示：

1.创建记录：新建文件和图层，建立红色圆形，创建动作记录。

2.记录编辑：对图形进行复制、缩放、旋转和调整中心点，并改变色相值。

3.应用记录：多次重放动作记录。

4.效果修饰：制作造型。

最终效果如下图：

实验八 ImageReady CS的应用

实验目的：

通过作一幅动画，来掌握利用ImageReady CS制作网页动画方法。

实验内容：

用图层和动画等操作，制作过渡渐变色动画效果。

操作提示：

1.素材背景：导入素材文件：\\2003APS\\Unit7\\Yps7-20，制作红蓝不同颜色的两个“云母”石片。

2.制作动画：使用ImageReady 动作调板，布置制作由左（蓝）向右（红）移动并过渡渐变色动画效果。

3.效果修饰：添加装饰文字效果。

4.发布网页：调整为RGB色彩；优化图片，转换为HTML格式并保存。

静态效果如下图：

实验一 Photoshop CS工具箱的使用

根据毛笔的形状，可以分为笔杆、笔尖两个部分。 

一、笔杆部分。

1.新建一个宽(Width)=300 pixels,高(Height)=400 Pixels,分辨率为72Pixels/inch,RGB color 模式，白色背景的文档。

2..在颜色面板中设置前景色RGB(228,212,27),背景色RGB(57,233,74)

3..新建一个层Layer1,选择矩形工具Rectangular marquee tool,画出一个长方形。

4.在工具栏中选择渐变工具Gradient Tool,选择一种渐变层样式

按住Shift键，然后在矩形选区内从左到右拉出渐变层,得到笔杆的基本造型。

5、为了让笔杆更加逼真，现为它添加一些特效：

(a)首先，添加杂色效果：Filter-->Noise-->Add Noise,参数设置如： 数量Amount=10%；平均分布"Uniform"；勾选单色"Monochromatic"。

(b)新增一层Layer2,用前景色填充选区，然后执行滤境Filter-->艺术效果Artistic -->海绵Sponge,其参数设置为 ：Brush Size=7；Difinition=20；Smoothness=7；OK,得到花纹效果,接着在层面板中设置Layer2的混合方式为"正片叠底Multiply最后执行Layer-->Merge Down向下合并。 

6.按下Ctrl键+鼠标左键单击Layer1层，使之浮动，然后新增一层Layer2，按住Shift键并用渐变工具选取上一次的渐变色，在矩形选区内从左到右拉出渐变层。

7.再新增一层Layer3，按键盘上的“X”键，将绿色的背景色切换到前景色，填充选区，然后执行滤境Filter-->Artistic-->Sponge，其参数设置同上，得到花纹效果,设置Layer3的混合方式为"Multiply接着执行Layer-->Merge Down合并为Layer2。

8.按下快捷键Ctrl+D取消选区，执行Filter-->Distort扭曲-->Spherize球面化，Amount=100%,然后选取椭圆工具Elliptcal Marquee Tool，在Layer2层的中间部分画一个小的椭圆. 

接着选用矩形工具Rectangular Marquee Tool，按下Shift键笔杆上半部分画一个合适正方形，加选到椭圆的中间部分 

然后按下Delete键删除所选区域，调整好位置之后，Merge Down合并图层为Layer1。 

9.新增一层Layer2,用椭圆工具Elliptcal Marquee Tool在笔杆的上方画一个椭圆，然后用渐变工具Gradient Tool选用径向渐变方式 ,按下Shift键从圆的正上方往下拉，得到渐变色，再新增一层Layer3,用当前前景色填充,设置Layer3层的混合方式为"Hue",Merge Down合并Layer2和Layer3层为Layer2层，调整好Layer2的位置，执行Filter-->Noise-->Add Noise,参数设置数量Amount:10%;分布方式选择平均分布"Uniform";勾选单色"Monochromatic"；执行Layer-->Merge Down向下合并图层为Layer1层。 

二、笔尖部分

1、为了操作方便，先把上面已经做好的图层关闭掉，新建一层Layer2,用矩形工具画一个效大的长方形，单击工具栏上的填充工具,用白色填充图层。

2、选取“Edit-->Transform-->Perspective进行图层透视，做成一个三角形，然后用钢笔工具勾选出一个三角形的路径，再用“钢笔+”工具在三角形的三条边上添加一个锚点，做成笔尖的形状, 

然后在路径面板中将路径转化成选区，选取Select-->Inverse进行反选，按下Delete键进行删除，快捷键Ctrl+D取消选区。 

3、复制Layer2为Layer2 copy层，然后执行Filter-->Noise-->Add Noise给选取的部分添加杂点,参数为：数量Amount=400%；平均分布"Uniform"；勾选单色"Monochromatic"。 

4、执行运动模糊命令:Filter-->Blur-->Motion Blur, 参数设置：方向角度Angle:-90；Distance(距离):30。 

5、新建一层Layer3，选取喷工具用35号大小的笔刷在选区中从下到上喷涂，但要注意千万不要涂完。 

6、在图层面板中设置Layer2层的混合方式为“overlay”，然后点击图层面板中右上角的三角按钮，执行Merge Down向下合并图层为Layer2 copy层，接着设置Layer2 copy层的混合方式为“Hard Light”,执行Merge Down向下合并图层为Layer2层。 

7、打开关闭的图层，选择菜单Edit-->Transform-->Scale ，调整笔尖的大小及其位置，如果觉得用鼠标难以调整的话，你还可以用键盘上的“上、下、左、右”方向键来进行微整，直到笔尖和笔杆的比例恰当，调整好后合并笔杆层和笔尖层为Layer1层。 

三、修饰毛笔效果

用渐变工具选择渐变色从上往下拉，填充成渐变的背景层，然后用变形工具Edit-->Transform-->Rotate旋转毛笔的角度。

新建一层Layer2，用喷工具选取一个合适的笔刷，并设置其压力为：100%，在笔尖的左边喷出一条墨迹。 

    最后添加毛笔的阴影部分，新增一层Layer3,按下Ctrl键+鼠标左键单击Layer1层，使选区浮动，用黑色前景色填充选区，再用变形工具Edit-->Transform-->Rotate旋转阴影的角度，然后在层面板中把Layer3移到Layer1层的下方，设置Layer2层的混合方式为“Soft Light”，最后合并所有图层。

实验二 水珠飞溅效果作图提示

1.新建一个100x100像素图像文件，背景为蓝色，注意参考一下合成图片的色彩；

2.新建透明图层2，我们的操作主要是在图层2中进行，图层1是为了操作方便而设立的；

3．用工具面板中的椭圆选框工具在图层2中选中一个圆形区域，如下；

4．选取工具面板画笔工具（画笔颜色选为白色，画笔大小13，不透明度100%）在选区的四周画上如下图所示的线条；

5．将画笔的不透明度调节为50%，画上如下的线条；

最后做成的效果已经很象一颗水珠了，如下：

6．选中图层2，按ctrl+A全选，拷贝图层2；然后新建一新的文件图层1（请用文件菜单中的新建命令），大小为200x200，背景也涂成蓝色，这个图层也同样是作为参考用的；把原图层2中的水珠进行粘贴，多粘贴几个，并调节好大小。效果如下；

7．选中图层2，利用菜单命令：滤镜→扭曲→波浪…，调节好参数值（见下图）

　　完成后的效果：

8、将图层3-7的也做波浪变形，参数要有所不同，产生随机效果；然后将可见图层2-7合并成图层7，并作拷贝；见下图；

9．粘贴图层7，并用自由变换工具调节大小和角度；如下图；

10．再粘贴一次，作成后的效果如下；

11．对图层8、图层9分别再使用一次波浪变形滤镜；最后效果如下；

12．将图层7、8、9合并，并作拷贝；导入一幅图片如下；

13．粘贴图层，用自由变换工具调整到合适位置；如下；

实验三 图层样式的使用操作提示

1.建立图层：导入素材，新建图层1，建立圆形选区，填充任意颜色。

2.图层效果：

1.双击图层1，打开“混合选项”对话框，设置“填充不透明度”为0，其它默认。从而赋予水滴透明的材质效果。

2.

继续选择“投影”对话框，设置不透明度为100，距离和大小均为0，在等高线中选择第二行第2种，其它默认。从这给予水滴受光照影响产生的投影效果。

投影对话框

投影效果图

3.

再选择“内阴影”对话框，设置混合模式为“颜色加深”，不透明度为43%，距离为2，大小为4，其它默认。从这给予水由于折射效果在内部边缘产生的少许阴影。

内阴影对话框

内阴影效果图

4.

接着选择“内发光”对话框，设置混合模式为“叠加”，不透明度为30%，颜色为黑色，大小为2，其它默认。

内发光对话框

内发光效果图

5.

最后选择“斜面和浮雕”选项，设置样式为“内斜面”，方法为“雕刻清晰”，深度为250，大小为5，（深度和大小决定了水滴的立体高度和高光区的位置，大家可根据实际调整其值），软化为4，接着在阴影选项栏中，将高光模式和阴影模式的颜色均改为白色（可根据背景颜色或环境设置不同的颜色，其主要决定高光的色相），并将阴影模式必为“颜色减淡”，将不透明度设置为37%，其它参数默认。在这个选项里主要是制作水滴的高光点和体积感。

斜面和浮雕对话框

●至此水滴的效果就显示出来了。

3.

图层编辑：水滴形状应该是变化的，可通过“滤镜-液化”来变形水滴成各种不同形状。

4.效果修饰：多次复制图层1，并将水滴放置不同的位置。

实验四 图像模式的使用

实例一：添加身体裂痕

1首先打开你想加裂痕的图片，然后再用索套钩出选区。

2然后新建一层，用白色填充。 

3再把选区向下，向右各移动一个象素，填上深灰色。把层模式换为强光（HARDLIGHT）。

4进行图层-图层样式-内阴影（具体设置多少看你自己想那裂痕的深度多深而定）。 

4再新建一层，用喷修饰一下，就可以结束了，呵呵，是不是很简单咧？ 

可选实例二：鸡蛋长眼睛效果图

一、建立图层

1．打开素材YPS4-14a，将眼睛周围不需要的地方用橡皮擦细细擦除。

2．打开素材YPS4-14b，将处理过的眼睛放到素材鸡蛋图片上，调整二者的位置，用曲线调整眼睛的明暗度。

二、图层效果

3．将眼睛图层的混合模式设置为“正片叠底”，以使眼睛具有鸡蛋纹理。

三、图层模式

4．将鸡蛋图层复制成新图层，并移动到眼睛图层上面，改变复制鸡蛋图层模式为“颜色”，并将不透明度降到73%。这样使眼睛和鸡蛋较好的融合。

四、效果修饰

5．观察图像眼珠也变成了鸡蛋色，这样整幅图就没有焦点了，将眼珠选取（可用磁性套索工具），然后复制成新图层，将这个图层放到眼睛图层和鸡蛋复制图层的中间，用“色相/饱和度”调整其颜色，改变图层混合模式为“正片叠底”。用曲线调整图像饱和度，得到最后的图像效果。

实验五 路径的使用

实例一：制作齿轮效果图

1. 打开Photoshop，新建一个300*300像素，分辨率为72，模式为RGB，背景为白色的文件。 

2. 选择Polygon Tool（多边形工具），Sides（边数）为32。打开多边形选项选中star indent Side by，并设定其为10%，按住SHIFT键画一个多边形。

3. 选择Direct Selection Tool（直接挑选工具），按住SHIFT键将内圈的节点全部选中。

4. 执行Edit（编辑）> Free Transform（自由变换节点），快捷键为Ctrl+T，旋转角度为5。

5. 将路径变成选区，并新建一个层，填入灰色。

6. 选椭圆工具，按住SHIFT键画一个正圆。然后选取挑选工具，点垂直中齐与水平中齐将圆的选区与多边形居中对齐。

7. 按delete键得到齿轮的基本图形了。

8. 双击齿轮的图层开始添加层效果，首先选Drop Shadow（投影）效果，参数如下： 

9. 接着选择Inner Glow（内发光），参数设置如下：

10. 接着再选择Bevel and Emboss（斜面与浮雕），参数设置如下：

11. 按住CTRL键点齿轮的图层得到齿轮的选区，再新建一个层，用渐变工具填充一个从白到黑的放射性渐变。

12. 执行Filter（滤镜）> Noise（杂色）> Add Noise（添加杂色），Amount（数量）为5%。

13. 在执行Filter（滤镜）> Blur（模糊）> Radial Blur（径向模糊），Amount（数量）为20%

14. 执行Layer（层）> Group with Previous（与前一图层编组）。快捷键Ctrl+G。结果如下：

15．执行Select（选择）> Modify（修改）> Contact（收缩），参数为3.

16.点图层上的填充调整按钮中的Gradient Map（渐变映射），点击渐变条会跳出渐变编辑器，载入金属渐变，选择其中的银色渐变。 

17. 点图层上的填充调整按钮中的Hue/Saturation（色相与饱和度），参数如下：

18.接着选择椭圆工具，并按住SHIFT工具再齿轮上画个正圆，然后再按住SHIFT+ALT键画个小的正圆，得到圆环选区。

19. 点图层上的填充调整按钮中的Curves（曲线），设置如下：

20.一个齿轮就完成了。

实例二：制作蜡烛效果

1：新建一400╳700的文件，将背景填充为黑色，造形，作渐变填充。

2：用钢笔工具勾画出深色区域，转换成选区后作羽化。

3：作曲线调整：先将灰度通道调低一点点，再将红色通道调高一点点。

再调另一区域

4：用O工具（加深、加亮、去色）、B工具（模糊、涂抹、锐化）在其上调整，刻划出蜡烛的形体及表面明暗的变化。先用高强度的大画笔在较大的范围进行，然后再用较软的小画笔作局部的细化。

5：加高光：用钢笔工具勾画出高光区域

6：转化为选区后作羽化；新建一层，用白色填充，调整透明度到合适。

做火焰：

7、新建一400X400的文件，先拉出一圆形选区，羽化后作辐射渐变填充。

8、在该层中建一个蒙版，在蒙版中作一个辐射渐变填充

9、调整蒙版曲线

10、删除蒙版，（应用），再将图形调成长椭圆状，加蒙版，作线性渐变，得到火焰的基本形状。

11、将火焰拖入蜡烛中，调整好大小，用涂抹工具调整好火焰的形状，加上烛蕊，并加上蓝色火焰。

实验六 通道与蒙版的使用

第1步： 建立一个新文件(文件1)，切换到通道面板，单击下面的建立新通道按钮，建立一个新通道“Alpha 1”，如图：

第2步：输入文字，如“水晶字”，确定后按"Ctrl+D"(取消选择的快捷键)，然后选择 "滤镜(Filter) -模糊(Blur)-高斯模糊(Gaussian Blur)"，如图:

第3步：然后按住"Alpha 1"，拖到下面的"建立新通道"图标上，将"Alpha 1"复制为"Alpha 2"，如图：

第4步： 切换到通道"Alpha 2"，选择"滤镜(Filter)-其它(Other)-位移(Offset)"，如下图设置后确定：

第5步： 选择"图像(Image)-运算 ，按下图所示设置好后确定。(注意红圈的部分)

第6步：选择"图像(Image) - 调整(Adjust) -自动色阶(Auto Level)" ，然后按下"Ctrl+M"(调整曲线的快捷键)，调整曲线如图所示后确定：

第7步： 这时通道"Alpha 3"应如下图所示：

第8步：选择"图像(Image)-"运算" ，按下图所示设置好后确定。(注意红圈的部分)

第9步： 这时应出现如下图所示的通道"Alpha 4"： 

第10步： 按下"Ctrl+A"(全选)，"Ctrl+C"(拷贝)，然后切换到层(Layer)面板，选择背景层(Background)，按下"Ctrl+V"(粘贴)，选择渐变填充工具，如下图设置后，从图像中心拖至边缘，图像制作完成。 

效果如图：

实验七 动作的使用

一、创建记录

1．新建大小400*400像素白色背景的文件。显示网张（用百分比），新建图层，在画布中间左边画一个正圆（用选择工具Shift+Alt组合键以水平中心线上的一个点为中心点）然后填充红色。

2．打开动作面板新建动作，开始记录。按组合键Ctrl+Alt+T，进行复制并变换，把中心点移到画布中心，再进行后续变换（注意一定要在变换角度之前移中心点，因为旋转是围绕中心点进行的）。

二、记录编辑

3．进行图像大小和角度的变换。大小变化可选95%，角度可选20度，具体可根据实际情况调整。

4．执行色相/饱和度调整命令。色相变化可选-20度，具体可调整。

三、应用记录

5．在动作面板中停止记录，选择刚才记录的动作，不断地播放运行。以生成多个旋转变换的效果。

四、效果修饰

6．可根据同样的原理，制作其它各式各样的阵列效果。

实验八 ImageReady CS的应用

使用Photoshop和ImageReady，你可以为你的网页动画添加多变的效果。在这篇教程中，你将学习如何使一个物体在屏幕上移动时改变颜色。先来看看效果。（图main）

　　1.建立调整图层

　　打开Photoshop，把你想使之运动的物体放置在透明背景的中心。（当使用文字时，在应用调整图层之前需先将文字层栅格化 ）

　　在图层菜单中，选择新建一个调整层，其内容为色相/饱和度。

　　在色相/饱和度对话框中，首先确定打开预览；然后分别拖动色相、饱和度和明度滑块来改变物体颜色，满意后点击确认。（图step01）

　　2.在Photoshop工具箱里，点击“跳转到ImageReady”按钮，用ImageReady打开文件 

　　存储文档，选择文件名称和存储路径。提示：虽然调整图层只能在Photoshop中使用，但当你用ImageReady打开图像时，它仍然可以被保留。（图step02）

　　3.创建动画的第一帧

　　在ImageReady的图层面板中，选择图层1（包含图像的一层），选择移动工具，在图像窗口拖动这一层到动画的起始位置。注意，动画面板第一帧的图像位置也跟着改变。（图step03）

　　4.创建动画的最后一帧

　　在动画面板中，点击新建帧按钮，在动画面板中选择第二帧，而在图层面板中选择图层1。

在图像窗口，用移动工具把图层1拖至动画的终点位置。可以看到，动画面板第二帧的图像位置改变了。（图step04）

　　5.在动画的最后一帧中改变物体颜色

　　在第二帧被选择的情况下，选择色相/饱和度调整层，把图层不透明度改为1％。

　　现在，第一帧的层不透明度为100％，第二帧的不透明度为1％，两帧之间不透明度的差异会造成物体颜色的改变。（图step05）

　　6.创建动画的中间帧

　　在动画面板中，选择“动画帧过渡”，在参数栏中，确定位置、不透明度、效果均被选择，然后在“添加帧”中输入要增加的帧的数量。

　　点击动画面板上的播放键，预览动画，在观看之后，你可以添加，删除或是修改帧，如果需要，可以设置重放选项。（图step06）

　　7.从动画面板中选择优化动画

　　点击动画面板最右端的黑色小三角，从弹出菜单中选择“优化动画”，在优化动画对话框中，选择“定界框”和“删除冗余像素”，然后选择自动重建选项，保留帧不透明度。

　　在优化面板中，从“优化的文件格式”菜单中选择GIF，然后选择其它选项来优化图像在Web上的显示。

　　选择文件>将优化文件存储为，存储图像。（图step07）