《平面设计教案.ppt》由会员分享，可在线阅读，更多相关《平面设计教案.ppt（26页珍藏版）》请在三一文库上搜索。
1、平面设计基础与Photoshop的应用,徐 君 2011年 9月,第一章 图形图像处理基础知识,一、图形图像处理基础知识,1、像素（pixel）： （1）极小的颜色方块，以行与列的方式分布 （2）图像包含的像素越多，所存储的信息量越大，文件就越大，图像也就越清晰。,2、分辨率（ppi 每英寸像素） （1）图像分辨率 图像在一个单位长度内所包含的像素个数。 分辨率越高，图像越清晰，反则越模糊。 分辨率越高，占用硬盘空间越大，反则越小。,左图： 分辨率72 右图 分辨率20,常用的分辨率参考标准：,PS软件中，系统默认的标准：72ppi 发布于网络上的图像：72ppi或96ppi 报纸杂志：120
2、ppi 150ppi 彩板印刷：300ppi 注意： 在进行网页设计与制作时，必须注意图像分辨率不能过大，不能因为图像的容量过大，影响用户浏览网页的速度。,二、图像类型：矢量图、位图,1.矢量图 在图像放大N倍后，仍不会显示出马赛克网格。 显示的是平滑的曲线或边缘。 常用软件：Illustrator Freehand CAD等 2、位图：点阵图。（PS编辑的就是位图） 使用带颜色的小点（像素）来描述图像。 图像进行放大后，会看到一个个的颜色块。,三、图像的常用格式,1、photoshop文件格式（PSD/PDD格式） （1）后缀名为.psd或.pdd （2）存储所有的图像信息，随时编辑或修改
3、（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格
4、式 （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 存储为(=另存)：ct
5、rl+shift+s 存储为web和设备所有格式： 网页文件、占硬盘空间小 ctrl+alt+shift+s 练习：新建并生成名为”广告设计.psd”的文件,四、Photoshop的界面,红色： 菜单栏 蓝色： 工具选项栏 绿色： 工具箱 黄色： 控制面板,五、选区的创建及编辑,对图像进行局部操作时，都要为此局部创建一个选区，指定操作范围，选区之外不会收到影响。 全选：ctrl+A 取消选择：ctrl+D 重新选择：ctrl+shift+D 反相：ctrl+shift+I,1、选框工具 创建正方形选区，按住shift 创建以起点为中心的选区，按住alt,练习：制作立体相框效果,2、套索工具 （
6、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 上机操作题,