Photoshop基本应用与操作实例44Word下载.docx

Photoshop基本应用与操作实例44Word下载.docx

《Photoshop基本应用与操作实例44Word下载.docx》由会员分享，可在线阅读，更多相关《Photoshop基本应用与操作实例44Word下载.docx（30页珍藏版）》请在冰豆网上搜索。

2.学员操作素材

课前检查：

1.教师机

1确认PhotoshopCS5软件正常运行；

2确认录入电子版授课素材；

3确认话筒和麦克风能正常工作；

4教师机可正常连接投影。

2.学员机

确认PhotoshopCS5软件正常运行；

确认录入电子版授课素材；

教学过程：

【课程导入】

很荣幸给大家讲解Photoshop这款软件，接到老师们的反馈信息，想通过Photoshop设计出好的网页主页，尤其是导航，板块设计，线条的处理等；

还想通过Photoshop做一下VI的设计，很想学习一下VI的设计与平面设计的内容。

以下我将根据以上3点通过几个案例来为大家讲解Photoshop的基本应用，以及VI的设计与平面设计的相关知识，在给大家讲课之前，我们先来看一些Photoshop的作品（教师机、Photoshop教程文件夹、Photoshop作品欣赏文件夹）。

【教师讲解案例1】网站banner设计制作（预计时间60分钟）

教师提问

（1）：

请问网页的基本构成元素都有那些？

教学提示：

教师引导大家讨论，并请学员积极发言，说出自己心中的答案。

教师解答：

1.网站Logo2.网站banner3.导航栏4.文本5.图像6.多媒体

教师提问

（2）：

请问什么叫网站banner？

banner又叫旗帜，是一个表现商家广告内容的图片，放置在广告商的页面上，为互联网广告中最基本的广告形式。

标准尺寸是480x60像素，一般是使用GIF、JPG格式的图像文件，我们来看一些网站banner的图片（教师机、Photoshop教程文件夹、网站banner图片文件夹）。

要设计制作一个网站，我们首先要制作网站的主页，一个视觉美观的网站的主页，必须先设计制作一个美观的banner。

请学员按照教师的操作同步完成banner的制作。

1.打开Photoshop软件，新建一个像素为“960x960”的文档，并为新建文档起名“网页主页设计”，分辨率“72”，颜色模式“RGB”颜色，背景内容“白色”（RGB是色光的彩色模式，R代表红色，G代表绿色，B代表蓝色。

因为三种颜色每一种都有256个亮度水平级，所以三种色彩叠加就能形成1670万种色彩了（俗称"

真彩"

）。

这已经足以再现这个绚丽的世界了。

RGB模式因为是由红、绿、蓝相叠加形成其他颜色，因此该模式也叫加色模式。

CMYK模式是一种减色模式，它适合于印刷。

当阳光照射到一个物体上时，这个物体将吸收一部分光线，并将剩下的光线进行反射。

反射的光就是你所看到的物体的颜色。

CMYK即代表印刷上用的四种油墨色，C代表青色，M代表洋红色，Y代表黄色，K代表黑色。

因此如果是放在网页上的图片，直接用RGB模式就已经可以了。

2.在“工具栏”里选择“矩形选框工具”，在文档内拖拽一个长方形选区，在“菜单栏”里找“窗口”、“图层”、“创建一个新图层”，在“工具栏”的“拾色器”内，设置“前景色”为（R:

100/G:

220/B:

240），单击“确定”，按键盘上的“Alt+Delete”键，为选区添加一个蓝色。

3.在“菜单栏”里选择“滤镜”、“渲染”、“云彩”，然后按键盘上“Ctrl+D”键，取消选区。

4.在“菜单栏”里找“窗口”、“图层”、“创建一个新图层”，设置前景色为#158223，背景色为#ADE48C，在“工具栏”里选择“画笔工具”、“134”，绘制一些草的图形。

5.先按住键盘上的“Ctrl”键，然后点击“图层面板”里的“图层1”，这时文档里就会出现一个“图层1”的选取，点击“图层面板”里的“图层2”，按键盘上的“Ctrl+Shift+I”键，反选选区，按键盘上的“Delete”键，删除多余的草。

