1、Photoshop软件介绍 Adobe公司系列产品之一 一款功能强大的图形处理软件 网页图像处理 版式设计 图片制作 GIF动画制作2/42Photoshop主要功能 绘图功能 它提供了许多绘图及色彩编辑工具 图像编辑功能 包括对已有图像或扫描图像进行编辑,例如放大和裁剪等 创意功能 许多原来要使用特殊镜头或滤光镜才能得到的特技效果用Photoshop软件就能完成,也可产生美学艺术绘画效果 扫描功能 使用Photoshop可以与扫描仪相连,从而得到高品质的图像3/42Photoshop的应用 网页设计人员:网页设计人员利用Photoshop来创建按钮和制作动画 图形图像设计人员:对于图形图像设
2、计人员来讲Photoshop是他们的主力军 摄影师:摄影师可利用Photoshop来创建五彩缤纷和动人心魄的图像 图像技术编辑人员:包括需要最终效果图的建筑师和验证指纹及其他罪证的执法人员 印前印刷专业人士:利用ps来校色和分色4/42Ps应用范围 平面设计(包装设计、CI形象设计)5/42Ps应用范围 照片处理6/42Ps应用范围 招贴设计7/42Ps应用范围 书籍封面设计8/42Ps应用范围 建筑效果图后期处理9/42Ps应用范围 网页设计10/42Ps应用范围 界面效果设计11/42Ps应用范围 平面广告与创意12/42课程目标 掌握Photoshop基本操作 使用Photoshop做图
3、像处理 使用Photoshop进行文字编辑和图形绘制 使用Photoshop进行网页元素制作13/42教师讲解本章目标WE CHANGE LIVES 本章任务 转换色彩模式给紫藤女孩变色 使用辅助工具制作彩旗图案14/42本章目标 掌握常用的图片文件格式 掌握常用的色彩模式 掌握拾色器的使用 使用Photoshop保存不同格式的文件15/42示例文字教师讲解本章目标WE CHANGE LIVES 图片文件的格式 常用图像文件类型 GIF、JPEG、PNG、PSD、BMP、TIFF 网页中常用的3种图像格式 GIF JPEG PNG16/42掌握色彩的原理17/42光源人眼+大脑物体了解色彩的原
4、理 光就是色的分解,没有光就没有色,不同的物体对光的反射与吸收不一样,我们眼睛看到的颜色是物体经过对光的吸收,反射给我们的颜色18/42色彩的概念 所以说色彩是光、眼、脑、视神经的综合产物19/42原色的分类 原色的分类 光的三原色 色的三原色20/42RGBCMY掌握RGB模式 RGB是光的色彩模式:显示颜色(所有显示器的显示的颜色)R 代表Red (红色)G 代表Green(绿色)B 代表Blue(蓝色)21/42掌握CMYK模式 CMYK颜色模式是一种印刷模式 其中四个字母分别指 青(Cyan)洋红(Magenta)黄(Yellow)黑(Black)在印刷中代表四种颜色的油墨。22/42
5、Lab色彩模式拓展知识 Lab颜色是以一个亮度分量L及两个颜色分量a和b来表示颜色的。其中L的取值范围是0-100,a分量代表由绿色到红色的光谱变化,而b分量代表由蓝色到黄色的光谱变化,a和b的取值范围均为-120-120 23/42HSB色彩模式 HSB模式 HSB模式是基于人眼对色彩的观察来定义的,在此模式中,所有的颜色都用色相或色调、饱和度、亮度三个特性来描述 H代表色相(英文hues),S代表亮度(saturation)、B代表纯度(brightness),HSB是基于人眼感觉细胞的模式24/42RGB混合模式 红色+绿色=黄色 绿色+蓝色=青色 红色+蓝色=品红 红色+绿色+蓝色=白
6、色25/42CMYK混合模式 料(黄色+青色)=白色-红色-蓝色=绿色颜料(品红+青色)=白色-红色-绿色=蓝色颜料(黄色+品红)=白色-绿色-蓝色=红色26/42演示案例 转换色彩模式给紫藤女孩变色 通过本案例的操作,能够掌握如何转换图片的色彩模式27/42完成效果素材准备小结 网页中常用的图像格式 GIF、JPEG、PNG 的优点缺点是什么?保存文件 如何保存成灰度模式的图像格式?28/42提 问Photoshop操作面板 Photoshop工具集合了很多工具及菜单的操作面板,通过操作面板可以基本实现文件的处理操作29/42Photoshop操作面板 工作区30/42Photoshop操作
7、面板 工具调板 通过工具调板对图像进行选择、编辑、注释和查看等操作31/42Photoshop操作面板 拾色器 拾色器是色彩选择的工具32/42Photoshop操作面板 颜色调板 在进行色彩处理时,除了用拾色器工具外,还可以使用颜色调板,对色彩进行细微的调整33/42辅助工具 辅助工具 标尺 参考线 网格34/42Photoshop图像文件的基本操作 打开文件 打开文件 置入文件35/42Photoshop图像文件的基本操作 新建文件 新建文件可根据个人需要设置文档的大小、分辨率以及色彩模式36/42Photoshop图像文件的基本操作 保存文件 Photoshop没有自动保存功能,处理过的
8、文件要及时保存37/42保存文件打开素材Photoshop图像文件的基本操作 保存为适合网页使用的格式 Photoshop没有自动保存功能,处理过的文件要及时保存38/42保存文件打开素材演示案例 需求描述 使用辅助工具制作彩旗图案39/42完成效果教师讲解相关理论WE CHANGE LIVES 演示案例 思路分析 新建文件 新建参考线,利用参考线绘制选区 设置前景色以填充选区 保存文件40/42教师讲解相关理论并演示WE CHANGE LIVES 总结 Photoshop工作区如何使用?网页设计中常用的几种色彩模式是什么?图像文件的基本操作主要包括哪些?41/42提 问总结并布置作业WE CHANGE LIVES