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

1、2.学员操作素材课前检查：1.教师机1 确认PhotoshopCS5软件正常运行；2 确认录入电子版授课素材；3 确认话筒和麦克风能正常工作； 4 教师机可正常连接投影。2.学员机确认PhotoshopCS5软件正常运行；确认录入电子版授课素材；教学过程：【课程导入】很荣幸给大家讲解Photoshop这款软件，接到老师们的反馈信息，想通过Photoshop设计出好的网页主页，尤其是导航，板块设计，线条的处理等；还想通过Photoshop做一下VI的设计，很想学习一下VI的设计与平面设计的内容。以下我将根据以上3点通过几个案例来为大家讲解Photoshop的基本应用，以及VI的设计与平面设计的相

2、关知识，在给大家讲课之前，我们先来看一些Photoshop的作品（教师机、Photoshop教程文件夹、Photoshop作品欣赏文件夹）。【教师讲解案例1】网站banner设计制作（预计时间60分钟）教师提问（1）：请问网页的基本构成元素都有那些？教学提示：教师引导大家讨论，并请学员积极发言，说出自己心中的答案。教师解答：1.网站Logo 2.网站banner 3.导航栏 4.文本 5.图像 6.多媒体教师提问（2）：请问什么叫网站banner？banner又叫旗帜，是一个表现商家广告内容的图片，放置在广告商的页面上，为互联网广告中最基本的广告形式。标准尺寸是480x60像素，一般是使用GI

3、F、JPG格式的图像文件，我们来看一些网站banner的图片（教师机、Photoshop教程文件夹、网站banner图片文件夹）。要设计制作一个网站，我们首先要制作网站的主页，一个视觉美观的网站的主页，必须先设计制作一个美观的banner。请学员按照教师的操作同步完成banner的制作。1. 打开Photoshop软件，新建一个像素为“960x960”的文档，并为新建文档起名 “网页主页设计”，分辨率“72”，颜色模式“RGB”颜色，背景内容“白色”（RGB是色光的彩色模式，R代表红色，G代表绿色，B代表蓝色。因为三种颜色每一种都有256个亮度水平级，所以三种色彩叠加就能形成1670万种色彩了

4、（俗称真彩）。这已经足以再现这个绚丽的世界了。RGB模式因为是由红、绿、蓝相叠加形成其他颜色，因此该模式也叫加色模式。CMYK模式是一种减色模式，它适合于印刷。当阳光照射到一个物体上时，这个物体将吸收一部分光线，并将剩下的光线进行反射。反射的光就是你所看到的物体的颜色。CMYK即代表印刷上用的四种油墨色，C代表青色，M代表洋红色，Y代表黄色，K代表黑色。因此如果是放在网页上的图片，直接用RGB模式就已经可以了。2.在“工具栏”里选择“矩形选框工具”，在文档内拖拽一个长方形选区，在“菜单栏”里找 “窗口”、“图层”、“创建一个新图层”，在“工具栏”的“拾色器”内，设置“前景色”为（R:100/G

5、:220/B:240），单击“确定”，按键盘上的“Alt+Delete”键，为选区添加一个蓝色。3.在“菜单栏”里选择“滤镜”、“渲染”、“云彩”，然后按键盘上“Ctrl+D”键，取消选区。4. 在“菜单栏”里找 “窗口”、“图层”、“创建一个新图层”，设置前景色为#158223，背景色为#ADE48C，在“工具栏”里选择“画笔工具”、“134”，绘制一些草的图形。5. 先按住键盘上的“Ctrl”键，然后点击“图层面板”里的“图层1”，这时文档里就会出现一个“图层1”的选取，点击“图层面板”里的“图层2”，按键盘上的“Ctrl+Shift+I”键，反选选区，按键盘上的“Delete”键，删除多

6、余的草。6. 在“菜单栏”里找 “图像”、“调整”、“色相/饱和度”，设置草这层的色相为“-24”，在“菜单栏”里找 “滤镜”、“模糊”、“高斯模糊”，进行一下高斯模糊，设置半径为1.1。7. 在“菜单栏”里找 “窗口”、“图层”、“创建一个新图层”，在“工具栏”里选择“椭圆选框工具”，在“控制面板”的羽化框内设置半径为9，按住键盘上的“Shift”键，绘制一个正圆形选区，在“工具栏”的“拾色器”内，设置“前景色”为（黄色），单击“确定”，按键盘上的“Alt+Delete”键，为选区添加黄色，然后按键盘上“Ctrl+D”键，取消选取。8. 在“菜单栏”里找 “窗口”、“图层”、“创建一个新图层

7、”，在“工具栏”里选择“矩形工具”里面的“自由变形工具”，在“控制面板”里将“形状”面板弹出，在右侧“小三角”框里选择“全部”，找到“蝴蝶”形状后单击。9.在“画面”里绘制一只黄色的蝴蝶，然后在“菜单栏”里找 “窗口”、“路径”、“将路径转换成选取”，回到图层面板，在新建一个图层，在“工具栏”里选择“渐变工具”，设置渐变前景色为亮黄色，背景色为暗黄色进行线性渐变填充。10.隐藏“形状1”图层，复制蝴蝶层几次，按“Ctrl+T”键，适当调整蝴蝶的位置和大小，在“菜单栏”里找 “图像”、“调整”、“色相/饱和度”，适当调整蝴蝶的颜色。11. 在“菜单栏”里找 “文件”、“另存为”、“桌面”、第一个

