Photoshop-CS6平面设计教程第1章课件.pptx

1、第1章 Photoshop CS6的基本操作Photoshop CS6平面设计教程普通高等学校计算机教育“十二五”规划教材1.1 平面设计基础1.2 图像处理的基本概念1.3 图像文件的基本操作内容导航1.1.1 色彩构成概述 1.1.2 色彩构成分类及属性 1.1.3 色彩对比 1.1.4 色彩构图原则 1.1.5 色彩搭配技巧 1.1.6 平面构成属性 1.1.7 平面构成视觉对比 1.1.8 平面构图原则1.4 使用辅助工具1.7 课后习题1.5 课堂练习1.6 拓展知识3 1.1.1 色彩构成概述 构成是将两个以上的要素按照一定的规则重新组合，形成新的要素。色彩构成是指将两个色彩要素按

2、照一定的规则进行组合和搭配，从而形成新的具有美感的色彩关系。色彩在人眼中的形成过程示意图4 1.1.2 色彩构成分类及属性 色彩分为非彩色和彩色两类，其中黑、白、灰为非彩色，其他色彩为彩色。彩色是由红、绿、蓝3种基本的颜色互相组合而成的。这3种颜色又称为三原色，能够按照数量规定合成其他任何一种颜色的基色。通过对三原色的基本调配，可以得到表达人们情绪的不同颜色。1色彩的分类彩色组成基本色12种组合颜色5 1.1.2 色彩构成分类及属性2色彩属性明度：指色彩的明暗程度。如果色彩中添加白色越多，图像明度就越高；如果色彩中添加黑色越多，图像明度就越低。色相：指颜色的色彩相貌，用于区分不同的色彩种类，分

3、别为红、橙、黄、绿、青、蓝、紫7色，他们首尾相连形成闭合的色环。 纯度：指彩色的纯净程度，是色相的明确程度，也就是色彩的鲜艳程度和饱和度。6 1.1.3 色彩对比 色彩并置时因色相的差别而形成的色彩对比称之为色相对比。1色相对比色相对比示意图 色彩并置时因明度的差别而形成的色彩对比称之为明度对比。2明度对比明度对比示意图 色彩并置时因纯度的差别而形成的色彩对比称之为纯度对比。3纯度对比纯度对比示意图7 1.1.4 色彩构图原则l对比：是指色彩就其某一特征在程度上的比较，如明暗色调对比，一幅优秀的作品必须具备明暗关系，以突出作品的层次性。l平衡：是以重量来比喻物象、黑白、色块等在一个作品画面分布

4、上的审美合理性。l节奏：是指色彩在作品中合理分布。一幅好作品的精华位于视觉中心，是指画面中节奏变化最强且视觉上最有情趣的部分，而色彩的变化最能体现这一节奏。8 1.1.5 色彩搭配技巧 不同的色彩组合可以表现出不同的感情，而同一种感情也可用不同的色彩组合方式来体现。下面将列举一些常见的表达感情的色彩组合方式。主要有10种。1有主导色彩的配色4同色深浅搭配配色7感受年龄的配色10感受自然的配色2有主导色调的配色5感受性别的配色8感受季节的配色3强调色配色6感受温度的配色9感受轻重感的配色9 1.1.6 平面构成属性 数学上的点没有大小只有位置，但造型上作为形象出现的点不仅有大小和面积，还有形态和

5、位置，越小的形体越能给人以点的感觉。1点的形象散点式构成点的移动点按轨迹方向变化点的面化分布规则点的动态变化不规则点的动态变化10 1.1.6 平面构成属性 平面相交形成直线，曲面相交形成曲线。几何学中的线没有粗细，只有长度与方向，但在造型世界线被赋予了粗细与宽度。线在现代抽象作品与东方绘画中被广泛运用，有很强的表现力。2线的形象等距排列的线非等距排列的线线的虚实变化线的切换变化线的规则立体变化线的不规则立体变化11 1.1.6 平面构成属性 单纯的面具有长度和宽度，没有厚度，是体的表面。它受线的界定，具有一定的形状。面分为实面和虚面两类，实面具有明确、突出的形状，虚面则由点和线密集而成3面的

6、形象几何形的面自然形的面徒手绘制的面有机形的面偶然形的面人造形的面12 1.1.7 平面构成视觉对比l基本构成形式： 平面构成的基本形式分为90度排列格式、45度排列格式、弧线排列格式、折线排列 格式。l重复构成形式： 以一个基本单形为主体在基本格式内重复排列l近似构成形式： 是具有相似之处的形体之间的构成l渐变构成形式： 是指将基本形体按大小、方向、虚实、色彩等关系渐次变化排列的构成形式。l发射构成形式： 以一点或多点为中心，向周围发射或扩散等形成的视觉效果，具有较强的动感及节 奏感。l 空间构成形式： 利用透视学中的视点、灭点、视平线等原理所求得的平面上的空间形态。 l特异构成形式： 在一

