PS教学课件项目二

1、职业院校教材图形图像处理案例教程photoshop cs5项目二项目二 图像基本编辑图像基本编辑p学习要点学习要点调整修改图像尺寸和分辨率 掌握对图像的复制、粘贴 对图像进行裁剪和变换、变形等编辑操作 使用恢复和还原功能 学会用内容识别比例缩放图像、内容识别填充图像 职业院校教材图形图像处理案例教程photoshop cs5项目任务项目任务任务任务1 调整图像大小调整图像大小任务任务2 移动复制保龄球移动复制保龄球任务任务3 为咖啡杯贴图为咖啡杯贴图任务任务4 束河古镇束河古镇任务任务5 靠近的帆船靠近的帆船任务任务6 摆正的地平线摆正的地平线职业院校教材图形图像处理案例教程photoshop

2、 cs5任务任务1 调整图像大小调整图像大小任务分析任务分析本任务要求掌握根据实际需要对图像的大小及分辨率进行修改，使其符合使用的需要。职业院校教材图形图像处理案例教程photoshop cs5任务任务1 调整图像大小调整图像大小相关知识相关知识1. 像素像素像素是构成图像的基本单位。在计算机屏幕上看到的图像，均是由一个个很细微的小 方块构成，这些小方块即称为像素（pixel）。每一个像素中都有自己的颜色信息，我们可 以把它看成是一格填满某一颜色的小方格，当许多不同颜色的小方块互相紧密地排列在一 起时，就会构成我们在计算机屏幕上看到的图像。当用缩放工具将图像放大到足够大时， 就可以看到类似马赛

3、克的效果。像素点越多则图像品质越高，图像越清晰；反之就越模 糊。图 分别是高像素值与低像素值的图像效果。 职业院校教材图形图像处理案例教程photoshop cs5任务任务1 调整图像大小调整图像大小相关知识相关知识1. 像素像素 职业院校教材图形图像处理案例教程photoshop cs5任务任务1 调整图像大小调整图像大小相关知识相关知识2. 图像分辨率图像分辨率图像分辨率是指每英寸图像含有多少个点或像素，通常以“像素 / 英寸”（Pixel per inch，ppi）表示。例如，通常系统默认的 72 分辨率，表示图像每英寸包含 72 个像素点。在 图像尺寸相同的情况下，图像的分辨率越高，其

4、单位面积内所包含的像素就越多，图像就越 清晰；反之，如果图像的分辨率太低，图像看上去就会很模糊。图是同一个图像在 分辨率分别为 300 像素 / 英寸和 30 像素 / 英寸时图像的品质效果。 职业院校教材图形图像处理案例教程photoshop cs5任务任务1 调整图像大小调整图像大小相关知识相关知识2. 图像分辨率图像分辨率 职业院校教材图形图像处理案例教程photoshop cs5任务任务1 调整图像大小调整图像大小任务实施任务实施l步骤1：打开素材“T200”，执行【图像图像大小】命令，弹出“图像大小”对话框，可以调 整图像的像素大小、文档大小和分辨率。 职业院校教材图形图像处理案例教

5、程photoshop cs5任务任务1 调整图像大小调整图像大小任务实施任务实施l步骤2：如图 所示，勾选“重定图像像素”选项，缩小图像的宽度或高度，图像中的 像素数量也跟着减少，图像虽然变小了，但是画面质量不变.当增大 图像的大小时，则会增加新的像素， 职业院校教材图形图像处理案例教程photoshop cs5任务任务1 调整图像大小调整图像大小任务实施任务实施l步骤2：如图所示，图像虽然变大了，但是画面质量下 降，如图 所示，图像变得较模糊。 职业院校教材图形图像处理案例教程photoshop cs5任务任务1 调整图像大小调整图像大小任务实施任务实施l步骤2：如果取消“重定图像像素”选项

6、勾选，修改图像的宽度或高度，图像中的像素总数量 不变，但分辨率会发生变化，减少宽度，会自动增大分辨率，如图所示。图像的大 小和画面质量都没有任何变化，如图所示。 职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务分析任务分析本任务利用移动工具在同一文档中移动复制图像。移动复制本任务利用移动工具在同一文档中移动复制图像。移动复制图像的效果如图图像的效果如图 所示。所示。职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球相关知识相关知识1. 选择图层选择图层选择一个图层：在图层面板中单击一个图层即可