8、“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

9、） 设置有“羽化”效果的选区；（13） 应用“自由变形工具”绘制常用的图形；（14） 应用“渐变工具”为选取的内容添加具有渐变效果的颜色；（15） 变换工具快捷键“Ctrl+T”。【教师讲解案例2】导航条的制作与主要视觉板块（预计时间30分钟）教师提问：请问什么是网站的导航条？导航条是网页设计中不可缺少的部分，它是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容，是人们浏览网站时可以快速从一个页面转到另一个页面的快速通道。利用导航条，我们就可以快速找到我们想要浏览的页面。 导航条的目的是让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不费力地找到并管理

10、信息，让用户在浏览网站过程中不至迷失。为了让网站信息可以有效地传递给用户，导航一定要简洁、直观、明确。继续我们案例1网站banner的制作，我们在banner上放上网站Logo，在banner的下面设计一条导航条。请学员按照教师的操作同步完成导航条的制作。1.先打开“网页主页设计”PSD文档，在打开“网页主页设计-网站LOGO” PSD文档，用“移动工具”拖拽“图层1”到“网页主页设计”PSD的文档下，关闭“网页主页设计-网站LOGO” PSD文档。2.在“图层面板”下方的“图层添层样式”里选择“斜面和浮雕”效果，设置大小“2”其他设置为默认状态下的“样式”是“内斜面”，“方法”为“平滑”，“

11、深度”为“100%”,“方向”为“上”，“软化”为“0”，“角度”为“120”。3. 在打开“网页主页设计-导航”PSD文档，用“移动工具”拖拽“图层1”到“网页主页设计”PSD的文档下，关闭“网页主页设计-导航” PSD文档。4. 在工具箱里选择“横排文字工具”，在“导航条”上拖拽一个长方形的“文本框”，输入“网站首页、学校简介、新闻中心、教师专区、办公系统、实小博客、学校论坛” 文字，调节“字体大小”，调节“字间距”，给字体修改成“白色”。5. 在工具箱里选择“横排文字工具”，在“导航条”右上角上拖拽一个长方形的“文本框”，输入“设为首页、加入收藏、中文、Eenglish” 文字，调节“字

12、体大小”12号字，调节“字间距”，给字体修改成“深绿色”。6. 选择背景图层，给他添加一个蓝色背景，分别打开“网页主页设计-素材1” PSD文档至“网页主页设计-素材6” PSD文档，分别拖拽素材内容，调整位置。7. 由于我们的首页有时会添加新内容，原来的尺寸摆放不下怎么办？接下来，我们可以从“菜单栏”中选择，“图像”、“画布大小”，调节大小，打开“网页主页设计-素材7” PSD文档，拖拽素材内容，调整位置。8. 在适当的位置输入文字，调整，保存。到此，“网页主页”案例已经讲完了。学员必须清楚每个操作步骤和快捷键，这样在以后学习中才能够更清楚。案例2总结：（1） “斜面和浮雕”效果；（2） 用

13、“移动工具”拖拽“图层”；（3） “横排文字工具”调节文字字体，大小，颜色，调节“字间距”；（4） “画布大小”，调节大小。【教师讲解案例3】皮肤美白方法Photoshop美妆教程（预计时间15分钟）如何通过Photoshop调整让脸部迅速变白？本案例我们用又简单又快捷的方法让后期美白问题变得如此容易。1.复制图层好习惯复制图层，在新图层操作，可以避免突发小状况使所有努力付诸东流。可方便随时操作隐藏图层的小眼睛按钮查看对比效果。2.一键获取选区然后点击通道页面，出现如图红框的样子，按住Ctrl键不放，鼠标左键点击RGB图层，画面会出现一个选区。小贴士：一定是先按住Ctrl键不放的同时再点击RG

14、B图层，否则无法获取正确的选区。3.填充选区立刻变白得到选区之后，返回到图层页面，填充背景色到选区，快捷键为Ctrl+Delete或Ctrl+回格。要注意的是，此刻背景色要是系统默认的前黑后白。如果不是前黑后白两种颜色，按D键，即可恢复。4.调整透明度恢复皮肤质感取消选区，得到美白效果，但是为了让画面里皮肤更有质感，通常会把调整过的图层透明度降低，这张图片我选择65%的透明度。具体数值可以根据不同画面有所调整，直到满意。最后来看下对比图吧，这个方法快捷简单，针对无法花费很多时间在后期上的老师们，非常实用。【教师讲解案例4】利用修补工具消除小女孩脸上的斑点（预计时间30分钟）修补工具操作比较简单