6.在“菜单栏”里找“图像”、“调整”、“色相/饱和度”，设置草这层的色相为“-24”，在“菜单栏”里找“滤镜”、“模糊”、“高斯模糊”，进行一下高斯模糊，设置半径为1.1。

7.在“菜单栏”里找“窗口”、“图层”、“创建一个新图层”，在“工具栏”里选择“椭圆选框工具”，在“控制面板”的羽化框内设置半径为9，按住键盘上的“Shift”键，绘制一个正圆形选区，在“工具栏”的“拾色器”内，设置“前景色”为（黄色），单击“确定”，按键盘上的“Alt+Delete”键，为选区添加黄色，然后按键盘上“Ctrl+D”键，取消选取。

8.在“菜单栏”里找“窗口”、“图层”、“创建一个新图层”，在“工具栏”里选择“矩形工具”里面的“自由变形工具”，在“控制面板”里将“形状”面板弹出，在右侧“小三角”框里选择“全部”，找到“蝴蝶”形状后单击。

9.在“画面”里绘制一只黄色的蝴蝶，然后在“菜单栏”里找“窗口”、“路径”、“将路径转换成选取”，回到图层面板，在新建一个图层，在“工具栏”里选择“渐变工具”，设置渐变前景色为亮黄色，背景色为暗黄色进行线性渐变填充。

10.隐藏“形状1”图层，复制蝴蝶层几次，按“Ctrl+T”键，适当调整蝴蝶的位置和大小，在“菜单栏”里找“图像”、“调整”、“色相/饱和度”，适当调整蝴蝶的颜色。

11.在“菜单栏”里找“文件”、“另存为”、“桌面”、第一个“PSD”格式，单击“保存”。

案例1总结：

通过这个案例我们学会了：

（1）在Photoshop中“新建”一个设计网页的常规文档，快捷键为“Ctrl+n”；

（2）简单介绍了“RGB”与“CMYK”的知识；

（3）运用“矩形选框工具”绘制矩形选区；

（4）设置“前景色”与“背景色”；

（5）添加“前景色”快捷键“Alt+Delete”；

（6）应用“滤镜”中“渲染”的“云彩”效果;

（7）取消选区的快捷键“Ctrl+D”；

（8）创建一个新图层；

（9）“反选选区”的快捷键“Ctrl+Shift+I”；

（10）调整“色相/饱和度”；

（11）应用“滤镜”里“模糊”中的“高斯模糊”效果；

（12）设置有“羽化”效果的选区；

（13）应用“自由变形工具”绘制常用的图形；

（14）应用“渐变工具”为选取的内容添加具有渐变效果的颜色；

（15）变换工具快捷键“Ctrl+T”。

【教师讲解案例2】导航条的制作与主要视觉板块（预计时间30分钟）

教师提问：

请问什么是网站的导航条？

导航条是网页设计中不可缺少的部分，它是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容，是人们浏览网站时可以快速从一个页面转到另一个页面的快速通道。

利用导航条，我们就可以快速找到我们想要浏览的页面。

　　导航条的目的是让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不费力地找到并管理信息，让用户在浏览网站过程中不至迷失。

为了让网站信息可以有效地传递给用户，导航一定要简洁、直观、明确。

继续我们案例1网站banner的制作，我们在banner上放上网站Logo，在banner的下面设计一条导航条。

请学员按照教师的操作同步完成导航条的制作。

1.先打开“网页主页设计”PSD文档，在打开“网页主页设计-网站LOGO”PSD文档，用“移动工具”拖拽“图层1”到“网页主页设计”PSD的文档下，关闭“网页主页设计-网站LOGO”PSD文档。

2.在“图层面板”下方的“图层添层样式”里选择“斜面和浮雕”效果，设置大小“2”其他设置为默认状态下的“样式”是“内斜面”，“方法”为“平滑”，“深度”为“100%””,“方向”为“上”，“软化”为“0”，“角度”为“120”。

3.在打开“网页主页设计-导航”PSD文档，用“移动工具”拖拽“图层1”到“网页主页设计”PSD的文档下，关闭“网页主页设计-导航”PSD文档。

