法算煮失十中蜂等靠孝标 计算机平面设计实训指导 校本教材 计算机平面设计教研组编
计算机平面设计实训指导 校本教材 计 算 机 平 面 设 计 教 研 组 编
江苑有失大中蜂孝水*松 Wushong aondary vecational 序言 计算机平面设计是讲解如何利用平面设计主流软件Photosh0p软件进行 平面设计的实用性的教学，是学校艺术设计专业中的一门核心必修课，也是一门 重要主干课程，是学生学习后继课程广告设计网页制作等课程)的基础。本课程 开设于职高二年级，学生在学习了本课程后，具备一定的图像综合处理能力，可 胜任平面设计等相关岗位的部分工作，同时激发他们对后续专业课程的学习兴 趣 学好这门课程，不仅是学生掌握图像处理基础知识的需要，同时也为今后学 习平面设i计中其他软件如CorelDraw,Ilustrator)打下良好的基础。学生在该 软件中学到的图层，蒙版等相关知识在后绩课程如Flash,CorelDraw)中都会 涉及，网页制作等相关课程Flash,Dreamweaver)对素材的绘制和处理过程中， 很多地方也都要结合Photosh0p软件，同时，在学习本课程的过程中，能提高 学生的审美观和对专业的学习兴趣，对学生树立牢固的专业思想有积极意义。 《计算机平面设计实训指导》分成两个部分基础练习部分与拓展提高部分。 基础练习主要包括三个部分内容。每个操作练习分：操作目的、操作内容、任务 完成三个部分.学习目的指明了每个操作的学习目的和意义：操作内容讲解了每 一主要操作命今的操作方法.校本教材中的每个例图和案例都是编者精心设计和 选择的，能号引导学生联系生活去分析和理解操作内容，从而达到培养学生软件操 作能力和提高学生综合素质的目的，拓展提高部分是针对能很好掌握基础知识的 学生，即学有余力的学生。教师可以采用分层教学，让这部分学生进行自主学习， 综合远用所学知识或提前学习新知识，起拓展提升的作用. 《计算机平面设计实训指导》将Photoshop基础操作、新进提高和综合拓 展提高三部分内容融为一体，有机结合，层次明显，实验内客在安排上体现了由 浅入深、逐步提高的学习过程。本书对学生的实训有一定的指号意义，同时也可 以作为教师指号实训的参考书。 江苏省吴中中等专业学校艺术设计教研组 2013年9月
序 言 计算机平面设计是讲解如何利用平面设计主流软件 Photoshop 软件进行 平面设计的实用性的教学，是学校艺术设计专业中的一门核心必修课，也是一门 重要主干课程，是学生学习后继课程(广告设计网页制作等课程)的基础。本课程 开设于职高二年级，学生在学习了本课程后，具备一定的图像综合处理能力，可 胜任平面设计等相关岗位的部分工作，同时激发他们对后续专业课程的学习兴 趣。 学好这门课程，不仅是学生掌握图像处理基础知识的需要，同时也为今后学 习平面设计中其他软件(如 CorelDraw，Ilustrator)打下良好的基础。学生在该 软件中学到的图层，蒙版等相关知识在后续课程(如 Flash，CorelDraw)中都会 涉及，网页制作等相关课程(Flash，Dreamweaver)对素材的绘制和处理过程中， 很多地方也都要结合 Photoshop 软件。同时，在学习本课程的过程中，能提高 学生的审美观和对专业的学习兴趣，对学生树立牢固的专业思想有积极意义。 《计算机平面设计实训指导》分成两个部分：基础练习部分与拓展提高部分。 基础练习主要包括三个部分内容。每个操作练习分：操作目的、操作内容、任务 完成三个部分。学习目的指明了每个操作的学习目的和意义；操作内容讲解了每 一主要操作命令的操作方法。校本教材中的每个例图和案例都是编者精心设计和 选择的，能引导学生联系生活去分析和理解操作内容，从而达到培养学生软件操 作能力和提高学生综合素质的目的。拓展提高部分是针对能很好掌握基础知识的 学生，即学有余力的学生。教师可以采用分层教学，让这部分学生进行自主学习， 综合运用所学知识或提前学习新知识，起到拓展提升的作用。 《计算机平面设计实训指导》将 Photoshop 基础操作、渐进提高和综合拓 展提高三部分内容融为一体，有机结合，层次明显，实验内容在安排上体现了由 浅入深、逐步提高的学习过程。本书对学生的实训有一定的指导意义，同时也可 以作为教师指导实训的参考书。 江苏省吴中中等专业学校艺术设计教研组 2013 年 9 月
江煮要术中境奢靠李括 Wuthong Becondary Vecational Behopl
￥算煮失十中线奢水学楼 目 录 基础操作部分 项日一初识Photoshop CS2 4044444044444444444044404444404444044404444044] 项目二绘制基本图形 项口三图像编辑处理 项目四图层和蒙版应用 -14 项目五路径的使用 项目六滤镜的应用 项口七图像色彩处理 项目八通道应用 拓展提高部分 项目一主题海报设计 54 项日二网站主页设计444……56
目 录 基础操作部分 项目一 初识 Photoshop CS2 ……………………………………………………1 项目二 绘制基本图形 ……………………………………………………………4 项目三 图像编辑处理 ……………………………………………………………9 项目四 图层和蒙版应用 ………………………………………………………14 项目五 路径的使用 ……………………………………………………………19 项目六 滤镜的应用 ……………………………………………………………28 项目七 图像色彩处理 …………………………………………………………31 项目八 通道应用 ………………………………………………………………46 拓展提高部分 项目一 主题海报设计 ……………………………………………………………54 项目二 网站主页设计 ……………………………………………………………56
江炼煮失术中蜂奢靠学楼 hu里h4n8◆0 ondary Va4aT0n4ao0 基础操作部分 项目一初识Photoshop CS2 【学习目的】 1,使月学们基本了解并学会使用ot0shm。首先从介绍启动Phot0shop开始，然后 循序渐进地介绍Photoshop的常用命令及操作方法。 【重点与难点】 1.Photos3p的启动与退出 2界面的超成 3文件的存取 4.显示区域的控制 【教学内容】 一Photoshop的启动 1.【开始】→【程序】→hotoshop CS2 2,直接双击桌面上的dobe Photoshop CS2的图标 二Photoshop的退出 1.【文件】→【退出】 2,直接单击窗口右上角的【×】 三界面的组成 1,菜单栏 Photoshop的绝大部分操作以及常用的一些快捷健都可以在菜单栏里 找到。 2.工具箱 包含各种常用的工具，单击工具按钮就可以执行相应的功能。 注意：按住Shirft+工具快捷键可以在共用一个快捷键的多个工具之 间进行切换。 3.工具选项栏 列出所选工具的一些详细设置
1 基础操作部分 项目一 初识 Photoshop CS2 【学习目的】 1.使同学们基本了解并学会使用 Photoshop。首先从介绍启动 Photoshop 开始，然后 循序渐进地介绍 Photoshop 的常用命令及操作方法。 【重点与难点】 1.Photoshop 的启动与退出 2.界面的组成 3.文件的存取 4.显示区域的控制 【教学内容】 一 Photoshop 的启动 1．【开始】→【程序】→Photoshop CS2 2．直接双击桌面上的 Adobe Photoshop CS2 的图标 二 Photoshop 的退出 1．【文件】→【退出】 2．直接单击窗口右上角的【×】 三 界面的组成 1．菜单栏 Photoshop 的绝大部分操作以及常用的一些快捷键都可以在菜单栏里 找到。 2．工具箱 包含各种常用的工具，单击工具按钮就可以执行相应的功能。 注意：按住 Shirft + 工具快捷键 可以在共用一个快捷键的多个工具之 间进行切换。 3．工具选项栏 列出所选工具的一些详细设置
法雄煮要大中等奢求学按 Wuzheng Becondary Vacational Behpol 4.浮动控制面板 浮动面板有很多个，用于配合图象编辑及功能设置。 注意：F5画笔FB颜色面板F?图层面板下8信息面板F9动作面板 5.图像窗口 图像窗口列出了文件的一些相关信息。 A.图片名称及类型，sdPS欧认格式（可以包含图层），g或 JPEG最常用的图片格式。（相片网上的绝大部分图片。特点：所占储存 空间小只有PSD格式的几十或几百分之一)·g1f动画.tif或TIFF印 刷图片格式 想一想：Photoshop的默认文件格式有什么特点？ B.显示比例在同等窗口大小下，比例越小图片就越大。 C.色彩模式GBPS欧认的模式。CYK印刷模式. TB可以隐藏与显示工具箱工具选项栏和浮动面板，Shirft+Tab只 隐藏浮动面板。 四文件的存取 1.建立新文件(Ctrl+N) 在建立新文件的对话框中要注意以下设置： A,名称：可以给文件取名 B.预置尺寸：文件的实际大小。 注意：如果该文件是要打印输出，最好设置成实际纸张大小如：A3A4 如果只是在电脑屏幕上显示，最好设置成：800×600象素1024×768象素. C,分辨率：决定图像的清晰度，数值越高图像越清晰。 注意：分辨率就是指在单位长度内所含有的点（即象素）的多少。一般 的单位指的是每英寸内含有多少个象素点。分辨率越高，图像越清晰，所产 生的文件也就越大，在电脑运行中所需要的时间也就越长。所以分辨率要设 置得合适就可以了，不是越高越好，一般在电脑屏幕上显示72就足够了， 如果是要高清晰打印那么最好设置在300或以上。 D.模式：常用的有GB CMYK,一般Photoshop就用G模式。 E.内容：用于设定新图象背景层的顾色
2 4．浮动控制面板 浮动面板有很多个，用于配合图象编辑及功能设置。 注意：F5 画笔 F6 颜色面板 F7 图层面板 F8 信息面板 F9 动作面板 5．图像窗口 图像窗口列出了文件的一些相关信息。 A．图片名称及类型 .psd PS 默认格式（可以包含图层） .jpg 或 JPEG 最常用的图片格式。（相片 网上的绝大部分图片。特点：所占储存 空间小只有 PSD 格式的几十或几百分之一） .gif 动画 .tif 或 TIFF 印 刷图片格式。 想一想：Photoshop 的默认文件格式有什么特点？ B．显示比例 在同等窗口大小下，比例越小图片就越大。 C．色彩模式 RGB PS 默认的模式。 CMYK 印刷模式。 TAB 可以隐藏与显示工具箱 工具选项栏和浮动面板。Shirft + Tab 只 隐藏浮动面板。 四 文件的存取 1．建立新文件（Ctrl + N） 在建立新文件的对话框中要注意以下设置： A．名称：可以给文件取名 B．预置尺寸：文件的实际大小。 注意：如果该文件是要打印输出，最好设置成实际纸张大小如：A3 A4。 如果只是在电脑屏幕上显示，最好设置成：800×600 象素 1024×768 象素。 C．分辨率：决定图像的清晰度，数值越高图像越清晰。 注意：分辨率就是指在单位长度内所含有的点（即象素）的多少。一般 的单位指的是每英寸内含有多少个象素点。分辨率越高，图像越清晰，所产 生的文件也就越大，在电脑运行中所需要的时间也就越长。所以分辨率要设 置得合适就可以了，不是越高越好。一般在电脑屏幕上显示 72 就足够了， 如果是要高清晰打印那么最好设置在 300 或以上。 D．模式：常用的有 RGB CMYK。一般 Photoshop 就用 RGB 模式。 E．内容：用于设定新图象背景层的颜色
江雄者失大中等考来孝校 2.文件的保存。(Ctr1·S) 3.文件的打开，(Ctr1+0) 注意：在空白处双击也可以打开文件 五显示区域的控制 1,改变显示比例 A.使用缩放工具(Z) B.使用信息面板里的导航器面板来进行调整 注意：Ctrl+【+】放大Ctrl+【一】缩小Ctrl+【0】满西布 显示（也叫显示最佳大小） 2.移动屏幕（但） 当图象放大几倍或数十倍之后，在窗口中是显示不下的，在这种情况下 可以用抓手工具来移动屏幕。 注意：在任何时候，若按下空格键，则可以临时切换到抓手工具来移动 屏基 【练习】 建一个新文件：名称为第一课，大小为800×600，分辨率为72，模式为GB, 背景色为红色。 打开一幅图片，尝试改变图片的显示比例及移动屏幕. 3
3 2．文件的保存。（Ctrl + S） 3．文件的打开。（Ctrl + O） 注意：在空白处双击也可以打开文件 五 显示区域的控制 1．改变显示比例 A．使用缩放工具(Z) B．使用信息面板里的导航器面板来进行调整 注意：Ctrl + 【+】放大 Ctrl +【－】缩小 Ctrl + 【0】满画布 显示（也叫显示最佳大小） 2．移动屏幕(H) 当图象放大几倍或数十倍之后，在窗口中是显示不下的，在这种情况下 可以用抓手工具来移动屏幕。 注意：在任何时候，若按下空格键，则可以临时切换到抓手工具来移动 屏幕。 【练习】 建一个新文件：名称为第一课，大小为 800×600，分辨率为 72，模式为 RGB， 背景色为红色。 打开一幅图片，尝试改变图片的显示比例及移动屏幕
￥巍煮头才中境奢家摩括 au里h◆8e0 ondary Va4aT0n4ao0 项目二绘制基本图形 【学习目的】 1,使同学了解掌捏各选区工具的使用和功能 2,熟悉绘画工具的应用 3,掌握文字工具的应用 【重点与难点】 1,选板工具的使用 2.套索工具的使用 3.魔棒工具的使用 4,变换工具的使用 5. 文字工具的应用 6.绘画工具笔头的设置方法 【敦学内容】 一选框工具的使用 1,选区的作用：可以让所做的的操作只对选区中的内容起作用。 2.选框工具包括：矩形选框椭圆选框单行遗框和单列选框。 注意：在建立选区时，按下S动ift键可以建立正方形或正圆形选区， 在建立选区时，按下A1t键是以单击的点为中心点建立选区。 3。在当前有选区的情况时，选区一共有四种类型： (1)新选区：新建立的选区将代替原来的选区。 (2)添加到选区：新创建的选区将与原来的速区合并成新的途区 (3)从选区减去：新创建的选区与原来的选区有相交的部分，将从 原选区中减去相交的部分，剩余的选区将作为新的选区。 (4)与遗区交义：新创建的选区与原来的选区有相交的部分，将会 把选区相交部分保留下米， 注意：按住Shirft键是添加到选区，技住Alt是从迭区就去，同时技下
4 项目二 绘制基本图形 【学习目的】 1．使同学了解掌握各选区工具的使用和功能 2．熟悉绘画工具的应用 3．掌握文字工具的应用 【重点与难点】 1．选框工具的使用 2．套索工具的使用 3．魔棒工具的使用 4．变换工具的使用 5．文字工具的应用 6．绘画工具笔头的设置方法 【教学内容】 一 选框工具的使用 1．选区的作用：可以让所做的的操作只对选区中的内容起作用。 2．选框工具包括：矩形选框 椭圆选框 单行选框和单列选框。 注意：在建立选区时，按下 Shirft 键可以建立正方形或正圆形选区。 在建立选区时，按下 Alt 键是以单击的点为中心点建立选区。 3．在当前有选区的情况时，选区一共有四种类型： （1）新选区：新建立的选区将代替原来的选区。 （2）添加到选区：新创建的选区将与原来的选区合并成新的选区。 （3）从选区减去：新创建的选区与原来的选区有相交的部分，将从 原选区中减去相交的部分，剩余的选区将作为新的选区。 （4）与选区交叉：新创建的选区与原来的选区有相交的部分，将会 把选区相交部分保留下来。 注意：按住 Shirft 键是添加到选区，按住 Alt 是从选区减去，同时按下
短煮奥大中等奢靠学按 Wuzheng Becondary Vacational Bchopl Shirft和Alt键，是与选区交义。（当前己经有选区） A1t+el填充前景色。Ctr1+Del填充背景色。X前景色背景色互换。D 恢复到默认的黑白色， 4,羽化：让选区边缘产生一种虚化柔和的效果。羽化值越大，边缘越 柔和。 工具属性列上的羽化是对还没有建立的选区起作用. 注意：“选择”菜单下的羽化(Ctrl+A1t+D)是对已经存在的选区进 行羽化·羽化值不能大于选区宽度的一半(50%). 二 套索工其红) 1,套索工具包括：套索工具多边形套索工具和磁性套索工具 套索工具主要用于创建精度要求不高的选区 2.多边形索工具主要用于创建边界为直线的选区。 3.磁性套索工具主要用于创建图像与背景颜色差别较大或图像边缘顾 色分明的选区。其中磁性套素工具是最常用的选区工具 4,磁性套索工具的设置如下：大写键(Ca即sk)可以在工具的形状和 实际画笔大小之间进行切换。【] 5,宽度：鼠标移动时探测的范围，数值越大探测的范围越大。 6。边对比度：鼠标进行探测时对颜色的灵敏度。数值越高灵敏度就越 高。 7,频率：鼠标时探测时连接点的数目，越高连接点就越多。 三魔棒工具() 主要用来选样大面积的单色区域的选择 1,魔棒的主要设置： 2,容差：进行选择时颜色的精细程度。越大对颜色的要求越低，所选 的区域也就越大 3。连续的：如果勾选那么选择的颜色必须是相连的。如不勾选，那么 整个图像中只要颜色相近的都会被选中。 4.用于所有图层：如勾选可以将所有图层中颜色相近的区域都透中， 如不勾选只能选择当前选择的区域
5 Shirft 和 Alt 键，是与选区交叉。（当前已经有选区） Alt + Del 填充前景色。Ctrl + Del 填充背景色。X 前景色背景色互换。D 恢复到默认的黑白色。 4．羽化：让选区边缘产生一种虚化柔和的效果。羽化值越大，边缘越 柔和。 工具属性列上的羽化是对还没有建立的选区起作用。 注意：“选择”菜单下的羽化（Ctrl + Alt +D）是对已经存在的选区进 行羽化。羽化值不能大于选区宽度的一半（50%）。 二 套索工具(L) 1．套索工具包括：套索工具 多边形套索工具和磁性套索工具 套索工具主要用于创建精度要求不高的选区。 2．多边形索工具主要用于创建边界为直线的选区。 3．磁性套索工具主要用于创建图像与背景颜色差别较大或图像边缘颜 色分明的选区。其中磁性套索工具是最常用的选区工具。 4．磁性套索工具的设置如下：大写键（CapsLk）可以在工具的形状和 实际画笔大小之间进行切换。[ ] 5．宽度：鼠标移动时探测的范围，数值越大探测的范围越大。 6．边对比度：鼠标进行探测时对颜色的灵敏度。数值越高灵敏度就越 高。 7．频率：鼠标时探测时连接点的数目。越高连接点就越多。 三 魔棒工具(W) 主要用来选择大面积的单色区域的选择。 1．魔棒的主要设置： 2．容差：进行选择时颜色的精细程度。越大对颜色的要求越低，所选 的区域也就越大。 3．连续的：如果勾选那么选择的颜色必须是相连的。如不勾选，那么 整个图像中只要颜色相近的都会被选中。 4．用于所有图层：如勾选可以将所有图层中颜色相近的区域都选中， 如不勾选只能选择当前选择的区域
江雄者失术中蜂容家学按 wu国h+ng8中0nfyV4HaI0na8p 四 图像的支换(A1t+T) 1缩放：可以对图像的宽度或高度进行调整，实现对图像的挤压和拉 伸的变形大小变形。 2,斜切：将鼠标放置在变换框的控制边上，光标变为移动箭头，拖动 鼠标，即可实现对图像的斜切变形， 3,旋转：将鼠标放置在变换框的外侧，光标变为旋转箭头，拖动限标， 即可实现图像的旋转。 4.扭曲：将鼠标放置在变换框的控制点，光标变为移动箭头，拖动佩 标，即可实现对图像的扭曲变形。 5。透视：将鼠标放置在变换框的四角控制点，光标变为移动箭头，拖 动鼠标，即可实现对图像的透视变化 五文字工具的使用 1,文字工具(F8)分为：横排文字工具竖排文字工具横排文字蒙 版工具竖排文字蒙版工具。前面两种主要是建立文字，而后面两种主要用 来建立选区。 2,横排文字和竖排文字工具产生的图层为文字层，文字层上的文字随 时都可以改变其属性特征。而对某些滤镜进行操作时必须把文字层转换为普 通图层。 3,在文字层上右击一橱格化文字（也叫象素化文字）可以将文字层转 为著通图层. 六绘画工具笔头的设置方法 以毛笔的风格在图像或选择区域绘制图像。画笔工具设置面板，如图所 示。 6
6 四 图像的变换(Alt+T) 1 缩放：可以对图像的宽度或高度进行调整，实现对图像的挤压和拉 伸的变形 大小变形。 2．斜切：将鼠标放置在变换框的控制边上，光标变为移动箭头，拖动 鼠标，即可实现对图像的斜切变形。 3．旋转：将鼠标放置在变换框的外侧，光标变为旋转箭头，拖动鼠标， 即可实现图像的旋转。 4．扭曲：将鼠标放置在变换框的控制点，光标变为移动箭头，拖动鼠 标，即可实现对图像的扭曲变形。 5．透视：将鼠标放置在变换框的四角控制点，光标变为移动箭头，拖 动鼠标，即可实现对图像的透视变化. 五 文字工具的使用 1．文字工具（F8）分为：横排文字工具 竖排文字工具 横排文字蒙 版工具 竖排文字蒙版工具。前面两种主要是建立文字，而后面两种主要用 来建立选区。 2．横排文字和竖排文字工具产生的图层为文字层，文字层上的文字随 时都可以改变其属性特征。而对某些滤镜进行操作时必须把文字层转换为普 通图层。 3．在文字层上右击→栅格化文字（也叫象素化文字）可以将文字层转 为普通图层。 六 绘画工具笔头的设置方法 以毛笔的风格在图像或选择区域绘制图像。画笔工具设置面板，如图所 示