7、选择该图层。 选择多个图层：如果要选择多个连续图层，可以在单击第一个图层后，再按住 Shift 键单击最后一个图层即可；如果要选择多个不连续的图层，可按住 Ctrl 键，逐个单击需要选 中的图层。职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球相关知识相关知识2. 图层图像的分布与对齐图层图像的分布与对齐Photoshop 中，如果要对两个或两个以上的图层进行对齐，可以选择这些图层，执行【图层对齐】下拉菜单中的命令进行操作，如图所示 职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球相关知识相关知

8、识3. 合并图层合并图层l在一幅图像中，图层越多，所占用的磁盘空间越大，所以对一些不必要分开的图层，可 以将它们合并，节省空间，并且提高操作速度。l向下合并：将当前图层和它下面的一个图层合并，可以执行菜单栏上的【图层向下合 并】命令，或者按快捷键 Ctrl+E，注意合并时下一个图层必须为可见。l合并可见图层 ： 将图层面板中的所有可见图层合并，而隐藏的图层则不会被 合并。l拼合图像：将图层面板中所有的可见图层合并到“背景”图层，若有隐藏的图层，会弹 出对话框询问是否扔掉隐藏的图层。l合并多个图层：可以先选择需要合并的几个图层，然后执行菜单栏上的【图层合并图 层】命令。职业院校教材图形图像处理案

9、例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务实施任务实施步骤步骤1：打开素材打开素材“保龄球保龄球 .psd”，如图，如图 所示。所示。 职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务实施任务实施步骤步骤2：单击保龄球所在图层，使其处于工作状态。选择“移动”工具 ，在属性栏中勾选复选框，按 Shift 键的同时拖动变换框中的角点将保龄球缩小，并移动图像至如图。单击属性栏中的 按钮，取消复选框的勾选 。职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务实施任

10、务实施步骤步骤3：按住 Alt+Shift 键，将鼠标指针移动到图像内，按住鼠标左键向右拖拽，保龄球被复 制并水平移动到指定的位置，图层面板中产生新的图层，如图所示。职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务实施任务实施步骤步骤4：继续移动复制图像，水平复制出一排保龄球，如图 2-2-6 所示。步骤步骤5：为了使每个保龄球均匀分布，确定“图层 1 副本 3”图层为当前工作图层，按住 Shift 键的同时单击“图层 1”，可以将保龄球所在图层同时选中，执行菜单栏上的【图层 分布水平居中】命令或使用“移动工具”，在属性栏中单击“水平居中分

11、布”按钮 ，将四个 图层的水平距离均匀分隔，效果如图。职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务实施任务实施步骤步骤4：步骤步骤5：职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务实施任务实施步骤步骤6：同时选中“图层 1 副本”至“图层 1 副本 3”，执行菜单栏上的【图层合并图层】命 令（或按快捷键 Ctrl+E），将三个保龄球合并在一起。在图层面板中双击“图层 1 副本 3”的 文本，在显示的文本框中输入“保龄球”，对图层重命名，如图所示。步骤步骤7：确认“保龄球”图层为当前

12、操作图层，按下 Alt 键，按住鼠标左键向下拖拽保龄球， 可以复制出如图 所示的第二排保龄球效果。 职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务实施任务实施步骤步骤6：步骤步骤7：职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务实施任务实施步骤步骤8：单击“图层 1”，使其处于工作状态。复制“图层 1”图层为“图层 1 副本”，并将 “图层 1 副本”图层移动所有图层的最上面，移动保龄球图像如图所示步骤步骤9：用移动复制的方法制作如图 2-2-11 所示的第三排保龄球效果职业院校教材

13、图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务实施任务实施步骤步骤8：步骤步骤9：职业院校教材图形图像处理案例教程photoshop cs5任务任务2 移动复制保龄球移动复制保龄球任务实施任务实施步骤步骤10：单继续复制保龄球，最终效果如图所示步骤步骤11：用按住 Ctrl+Shift+S 键 , 在打开的“存储为”对话框中将文件另存为“移动复制保龄 球.psd”。职业院校教材图形图像处理案例教程photoshop cs5任务任务3 为咖啡杯贴图为咖啡杯贴图任务分析任务分析本任务通过“变形”命令来给一个咖啡杯贴上装饰花纹图案。贴图效果如图所示。职业院

