平面设计教案.ppt
平面设计基础与Photoshop的应用,徐 君 2011年 9月,第一章 图形图像处理基础知识,一、图形图像处理基础知识,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 1,7、PNG格式 （1）结合了GIF和JPG的特性，降低破坏的压缩方式。 （2）制作透明背景图像 （3）目前，部分web浏览器不支持PNG 8、PSB格式：大型文件格式 网页制作中常用的格式： GIF、JPG、PNG,三、基本应用,1、启动 2、退出:alt+F4/Ctrl+Q 3、基本操作： （1）新建图像文件 A、“文件”“新建” B、Ctrl+N,(2)打开图像： A、“文件”“打开” B、Ctrl+O C、在工作区的空白区域双击 (3)关闭文件 A、关闭当前文件：Ctrl+W/Ctrl+F4 B、关闭所有文件：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+I,1、选框工具 创建正方形选区，按住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 上机操作题,