7、种较为有规律的形态中进行小部分的变异，以突破某种较为单调的构成形式。l分割构成形式： 将不同的形态分割成较为规范的单元，以得到比例一致、特点灵活、自由的视觉感。13 1.1.8 平面构图原则和谐对比对称比例平衡平面构图原则单独的一种颜色或单独的一根线条无所谓和谐，几种要素具有基本的共同性和融合性才称为和谐。又称对照，它能使主题更加鲜明，作品更加活跃。左右对称、上下对称、点对称。平衡是动态的特征，如人体运动、鸟的飞翔、兽的奔驰、风吹草动、流水激浪等都是平衡的形式，因而平衡的构成具有动态。是部分与部分或部分与整体之间的数量关系，是构成设计中一切单位大小以及各单位间编排组合的重要因素。 1.2 图像

8、处理的基本概念1.1 平面设计基础1.3 图像文件的基本操作内容导航1.2.1 像素与分辨率 1.2.2 位图与矢量图 1.2.3 图像的色彩模式 1.2.4 图像文件格式1.4 使用辅助工具1.7 课后习题1.5 课堂练习1.6 拓展知识15 1.2.1 像素与分辨率 像素是构成位图图像的最小单位，是位图中的一个小方格。若将一幅位图看成是由无数个点组成的，则每个点就是一个像素。同样大小的一幅图像，像素越多的图像越清晰，效果越逼真。下图100%显示的图像。当将其放大到足够大的比例时就可以看见构成图像的设计方格状像素。1像素100%显示效果放大显示像素16 1.2.1 像素与分辨率 分辨率是指单

9、位长度上的像素数目。单位长度上像素越多，分辨率越高，图像就越清晰，所需的存储空间也就越大。分辨率可分为图像分辨率、打印分辨率、屏幕分辨率等。2分辨率图像分辨率打印分辨率屏幕分辨率图像分辨率用于确定图像的像素数目，其单位有“像素/英寸”和“像素/厘米”。打印分辨率又叫输出分辨率，指绘图仪或激光打印机等输出设备在输出图像时每英寸所产生的油墨点数。屏幕分辨率是指显示器上每单位长度显示的像素或点的数目，单位为“点/英寸”。17 1.2.2 位图与矢量图 位图也称点阵图或像素图，由多个像素点构成，能够将灯光、透明度、深度等逼真地表现出来。将位图放大到一定程度，即可看到它是由多个小方块的像素组成的，该小方

10、块即为像素。位图图像质量由分辨率决定，单位面积内的像素越多，分辨率越高，图像效果就越好。下图为为位图放大200%和放大800%后的对比效果。1位图18 1.2.2 位图与矢量图 矢量图又称向量图，以数学公式计算获得，基本组成单元是锚点和路径。将矢量图无限放大，图像都具有同样平滑的边缘和清晰的视觉效果，但聚焦和灯光的质量很难在一幅矢量图像中获得，且不能很好的表现。下图为矢量图放大300%和放大1000%后的对比效果。2矢量图19 1.2.3 图像的色彩模式 色彩模式是数字世界中表示颜色的一种算法，常用的有RGB模式、CMYK模式、HSB模式、Lab模式、灰度模式、索引模式、位图模式、双色调模式、

11、多通道模式等。 图像中默认的颜色通道数取决于色彩模式。在Photoshop CS6中选择【图像】【模式】菜单命令，在打开的子菜单中可以查看所有的色彩模式，选择相应的命令可在不同的色彩模式之间相互转换。20 1.2.4 图像文件格式 在Photoshop中，应根据需要选择合适的文件格式保存作品。Photoshop支持多种文件格式，下面对一些常见的图像文件格式进行介绍。PSD（*.PSD）格式TIFF（*.TIF；*.TIFF）格式BMP（*.BMP）格式JPEG（*.JPG）格式GIF（*.GIF）格式PNG（*.PNG）格式EPS（*.EPS）格式PCX（*.PCX）格式PDF（*.PDF）格

12、式PICT（*.PCT）格式1.3 图像文件的基本操作1.1 平面设计基础内容导航1.3.1 认识Photoshop CS6的工作界面 1.3.2 新建图像文件 1.3.3 打开图像文件 1.3.4 保存和关闭图像文件 1.3.5 课堂案例转换图像色彩模式1.4 使用辅助工具1.7 课后习题1.5 课堂练习1.6 拓展知识1.2 图像处理的基本概念22 1.3.1 认识Photoshop CS6的工作界面 选择【开始】【所有程序】【Adobe Photoshop CS6】菜单命令，启动Photoshop CS6后，将打开的工作界面。23 1.3.2 新建图像文件 在Photoshop中制作文件