4.在工具箱里选择“横排文字工具”，在“导航条”上拖拽一个长方形的“文本框”，输入““网站首页、学校简介、新闻中心、教师专区、办公系统、实小博客、学校论坛”文字，调节“字体大小”，调节“字间距”，给字体修改成“白色”。

5.在工具箱里选择“横排文字工具”，在“导航条”右上角上拖拽一个长方形的“文本框”，输入““设为首页、加入收藏、中文、Eenglish”文字，调节“字体大小”12号字，调节“字间距”，给字体修改成“深绿色”。

6.选择背景图层，给他添加一个蓝色背景，分别打开“网页主页设计-素材1”PSD文档至“网页主页设计-素材6”PSD文档，分别拖拽素材内容，调整位置。

7.由于我们的首页有时会添加新内容，原来的尺寸摆放不下怎么办？

接下来，我们可以从“菜单栏”中选择，“图像”、“画布大小”，调节大小，打开“网页主页设计-素材7”PSD文档，拖拽素材内容，调整位置。

8.在适当的位置输入文字，调整，保存。

到此，“网页主页”案例已经讲完了。

学员必须清楚每个操作步骤和快捷键，这样在以后学习中才能够更清楚。

案例2总结：

（1）“斜面和浮雕”效果；

（2）用“移动工具”拖拽“图层”；

（3）“横排文字工具”调节文字字体，大小，颜色，调节“字间距”；

（4）“画布大小”，调节大小。

【教师讲解案例3】皮肤美白方法Photoshop美妆教程（预计时间15分钟）

如何通过Photoshop调整让脸部迅速变白？

本案例我们用又简单又快捷的方法让后期美白问题变得如此容易。

1.复制图层好习惯

复制图层，在新图层操作，可以避免突发小状况使所有努力付诸东流。

可方便随时操作隐藏图层的小眼睛按钮查看对比效果。

2.一键获取选区

然后点击通道页面，出现如图红框的样子，按住Ctrl键不放，鼠标左键点击RGB图层，画面会出现一个选区。

小贴士：

一定是先按住Ctrl键不放的同时再点击RGB图层，否则无法获取正确的选区。

3.填充选区立刻变白

得到选区之后，返回到图层页面，填充背景色到选区，快捷键为Ctrl+Delete或Ctrl+回格。

要注意的是，此刻背景色要是系统默认的前黑后白。

如果不是前黑后白两种颜色，按D键，即可恢复。

4.调整透明度恢复皮肤质感

取消选区，得到美白效果，但是为了让画面里皮肤更有质感，通常会把调整过的图层透明度降低，这张图片我选择65%的透明度。

具体数值可以根据不同画面有所调整，直到满意。

最后来看下对比图吧，这个方法快捷简单，针对无法花费很多时间在后期上的老师们，非常实用。

【教师讲解案例4】利用修补工具消除小女孩脸上的斑点（预计时间30分钟）

修补工具操作比较简单，不过要用好还是要一定经验的。

如下面的教程在修复斑点的时候，尽量在斑点附近较好的肤色取样，而且要控制好大小，这样修出来的图片才细腻。

1、对待任何一张图片，我们在加工之前都要保持良好的习惯，复制一张原图再修饰，以免在修饰过程里由于失误造成无法挽回的局面。

2、选取修补工具，并且把图像放大，方便修饰细节，放大的倍数可以根据修补范围大小不断变换，适合自己观看方便即可。

3、大家都知道，在运用修补工具时，是把需要修补的地方划出一个选区，然后拖拽到可以遮盖它的位置，PHOTOSHOP会把两种像素计算，给出一个合理的数值，以达到修饰的目的。

所以修补工具虽然简单，但在应用过程中，有几点注意事项：

A、在修补脏点的适合，要尽量划出和脏点差不多大小的范围，太大容易把细节修丢，太小又容易修的很花。

B、在选择覆盖所圈选脏点范围的像素时，尽量选择和选区里颜色相近的像素，太深容易有痕迹，太浅容易形成局部亮点，尽量在离要遮盖的脏点不远的地方选择。