15、，不过要用好还是要一定经验的。如下面的教程在修复斑点的时候，尽量在斑点附近较好的肤色取样，而且要控制好大小，这样修出来的图片才细腻。1、对待任何一张图片，我们在加工之前都要保持良好的习惯，复制一张原图再修饰，以免在修饰过程里由于失误造成无法挽回的局面。2、选取修补工具，并且把图像放大，方便修饰细节，放大的倍数可以根据修补范围大小不断变换，适合自己观看方便即可。3、大家都知道，在运用修补工具时，是把需要修补的地方划出一个选区，然后拖拽到可以遮盖它的位置，PHOTOSHOP会把两种像素计算，给出一个合理的数值，以达到修饰的目的。所以修补工具虽然简单，但在应用过程中，有几点注意事项：A、在修补脏点的

16、适合，要尽量划出和脏点差不多大小的范围，太大容易把细节修丢，太小又容易修的很花。B、在选择覆盖所圈选脏点范围的像素时，尽量选择和选区里颜色相近的像素，太深容易有痕迹，太浅容易形成局部亮点，尽量在离要遮盖的脏点不远的地方选择。C、圈选选区的时候，尽量不要把亮暗对比强烈的像素圈进一个大选区，如果可能，要细致一点，分开修饰，如果遇到明暗交界线上的脏点，尽量寻找同处明暗交界的地方的像素把它覆盖，否则容易把光感修丢。4、如图，女孩的左脸还没有修整，右脸是修过的效果，相比之下，左脸的光影更复杂，所以要更加耐心，以免把人物的光感破坏。5、利用对比方法可以让你知道修图进展情况，细心的修整可以让你不落下任何一处

17、瑕疵。6、去斑的步骤已经完成了，但是为了让女孩眼神更生动，可以适当的用USM锐化。如图数据仅供参考，具体数值应该根据不同图片的具体情况设定，多做尝试，即会得到满意效果。另外，如果图片情况过于复杂，图层较多，可以在新建图层的时候把名字改成此图层的功能，方面查找。7、最后来看下去斑磨皮后的小盆友的前后对比图片，其实这些步骤不难实现，我们只要按部就班的操作，即可得到清新可爱的好照片了。素材及效果对比图：【教师讲解案例5】利用蒙板换背景（预计时间30分钟）1、先在PHOTOSHOP里打开照片和背景图;2、再复制照片的图层，复制两个图层，分别锁定图层;3、在背景副本里，把图层模式改为，正片叠底;4、再把

18、背景副本2添加一个蒙版5、填充黑色（执行编辑填充黑色），背景色填充快捷键为Ctrl+Delete 然后用画笔（要选择前景色为白色）进行涂抹（注意前景色要是白色），再把人物画出来，手一抖画过了也不要怕，用黑色画笔修复就OK了 ，在使用“画笔工具”工具的时候，我们可以按键盘上的“”“”来调节画笔的大小！6、人物的轮廓画出来后，再把背景拖进图层去，这里要注意图层的顺序了好了，这样就OK了！【教师讲解案例6】利用通道法为人物换背景（预计时间30分钟） 处理图片时，抠图是大家常会遇到的问题，对于边缘整齐、象素对比强烈的，可以用魔棒或是路径工具进行抠图处理。但是对于人物飘飘长发，用这些工具就无从下手了。事

19、实上，抠图的方法很多，不同的图片有不同的抠法。下面就向大家推荐一种最常用而且最有效的方法通道抠图法。1.启动Photoshop，导入要处理的图片，点选“钢笔”工具，属性设置，然后将图片中人物的主体轮廓勾出。注意碎发部分就不要勾在里面，因为在后面将对其进行专门地处理。小技巧：在用“钢笔”工具勾图片时，略向里一点，这样最后的成品才不会有杂边出现。2.打开“路径”面板，这时你会发现路径面板中多了一个“工作路径”，单击“将路径作为选区载入”按钮，将封闭的路径转化为选区。3.选择图层面板，点选“背景”层，点右键，单击“复制图层”命令，新建一个“背景副本”。点选“背景副本”，单击“添加图层蒙版”按钮。小提

20、示：图层蒙版有易改动，不破坏原图层的优点。4.选择通道面板，拖动“绿”通道至通道面板下的“新建”按钮，复制一个副本出来。5.点选“绿副本”按快捷键Ctrl+L进行色阶调整，将左侧的黑色滑块向右拉动，将右侧的白色滑块向左拉动，这样减小中间调部分，加大暗调和高光，使头发和背景很好的分开。6.按快捷键Ctrl+I将“绿副本”通道反相，点选“画笔”工具，属性设置，用黑色画笔将头发以外（也就是不需要选择的地方）涂黑，然后用白色画笔把头发里需要的地方涂白。7.单击“通道”面板上的“将通道作为选区载入”按钮得到“绿副本”的选区。8.回到“图层”面板，双击“背景图层”，将其变为普通“图0”9.单击“添加图层蒙版”按扭，为“图层0”添加图层蒙版这个人物就从这张图片里分离出来了。任意给换一个背景图片，效果如下：如果主体和头发处有衔接不好的地方，可以对其蒙版用黑色画笔处理一下，这就当时选择图层蒙版的原因。