第1课 准备平面设计素材 课件(共28张PPT)
文档属性
| 名称 | 第1课 准备平面设计素材 课件(共28张PPT) |  | |
| 格式 | pptx | ||
| 文件大小 | 10.3MB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 闽教版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2021-08-31 16:29:00 | ||
图片预览
文档简介
(共28张PPT)
平面设计
平面设计是将不同的基本图形或图像按照一定的规则在平面上组合
成平面图案作品，向人们传递特定的主题信息，它广泛应用于公益广
告、宣传海报、书籍封面、产品包装、明信片等各种印刷品的设计活动
中，也应用于计算机软件启动界面、网站标识及企业形象等设计活动
中。如图1-1所示的《保护生态平衡珍爱地球家园》是一个保护环境
主题的公益广告作品。
认识Photoshop
教学内容：Photoshop是目前最先进的图像编辑软件，被大部分平面设计者所使用。通过对本章内容的学习，让用户对Photoshop有一定的了解，会迫不及待想使用该软件制作自己心中的作品。
1.1
Photoshop
应用领域
Photoshop
是一款功能强大的数字化图像处理软件，在图像数字化渐渐成为主流的今天，其应用领域几乎覆盖了大部分的需要进行图像处理的领域，如平面设计、网页设计、插画设计以及数码摄影后期处理等等。这一节将对Photoshop的应用领域进行介绍。
1.1.1
Photoshop
常见应用领域
Photoshop功能齐全，操作简便，因而其应用领域十分广泛，几乎涵盖了所有需要图像处理的领域，这一节将做详细的介绍。
1.
在平面设计中的应用
平面设计中最常见的软件便是Photoshop，从书籍封面、招贴画、海报到文化衫，五彩斑斓的颜色和绚丽的文字均可在Photoshop中进行处理和合成。下图为一个微信公众号的封面设计。
2.
在界面设计中的应用
在Photoshop中，可以利用形状、填充等工具对手机软件界面进行设计，或是对计算机软件界面进行设计，下图是一个登陆界面的设计。
3.
在插画设计中的应用
插画作为一种新兴的艺术形式，除了可以在纸上作画外，还可以通过Photoshop连接外部设备在电脑上绘画，如下图所示。
4.在数码摄影后期处理中的应用
虽然很多数码摄影器材提供了后期处理的软件，但是Photoshop中对图像的处理更加细化，从扫描、输入照片，到校色、修正、分色并输出，它均可以出色的完成。
5.在动画和CG设计中的应用
在3ds
Max中，可以很好地完成三维模型的制作，但是对于贴图处理的能力远不及Photoshop，因此在动画和CG的制作中，需要用到Photoshop对贴图进行处理。
1.1.2
Photoshop
的其他应用领域
在其他的一些领域，同样会用到Photoshop，如网页设计、建筑领域等，这里将对在网页设计的应用做将会讲解。
在网页设计中需要大量的图像来直接的表达其所要表达的含义，而Photoshop除了可以对图像进行处理，同样可以对页面进行设计和制作，接着使用Dreamweaver导入并使用Flash添加动画便可以制作出一个互动的网页，这里不做过多讲解。
1.2
数字化图像基础
在具体的学习使用Photoshop之前，需要简单的了解一些数字化图像的基础。在计算机世界中，图像和图形是以数字的形式进行记录、处理和保存的，主要分为两类：位图和矢量图。这一节除了会讲解位图和矢量图的区别之外，同时会对分辨率的概念、颜色模式以及常见的图像格式进行介绍。
1.2.1
位图和矢量图
位图和矢量图作为图像的两大类型，具有各自的优点和缺点，下面将对这两种类型进行详细的介绍。
1.
位图
位图由像素构成，数码相机拍摄的、扫描仪生成的或者是在计算机中截取的图像等均属于位图，位图可以很好地表现出颜色的变化和细微的过渡，效果十分逼真，而且它也可以在不同软件中交换使用。
但是位图在储存时需要存储相对应的像素位置和颜色值，因此在位图中，像素越高，所占用的储存空间越大。分辨率是位图不可逾越的壁垒，在对位图进行缩放、旋转等操作时，无法生产新的像素，因此会放大原有的像素一填补空白，这样会让图像显得不清晰。如下左图所示，是一张拍摄的照片，在一般模式下，图片相当清晰，但是放大600%视图之后，会发现图像十分不清晰了，如下右图所示。
位图
原图
放大600%
2.
矢量图
矢量图是图形软件通过数学的向量方法进行计算得到的图形，是由数学定义的直线和曲线构成。与分辨率无直接的关系，因此任意的旋转和缩放均不会对图像的清晰程度和光滑程度造成影响，即不会产生失真的情况，同时其占用的空间非常小，适用于一些图标或者logo等不能受缩放影响清晰度的情况。
但是像素所携带的庞大的信息量，是其所不能比拟的，因此矢量图不能很好的表现出细节或者是做一些色彩复杂的图案。如下左图所示，是一个矢量图插画。在放大3200%之后的细节图，依然是十分清晰平滑的，如下右图所示。
原图
放大3200%
矢量图
1.2.2
像素和分辨率
这一节会对构成位图的基本元素——像素以及决定位图清晰程度的分辨率进行详细的介绍。
1.
像素
当把图像放大到不能在放大的时候，便能看到像素，如下左图所示。一个图像中包含的像素越多，颜色也更加丰富，但是它会占用更多的储存空间。把“信息”面板调出来，将鼠标移动到任意一个像素点上，会出现这个像素点对应的颜色值和位置，如下右图所示。
2.
分辨率
分辨率是指单位长度里面包含的像素点，它的单位通常为像素/英寸（ppi），如72ppi表示每英寸包含72个像素点，300ppi表示每英寸包含300个像素点，如下两图所示的图像的分辨率分别为10ppi和300ppi。
1.2.3
颜色模式
颜色模式决定了计算机设备处理颜色的方法，这一节将简单的学习关于颜色模式知识。
颜色模式分为CMYK模式、RGB模式、Lab模式以及灰度模式等，这决定了色彩模式混合的方法。其中每一种颜色模式也根据通道的位深分为8位、16位以及32位等，这决定了颜色的丰富程度。
如下左图所示是RGB模式，但是事实上，从肉眼看很难看出CMKY模式、RGB模式和Lab模式的区别，但是这些模式的色彩混合方式截然不同，RGB模式为通常的编辑模式，CMYK模式则是通用的印刷模式。
而灰度模式则是将图像做黑白处理，如下右图所示。
RGB模式
灰度模式
1.2.4
支持的图像格式模式
图像格式是根据图像的压缩模式进行区分的，常见的图像格式是JPG格式、BMP格式、PNG格式、GIF格式等，在Photoshop中这些格式都是被支持的，同时在Photoshop中编辑图像后保存时默认的图像格式是PSD格式。如果图像占用资源大于两个G，则需要将保存格式修改为PSB格式。同时，Photoshop支持大量打开和保存的图像格式，如下右图所示。
Thanks！
平面设计
平面设计是将不同的基本图形或图像按照一定的规则在平面上组合
成平面图案作品，向人们传递特定的主题信息，它广泛应用于公益广
告、宣传海报、书籍封面、产品包装、明信片等各种印刷品的设计活动
中，也应用于计算机软件启动界面、网站标识及企业形象等设计活动
中。如图1-1所示的《保护生态平衡珍爱地球家园》是一个保护环境
主题的公益广告作品。
认识Photoshop
教学内容：Photoshop是目前最先进的图像编辑软件，被大部分平面设计者所使用。通过对本章内容的学习，让用户对Photoshop有一定的了解，会迫不及待想使用该软件制作自己心中的作品。
1.1
Photoshop
应用领域
Photoshop
是一款功能强大的数字化图像处理软件，在图像数字化渐渐成为主流的今天，其应用领域几乎覆盖了大部分的需要进行图像处理的领域，如平面设计、网页设计、插画设计以及数码摄影后期处理等等。这一节将对Photoshop的应用领域进行介绍。
1.1.1
Photoshop
常见应用领域
Photoshop功能齐全，操作简便，因而其应用领域十分广泛，几乎涵盖了所有需要图像处理的领域，这一节将做详细的介绍。
1.
在平面设计中的应用
平面设计中最常见的软件便是Photoshop，从书籍封面、招贴画、海报到文化衫，五彩斑斓的颜色和绚丽的文字均可在Photoshop中进行处理和合成。下图为一个微信公众号的封面设计。
2.
在界面设计中的应用
在Photoshop中，可以利用形状、填充等工具对手机软件界面进行设计，或是对计算机软件界面进行设计，下图是一个登陆界面的设计。
3.
在插画设计中的应用
插画作为一种新兴的艺术形式，除了可以在纸上作画外，还可以通过Photoshop连接外部设备在电脑上绘画，如下图所示。
4.在数码摄影后期处理中的应用
虽然很多数码摄影器材提供了后期处理的软件，但是Photoshop中对图像的处理更加细化，从扫描、输入照片，到校色、修正、分色并输出，它均可以出色的完成。
5.在动画和CG设计中的应用
在3ds
Max中，可以很好地完成三维模型的制作，但是对于贴图处理的能力远不及Photoshop，因此在动画和CG的制作中，需要用到Photoshop对贴图进行处理。
1.1.2
Photoshop
的其他应用领域
在其他的一些领域，同样会用到Photoshop，如网页设计、建筑领域等，这里将对在网页设计的应用做将会讲解。
在网页设计中需要大量的图像来直接的表达其所要表达的含义，而Photoshop除了可以对图像进行处理，同样可以对页面进行设计和制作，接着使用Dreamweaver导入并使用Flash添加动画便可以制作出一个互动的网页，这里不做过多讲解。
1.2
数字化图像基础
在具体的学习使用Photoshop之前，需要简单的了解一些数字化图像的基础。在计算机世界中，图像和图形是以数字的形式进行记录、处理和保存的，主要分为两类：位图和矢量图。这一节除了会讲解位图和矢量图的区别之外，同时会对分辨率的概念、颜色模式以及常见的图像格式进行介绍。
1.2.1
位图和矢量图
位图和矢量图作为图像的两大类型，具有各自的优点和缺点，下面将对这两种类型进行详细的介绍。
1.
位图
位图由像素构成，数码相机拍摄的、扫描仪生成的或者是在计算机中截取的图像等均属于位图，位图可以很好地表现出颜色的变化和细微的过渡，效果十分逼真，而且它也可以在不同软件中交换使用。
但是位图在储存时需要存储相对应的像素位置和颜色值，因此在位图中，像素越高，所占用的储存空间越大。分辨率是位图不可逾越的壁垒，在对位图进行缩放、旋转等操作时，无法生产新的像素，因此会放大原有的像素一填补空白，这样会让图像显得不清晰。如下左图所示，是一张拍摄的照片，在一般模式下，图片相当清晰，但是放大600%视图之后，会发现图像十分不清晰了，如下右图所示。
位图
原图
放大600%
2.
矢量图
矢量图是图形软件通过数学的向量方法进行计算得到的图形，是由数学定义的直线和曲线构成。与分辨率无直接的关系，因此任意的旋转和缩放均不会对图像的清晰程度和光滑程度造成影响，即不会产生失真的情况，同时其占用的空间非常小，适用于一些图标或者logo等不能受缩放影响清晰度的情况。
但是像素所携带的庞大的信息量，是其所不能比拟的，因此矢量图不能很好的表现出细节或者是做一些色彩复杂的图案。如下左图所示，是一个矢量图插画。在放大3200%之后的细节图，依然是十分清晰平滑的，如下右图所示。
原图
放大3200%
矢量图
1.2.2
像素和分辨率
这一节会对构成位图的基本元素——像素以及决定位图清晰程度的分辨率进行详细的介绍。
1.
像素
当把图像放大到不能在放大的时候，便能看到像素，如下左图所示。一个图像中包含的像素越多，颜色也更加丰富，但是它会占用更多的储存空间。把“信息”面板调出来，将鼠标移动到任意一个像素点上，会出现这个像素点对应的颜色值和位置，如下右图所示。
2.
分辨率
分辨率是指单位长度里面包含的像素点，它的单位通常为像素/英寸（ppi），如72ppi表示每英寸包含72个像素点，300ppi表示每英寸包含300个像素点，如下两图所示的图像的分辨率分别为10ppi和300ppi。
1.2.3
颜色模式
颜色模式决定了计算机设备处理颜色的方法，这一节将简单的学习关于颜色模式知识。
颜色模式分为CMYK模式、RGB模式、Lab模式以及灰度模式等，这决定了色彩模式混合的方法。其中每一种颜色模式也根据通道的位深分为8位、16位以及32位等，这决定了颜色的丰富程度。
如下左图所示是RGB模式，但是事实上，从肉眼看很难看出CMKY模式、RGB模式和Lab模式的区别，但是这些模式的色彩混合方式截然不同，RGB模式为通常的编辑模式，CMYK模式则是通用的印刷模式。
而灰度模式则是将图像做黑白处理，如下右图所示。
RGB模式
灰度模式
1.2.4
支持的图像格式模式
图像格式是根据图像的压缩模式进行区分的，常见的图像格式是JPG格式、BMP格式、PNG格式、GIF格式等，在Photoshop中这些格式都是被支持的，同时在Photoshop中编辑图像后保存时默认的图像格式是PSD格式。如果图像占用资源大于两个G，则需要将保存格式修改为PSB格式。同时，Photoshop支持大量打开和保存的图像格式，如下右图所示。
Thanks！