13、，首先需要新建一个空白文件。选择【文件】【新建】菜单命令或按【Ctrl+N】组合键，打开右图所示的“新建”对话框。24 1.3.3 打开图像文件1使用“打开”命令打开.2使用“打开为”命令打开3拖动图像启动程序4打开最近使用过的文件25 1.3.4 保存和关闭图像文件 新建文件或对文件进行编辑后，必须保存文件。选择【文件】【存储】菜单命令，打开“存储为”对话框，在“保存在”下拉列表框中选择存储文件的位置，在“文件名”文本框中输入存储文件的名称，在“格式”下拉列表框中选择存储文件的格式，然后单击“保存”按钮，即可保存图像。1保存图像文件关闭图像文件的方法有以下几种。l单击图像窗口标题栏最右端的“

14、关闭”按钮。l选择【文件】【关闭】菜单命令或l按【Ctrl+W】组合键。l 按【Ctrl+F4】组合键。2关闭图像文件26 1.3.5 课堂案例转换图像色彩模式本章对图像色彩模式进行了介绍，下面将提供的“花草.jpg”素材图像由RGB颜色模式转换为双色模式。1.4 使用辅助工具1.1 平面设计基础内容导航1.4.1 使用标尺 1.4.2 使用网格1.4.3 使用参考线1.7 课后习题1.5 课堂练习1.6 拓展知识1.2 图像处理的基本概念1.3 图像文件的基本操作28 1.4.1 使用标尺 选择【视图】 【标尺】菜单命令或按【Ctrl+R】组合键，即可在打开的图像文件左侧边缘和顶部显示或隐藏

15、标尺，通过标尺可查看图像的宽度和高度。29 1.4.2 使用网格 在图像处理中，设置网格线可以让图像处理更精准。选择【视图】【显示】【网格】菜单命令或按【Ctrl+】组合键，可以在图像窗口中显示或隐藏网格线。按【Ctrl+K】组合键打开“首选项”对话框，在左侧的列表中选择“参考线、网格和切片”选项，然后在右侧的“网格”栏中可设置网格的颜色、样式、网格线间距、子网格数量30 1.4.3 使用参考线（1） 选择【视图】【新建参考线】菜单命令，打开“新建参考线”对话框，在“取向”栏中选择参考线类型，在“位置”文本框中输入参考线位置。（2） 单击“确定”按钮即可在相应位置处创建一条参考线。1创建参考线

16、31 1.4.3 使用参考线创建智能参考线的方法是选择【视图】【显示】【智能参考线】菜单命令，即可启动智能参考线。2创建智能参考线选择【视图】【对齐】菜单命令，使该命令处于勾选状态，然后在【视图】【对齐到】菜单命令的子菜单中选择一个对齐项目。3智能对齐1.5 课堂练习1.1 平面设计基础内容导航1.5.1 赏析“论道竹叶青”画册1.5.2 新建“名片”文件1.7 课后习题1.6 拓展知识1.2 图像处理的基本概念1.3 图像文件的基本操作1.4 使用辅助工具33 1.5.1 赏析“论道竹叶青”画册设计本练习要求从平面构成、色彩构成以及设计理念方面来赏析著名设计大师陈幼坚为竹叶青设计的论道99画

17、册，画册部分效果，参考效果如图所示。1练习目标 根据本练习的目标，要从平面构成、色彩构成和设计理念等方面来赏析该作品，可先对图像的色彩和明度等方面进行赏析，然后对整个画面构成进行赏析，最后对设计理念进行思考。2操作思路34 1.5.2 新建“名片”文件本练习要求新建一个名称为“名片”的图像文件，用于某公司在职员工进行名片设计。1练习目标35 1.5.2 新建“名片”文件 根据本练习的目标要求，在创建图像文件时要注意名片的尺寸，常见的名片尺寸为9054毫米；因为要进行印刷，因此分辨率应设置为300像素，颜色模式为“CMYK模式”，并对出血进行设置。2操作思路1.6 拓展知识1.1 平面设计基础内

18、容导航1.7 课后习题1.2 图像处理的基本概念1.3 图像文件的基本操作1.4 使用辅助工具1.5 课堂练习37 课 后 习 题（1）打开光盘中提供的“房地产海报.tif”图片，对其进行简单赏析，如下图所示。（2）打开光盘中提供的“人物照片.jpg”文件，Photoshop中练习将图像设置为不同的色彩模式，如下图所示。38 38Thank you!海量图书方便查询免费申请样书下载配套资源优惠购书成为作者更多样书申请和资源下载需求，请登录人邮教育社区（)囊括各大品类，您想要的应有尽有教师免费申请样书，我们将安排快递迅速送达教学视频、PPT课件、教学案例、习题答案、模拟试卷等丰富资源免费下载教师可以申请最低折扣学生直接优惠购买图书欢迎写文章投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务