14、校教材图形图像处理案例教程photoshop cs5任务任务3 为咖啡杯贴图为咖啡杯贴图任务实施任务实施步骤步骤1：单击打开素材“咖啡杯”、“装饰花纹”，如图所示。职业院校教材图形图像处理案例教程photoshop cs5任务任务3 为咖啡杯贴图为咖啡杯贴图任务实施任务实施步骤步骤2：使用“移动”工具 ，将装饰花纹移动到咖啡杯文件中。按快捷键 Ctrl+T，在图像中右击，如图 2-3-4 所示，在打开的快捷菜单中选择“变形”命令，则出现如图 2-3-5 所 示的变形网格。步骤步骤3：将 4 个角的锚点拖动并贴齐到杯子边缘，如图所示。职业院校教材图形图像处理案例教程photoshop cs5任务

15、任务3 为咖啡杯贴图为咖啡杯贴图任务实施任务实施步骤步骤4：调整图像上、下、左右锚点的方向点，使装饰花纹按照杯子的结构扭曲，调整效果 如图 2-3-7 所示。操作完成后按 Enter 键确定变形。步骤步骤5：将“图层 1”的混合模式设置为“正片叠底”，如图所示，使贴入的装饰花纹 效果更加逼真效果。职业院校教材图形图像处理案例教程photoshop cs5任务任务4 束河古镇束河古镇任务分析任务分析本任务利用本任务利用“裁剪裁剪”工具对图像进行二次创作，使画面的构图工具对图像进行二次创作，使画面的构图更加完美，并裁剪出符合更加完美，并裁剪出符合 洗冲的洗冲的 4R 尺寸照片的要求，裁尺寸照片的要

16、求，裁剪前后的效果如图剪前后的效果如图 所示。所示。职业院校教材图形图像处理案例教程photoshop cs5任务任务4 束河古镇束河古镇相关知识相关知识1. 裁剪图像裁剪图像l方法一：先用矩形工具将要保留的部分选中，然后执行菜单栏上的【图像裁剪】命令 即可，裁剪前后如图 2-4-3 所示。画面中还残留多余的白边，如果想要裁剪干净，可以执 行菜单栏上的【图像裁切】命令，将上下左右所有的白边都能自动切干净，裁切前后如图职业院校教材图形图像处理案例教程photoshop cs5任务任务4 束河古镇束河古镇任务实施任务实施步骤步骤1：打开素材“束河古镇”步骤步骤2：裁剪制作 4R 尺寸照片。单击“裁

17、剪”工具 ，在其属性栏中打开“工具预设选取 器”，指定裁剪范围为 4 英寸 6 英寸 300 dpi，单击按钮交换宽度和高度，设置好裁剪 4R 照片的预定义尺寸，如图所示。步骤步骤3：鼠标在图像上拖拽出矩形裁切范围，如图 2-4-7 所示。拖拽四角的控制点调整裁剪 范围，按 Enter 键即可完成裁剪，如图所示。职业院校教材图形图像处理案例教程photoshop cs5任务任务4 束河古镇束河古镇相关知识相关知识1. 裁剪图像裁剪图像l方法二：在工具栏中选择“裁剪”工具 ，鼠标在图像上拖拽出矩形裁切范围，矩形 裁切框以蚂蚁线显示，并显示三等分参考线，中间的明亮部分为保留的图像，蚂蚁线以外 变暗

18、的部分为被裁剪的部分。裁剪框有 8 个控制 点，通过控制点可以调节要保留的图像大小，移动 上下边缘中间的控制点可以调节裁剪框的高度；移 动左右边缘中间的控制点可以调节裁剪框的宽度； 移动四角的控制点可以将裁剪框缩小或放大；按住Shift 键可以使裁剪框缩放比例不变。最后再在图像 中双击鼠标左键（或按 Enter 键）就可以将定界框外的图像裁掉，裁切前后如图所示职业院校教材图形图像处理案例教程photoshop cs5任务任务4 束河古镇束河古镇任务实施任务实施步骤步骤1：步骤步骤2：步骤步骤3：职业院校教材图形图像处理案例教程photoshop cs5任务任务5 靠近的帆船靠近的帆船任务分析任