C、圈选选区的时候，尽量不要把亮暗对比强烈的像素圈进一个大选区，如果可能，要细致一点，分开修饰，如果遇到明暗交界线上的脏点，尽量寻找同处明暗交界的地方的像素把它覆盖，否则容易把光感修丢。

4、如图，女孩的左脸还没有修整，右脸是修过的效果，相比之下，左脸的光影更复杂，所以要更加耐心，以免把人物的光感破坏。

5、利用对比方法可以让你知道修图进展情况，细心的修整可以让你不落下任何一处瑕疵。

6、去斑的步骤已经完成了，但是为了让女孩眼神更生动，可以适当的用USM锐化。

如图数据仅供参考，具体数值应该根据不同图片的具体情况设定，多做尝试，即会得到满意效果。

另外，如果图片情况过于复杂，图层较多，可以在新建图层的时候把名字改成此图层的功能，方面查找。

7、最后来看下去斑磨皮后的小盆友的前后对比图片，其实这些步骤不难实现，我们只要按部就班的操作，即可得到清新可爱的好照片了。

素材及效果对比图：

【教师讲解案例5】利用蒙板换背景（预计时间30分钟）

1、先在PHOTOSHOP里打开照片和背景图;

2、再复制照片的图层，复制两个图层，分别锁定图层;

3、在背景副本里，把图层模式改为，正片叠底;

4、再把背景副本2添加一个蒙版

5、填充黑色（执行编辑——填充——黑色），

背景色填充快捷键为Ctrl+Delete

然后用画笔

（要选择前景色为白色）

进行涂抹（注意前景色要是白色），再把人物画出来，手一抖画过了也不要怕，用黑色画笔修复就OK了，在使用“画笔工具”工具的时候，我们可以按键盘上的“[”“]”来调节画笔的大小！

6、人物的轮廓画出来后，再把背景拖进图层去，这里要注意图层的顺序了

好了，这样就OK了！

！

【教师讲解案例6】利用通道法为人物换背景（预计时间30分钟）

处理图片时，抠图是大家常会遇到的问题，对于边缘整齐、象素对比强烈的，可以用魔棒或是路径工具进行抠图处理。

但是对于人物飘飘长发，用这些工具就无从下手了。

事实上，抠图的方法很多，不同的图片有不同的抠法。

下面就向大家推荐一种最常用而且最有效的方法——通道抠图法。

　　1.启动Photoshop，导入要处理的图片，点选“钢笔”工具，属性设置，然后将图片中人物的主体轮廓勾出。

注意碎发部分就不要勾在里面，因为在后面将对其进行专门地处理。

　　小技巧：

在用“钢笔”工具勾图片时，略向里一点，这样最后的成品才不会有杂边出现。

　　2.打开“路径”面板，这时你会发现路径面板中多了一个“工作路径”，单击“将路径作为选区载入”按钮，将封闭的路径转化为选区。

　　3.选择图层面板，点选“背景”层，点右键，单击“复制图层”命令，新建一个“背景副本”。

点选“背景副本”，单击“添加图层蒙版”按钮。

　　小提示：

图层蒙版有易改动，不破坏原图层的优点。

　　4.选择通道面板，拖动“绿”通道至通道面板下的“新建”按钮，复制一个副本出来。

　　5.点选“绿副本”按快捷键Ctrl+L进行色阶调整，将左侧的黑色滑块向右拉动，将右侧的白色滑块向左拉动，这样减小中间调部分，加大暗调和高光，使头发和背景很好的分开。

　　6.按快捷键Ctrl+I将“绿副本”通道反相，点选“画笔”工具，属性设置，用黑色画笔将头发以外（也就是不需要选择的地方）涂黑，然后用白色画笔把头发里需要的地方涂白。

　　7.单击“通道”面板上的“将通道作为选区载入”按钮得到“绿副本”的选区。

8.回到“图层”面板，双击“背景图层”，将其变为普通“图0”

　　9.单击“添加图层蒙版”按扭，为“图层0”添加图层蒙版

　　这个人物就从这张图片里分离出来了。

　　任意给换一个背景图片，效果如下：

如果主体和头发处有衔接不好的地方，可以对其蒙版用黑色画笔处理一下，这就当时选择图层蒙版的原因。