平面设计教案教案.ppt

平面设计教案 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望 第一章第一章 图形图像处理基础知识图形图像处理基础知识基础知识及基本应用基础知识及基本应用1界面调整及练习界面调整及练习2选区的创建及编辑选区的创建及编辑3课后练习课后练习4一、图形图像处理基础知识1、像素（、像素（pixel）：）：（1）极小的颜色方块，以行与列的方式分布）极小的颜色方块，以行与列的方式分布（2）图像包含的像素越多，所存储的信息量越大，文件）图像包含的像素越多，所存储的信息量越大，文件就越大，图像也就越清晰。就越大，图像也就越清晰。2、分辨率（、分辨率（ppi 每英寸像素）每英寸像素）（1）图像分辨率）图像分辨率 图像在一个单位长度内所包含的像素个数。图像在一个单位长度内所包含的像素个数。分辨率越高，图像越清晰，反则越模糊。分辨率越高，图像越清晰，反则越模糊。分辨率越高，占用硬盘空间越大，反则越小。分辨率越高，占用硬盘空间越大，反则越小。左图：分辨率72右图分辨率20常用的分辨率参考标准：PS软件中，系统默认的标准：软件中，系统默认的标准：72ppi发布于网络上的图像：发布于网络上的图像：72ppi或或96ppi报纸杂志：报纸杂志：120ppi 150ppi彩板印刷：彩板印刷：300ppi注意：注意：在进行网页设计与制作时，必须注意图像分辨率在进行网页设计与制作时，必须注意图像分辨率不能过大，不能因为图像的容量过大，影响用户不能过大，不能因为图像的容量过大，影响用户浏览网页的速度。浏览网页的速度。二、图像类型：矢量图、位图1.矢量图矢量图在图像放大在图像放大N倍后，仍不会显示出马赛克网格。倍后，仍不会显示出马赛克网格。显示的是平滑的曲线或边缘。显示的是平滑的曲线或边缘。常用软件：常用软件：Illustrator Freehand CAD等等2、位图：点阵图。（、位图：点阵图。（PS编辑的就是位图）编辑的就是位图）使用带颜色的小点（像素）来描述图像。使用带颜色的小点（像素）来描述图像。图像进行放大后，会看到一个个的颜色块。图像进行放大后，会看到一个个的颜色块。三、图像的常用格式1、photoshop文件格式（文件格式（PSD/PDD格式）格式）（1）后缀名为）后缀名为.psd或或.pdd（2）存储所有的图像信息，随时编辑或修改）存储所有的图像信息，随时编辑或修改（3）没有经过压缩，占用硬盘空间大）没有经过压缩，占用硬盘空间大2、EPS格式格式（1）压缩的文件格式）压缩的文件格式（2）可同时包含位图和矢量图）可同时包含位图和矢量图（3）应用于位图和矢量图的相互置入）应用于位图和矢量图的相互置入3、TIFF格式格式（1）灵活的位图图像格式）灵活的位图图像格式（2）无损压缩格式）无损压缩格式4、BMP格式格式5、GIF格式格式（1）网络图片的常用格式）网络图片的常用格式（2）有损压缩格式，应用于颜色少的图像）有损压缩格式，应用于颜色少的图像（3）可制作简单的）可制作简单的GIF动画，如动画，如QQ表情等表情等6、JPEG（JPG）格式）格式（1）有损压缩模式）有损压缩模式（2）网络图片的常用格式）网络图片的常用格式（3）可通过选择来对图像进行压缩）可通过选择来对图像进行压缩（4）压缩级别越高，图像品质越低、越不清晰。）压缩级别越高，图像品质越低、越不清晰。（5）选择）选择“最佳最佳”，则与原图像无异。，则与原图像无异。范例：输出品质为范例：输出品质为1、6、12的图像的图像 12 6 17、PNG格式格式（1）结合了）结合了GIF和和JPG的特性，降低破坏的压的特性，降低破坏的压缩方式。缩方式。（2）制作透明背景图像）制作透明背景图像（3）目前，部分）目前，部分web浏览器不支持浏览器不支持PNG8、PSB格式：大型文件格式格式：大型文件格式网页制作中常用的格式：网页制作中常用的格式：GIF、JPG、PNG三、基本应用1、启动、启动2、退出、退出:alt+F4/Ctrl+Q3、基本操作：、基本操作：（1）新建图像文件）新建图像文件A、“文件文件”“新建新建”B、Ctrl+N(2)打开图像：打开图像：A、“文件文件”“打开打开”B、Ctrl+OC、在工作区的空白区域双击、在工作区的空白区域双击(3)关闭文件关闭文件A、关闭当前文件：、关闭当前文件：Ctrl+W/Ctrl+F4B、关闭所有文件：、关闭所有文件：Ctrl+Alt+W(4)存储存储(直接覆盖原文件直接覆盖原文件)：ctrl+s 存储为存储为(=另存另存)：ctrl+shift+s 存储为存储为web和设备所有格式：和设备所有格式：网页文件、占硬盘空间小网页文件、占硬盘空间小 ctrl+alt+shift+s练习：新建并生成名为练习：新建并生成名为”广告设计广告设计.psd”的文件的文件四、Photoshop的界面红色：红色：菜单栏菜单栏蓝色：蓝色：工具选项栏工具选项栏绿色：绿色：工具箱工具箱黄色：黄色：控制面板控制面板五、选区的创建及编辑对图像进行局部操作时，都要为此局部创建一个对图像进行局部操作时，都要为此局部创建一个选区，指定操作范围，选区之外不会收到影响。选区，指定操作范围，选区之外不会收到影响。全选：全选：ctrl+A取消选择：取消选择：ctrl+D重新选择：重新选择：ctrl+shift+D反相：反相：ctrl+shift+I1、选框工具、选框工具创建正方形选区，按住创建正方形选区，按住shift创建以起点为中心的选区，按住创建以起点为中心的选区，按住alt练习：制作立体相框效果2、套索工具、套索工具（1）套索工具）套索工具（2）多边形套索工具）多边形套索工具（3）磁性套索工具）磁性套索工具练习：练习：套索工具练习图套索工具练习图dimmy放着鲜花的花瓶放着鲜花的花瓶3、智能选择工具、智能选择工具（1）魔棒工具（采莲图、教材图）魔棒工具（采莲图、教材图）（2）快速选择工具（采莲图）快速选择工具（采莲图2）（3）通过色彩范围创建选区（采莲图）通过色彩范围创建选区（采莲图2）练习：制作信纸练习：制作信纸4、选区的修改编辑1、“边界边界”命令命令2、“平滑平滑”命令命令3、“扩展扩展”和和“收缩收缩”命令命令4、“羽化羽化”命令命令练习：制作放大镜效果（教材图、练习图）练习：制作放大镜效果（教材图、练习图）5、扩大选区与相似选区、扩大选区与相似选区练习：制作圆锥形练习：制作圆锥形5、选区的存储与载入1、选择、选择存储选区存储选区2、选择、选择载入选区载入选区练习：制作心心相印练习：制作心心相印6、变换选区、变换选区（1）选区的自由变换）选区的自由变换编辑编辑自由变换自由变换（2）选区的变换）选区的变换缩放、旋转、斜切、扭曲、透视、变形缩放、旋转、斜切、扭曲、透视、变形练习：制作圆锥形练习：制作圆锥形5、选区的存储与载入1、存储选区：选择、存储选区：选择存储选区存储选区文档、通道、名称、操作文档、通道、名称、操作在通道面板中可以看到存储的选区在通道面板中可以看到存储的选区2、载入选区：选择、载入选区：选择载入选区载入选区文件、通道、反相、操作文件、通道、反相、操作课后练习：书本书本P47 上机操作题上机操作题