19、务分析本任务要求巧用内容识别比例技术来压缩图片，使两艘帆船本任务要求巧用内容识别比例技术来压缩图片，使两艘帆船靠得更近一些，并让帆船基靠得更近一些，并让帆船基 本上保持原样。调整前、后本上保持原样。调整前、后的效果如图的效果如图 所示。所示。职业院校教材图形图像处理案例教程photoshop cs5任务任务5 靠近的帆船靠近的帆船相关知识相关知识内容识别比例内容识别比例：“内容识别比例内容识别比例”命令是能够智能地压缩图片中的非重要区域命令是能够智能地压缩图片中的非重要区域，并保证画面中的人，并保证画面中的人 物、建筑、动物等主体区域不变形物、建筑、动物等主体区域不变形，使原来大量的、复杂的后

20、期修补、润饰等工作变得非，使原来大量的、复杂的后期修补、润饰等工作变得非 常简单。常简单。职业院校教材图形图像处理案例教程photoshop cs5任务任务5 靠近的帆船靠近的帆船任务实施任务实施步骤步骤1：打开素材“帆船”，双击背景图层解除锁定，将它转换为普通图层。如果想让两艘帆 船靠得更近一些，使用“自由变换”命令（或按快捷键 Ctrl+T），将图像横向缩小至原图的 50%，可以看到图 的两艘帆船明显出现了变形。步骤步骤2：执行菜单栏上的【编辑还原】命令（或按快捷键 Ctrl+Z），撤销刚才的操作，返回原来的图像，执行【编辑内容识别比例】命令，同样将图像横向缩小至原图的 50%，两艘 帆船

21、的距离缩短了很多，帆船基本上保持原样，如图所示。职业院校教材图形图像处理案例教程photoshop cs5任务任务5 靠近的帆船靠近的帆船任务实施任务实施步骤步骤1：步骤步骤2：职业院校教材图形图像处理案例教程photoshop cs5任务任务5 靠近的帆船靠近的帆船任务实施任务实施步骤步骤3：仔细观察，右边的帆船在调整过程中缩短了一些。为了修正这个问题，内容识别比 例提供了更完美的解决方案，再次撤销刚才的操作，返回原来 的图像。使用“快速选择”工具 ，粗略选中右边的帆船，如 图 2-5-5 所示，选出右边帆船作为需要保护的内容。通常情况 下，需要保护的内容一般是照片中的主体人物或物品。执行【

22、选 择存储选区】命令，在弹出的“存储选区”对话框的名称项中输入被保护的事物名称，命名为“帆船”，帆船选区 击“确定”完成对选区的储存。打开通道面板，该选区作为一个 Alpha 通道被存储，如图所示。职业院校教材图形图像处理案例教程photoshop cs5任务任务5 靠近的帆船靠近的帆船任务实施任务实施步骤步骤3：职业院校教材图形图像处理案例教程photoshop cs5任务任务5 靠近的帆船靠近的帆船任务实施任务实施步骤步骤4：重新执行【编辑内容识别比例】命令，在属性栏上单击“保护”下拉列 表，选择之前存储的“帆船”，如图所示。步骤步骤5：再次横向缩小至原图的 50%，可以看到右边帆船保持了

23、原样，而两艘帆船靠近了， 效果如图所示。最后，使用裁切工具进行裁切，这样，图像就从原来的横幅变为竖幅。职业院校教材图形图像处理案例教程photoshop cs5任务任务6 摆正的地平线摆正的地平线任务分析任务分析本任务是利用本任务是利用“拉直拉直”功能、功能、“内容识别内容识别”功能处理全景图像，功能处理全景图像，图像处理前后效果如图图像处理前后效果如图职业院校教材图形图像处理案例教程photoshop cs5任务任务6 摆正的地平线摆正的地平线任务实施任务实施步骤步骤1：打开素材“海边”，该图拍摄角度倾斜了。在工具栏中的“吸管” 工具栏中选择“标尺”工具 ，沿地平线从左向右拖拽，使标尺所画的直线与地平线完全 吻合，如图所示。步骤步骤2：单击“标尺”工具属性栏中的“拉直”按钮 ，图像会自动旋转并进行裁切 掉白色的边角，裁切后效果如图所示。职业院校教材图形图像处理案例教程