平面设计教案.ppt

平面设计基础与Photoshop的应用 徐君2011年9月 第一章图形图像处理基础知识 一 图形图像处理基础知识 1 像素 pixel 1 极小的颜色方块 以行与列的方式分布 2 图像包含的像素越多 所存储的信息量越大 文件就越大 图像也就越清晰 2 分辨率 ppi每英寸像素 1 图像分辨率图像在一个单位长度内所包含的像素个数 分辨率越高 图像越清晰 反则越模糊 分辨率越高 占用硬盘空间越大 反则越小 左图 分辨率72右图分辨率20 常用的分辨率参考标准 PS软件中 系统默认的标准 72ppi发布于网络上的图像 72ppi或96ppi报纸杂志 120ppi150ppi彩板印刷 300ppi注意 在进行网页设计与制作时 必须注意图像分辨率不能过大 不能因为图像的容量过大 影响用户浏览网页的速度 二 图像类型 矢量图 位图 1 矢量图在图像放大N倍后 仍不会显示出马赛克网格 显示的是平滑的曲线或边缘 常用软件 IllustratorFreehandCAD等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的图像 1261 7 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 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 选区