PS CC2019-项目六 APP界面设计

《PS CC2019-项目六 APP界面设计》由会员分享，可在线阅读，更多相关《PS CC2019-项目六 APP界面设计（34页珍藏版）》请在金锄头文库上搜索。

1、项目一 平面图像展示项目二 照片处理项目三 绘制商品图像项目四 卡片设计与制作项目五 标志设计项目六 APP界面设计项目七 海报设计项目八 网页效果图制作项目一项目六 APP界面设计u 知识准备u 项目实施u 项目小结u能力巩固与提升项目六 APP界面设计知识准备图像色彩与色调的调整【学习目标】了解和熟悉Photoshop中调整颜色、色彩和色调的知识，掌握图像“色彩”与“色调”调整的方法和技巧。具有运用所学知识完成项目、工作任务、课后习题与操作训练的能力。培养和树立高尚的职业道德和服务社会的意识。知识准备图像色彩与色调的调整1.亮度：即图像的明暗度，亮度的调整就是明暗度的调整。 2.色相：就是

2、色彩的颜色，调整色相就是在多种颜色中进行变化，它通常是由颜色的名称来标识。例如RGB模式的图像有红色、绿色和蓝色组成。 3.对比度：代表颜色间的差异，对比度越大，两种颜色之间的反差也就越大，反之则颜色越相近。一幅图像对比度增加到最大，会使图像变得黑白分明，而当对比度减少时，图像的不同部分就趋于相同，到最后就会使整个图像都成为灰色。 4.饱和度：即图像颜色的强度和纯度，它表示纯色中灰色成分的相对比例，调整图像的饱和度就是调整图像的强度和纯度。 5色阶：色阶是表示图像亮度强弱的指数标准，也就是我们说的色彩指数，在数字图像处理中，指的是灰度分辩率（又称为灰度级分辨率或者幅度分辨率）。图像的色彩丰满度

3、和精细度是由色阶决定的。色阶表现了一副图的明暗关系。色阶指亮度，和颜色无关，但最亮的只有白色，最不亮的只有黑色。6.1 认识“颜色”和“色板”面板6.1.1 “6.1.1 “颜色颜色”面板面板 “颜色”面板中可以显示当前文档的前景色和背景，也可以编辑和调整前景或背景色。1在菜单栏中单击“窗口颜色”（快捷键F6）可以调出“颜色”面板，如图6-1所示。2选项的含义（前面介绍过的不再介绍）： 前景色/背景色：显示当前文档的前（背）景颜色，单击相应的色块可以激活前（背）色（处于激活状态的色块会有边框，如图6-1中前景色处于激活状态），激活后在颜色面板中可以拖动滑块查以设置前（背）色，也可以在四色曲线谱

4、中设置前（背）颜色。双击或单击当前色块可以打开拾色器对话设置前（背）色。 滑块：拖动滑块可以直接设置前/背景色。6.1 认识“颜色”和“色板”面板6.1.1 “6.1.1 “颜色颜色”面板面板 四色曲线图：在相应的颜色位置单击可以设置前/背色。 颜色值文本框：用于显示当前前/背色原色数值，如果图5-1中是RGB色谱对应的R、G、B三种原色对应的数值，更改文本框中的数值也可以设置前/背色。 面板菜单：单击可以打开颜色面板的菜单，如图5-2所示。在菜单可以选择不同的颜色模式，不同的颜色模式对应不同的“颜色”面板。6.1.2 “色板”面板1在菜单栏中单击“窗口色板”可以调出“色板”面板，如图6-3所

5、示。6.1.2 “色板”面板2选项的含义（相同不再重复） 颜色库：在相应的颜色上单击可以直接设置前景色。 创建前景色的新色板 ：单击可以用前景色创建新色板。将鼠标移到面板底行的空白处，鼠标指针变成油漆桶工具后单击，可以创建前景色色板并打开“色板名称”对话框，输入新颜色的名称并单击“确定”完成。 删除色板：将“色板”中的某种颜色拖到此按钮上即可将这种颜色删除。按住Alt键同时将鼠标指向某种颜色时，鼠标指针变成剪刀状单击也可删除。 面板菜单：单击可以打开面板菜单，在菜单中可以选择其他的颜色库。6.1.3 使用吸管工具选取颜色 1工具箱中选择吸管工具 ，工具选项栏中的“取样大小”有：取样点和3 x

6、3平均两个选项。“取样点”是读取单击像素的精确值；“3 x 3 平均”等为读取单击区域内指定数量像素的平均值。2用吸管工具设置前景色，执行以下操作之一： 在图像上单击即可选取单击处的颜色为前景色。 按下鼠标左键并在窗口中拖动，前景色选择框会随着拖动不断变化，松开鼠标即可拾取新颜色为前景色。3用吸管工具设置背景色，执行以下操作之一： 按住 Alt 键，在图像上单击即可选取单击处的颜色为背景色。 按住Alt键，按下鼠标左键并在屏幕上拖动，背景色选择框会随着拖动不断变化，松开鼠标即可拾取新颜色为背景色。6.2 快速调整图像的色彩色调6.2.1 6.2.1 自动色调自动色调 自动色调主要用于调整图像的

7、明暗度，是通过定义每个通道中最亮和最暗的像素作为白和黑，并按比例重新分配期间的像素值来调整图像的。具体操作为：1打开要调整的图像2在菜单栏中单击“图像自动色调”命令（快捷键：Shift+Ctrl+L），即可使用“自动色调”命令调整图像。图6-4和图6-5分别是原始图像和使用自动色调调整后的图像。6.2.2 自动颜色 自动颜色是通过搜索图像来标识阴影、中间调和高光，从而调整图像的对比度和颜色的。在默认情况下，“自动颜色”使用 RGB 128 灰色这一目标颜色来中和中间调，并将阴影和高光像素剪切 0.5%（更改默认选项需要在“自动颜色校正选项”对话框中进行设置）。具体操作为：1打开要调整的图像。

8、2在菜单栏中单击“图像自动颜色”即可应用“自动颜色”命令（快捷键：Shift+Ctrl+B）调整图像，图6-6是图6-4应用了“自动颜色”命令后的效果。6.2.3 自动对比度 自动对比度是剪切图像中的阴影和高光值，然后将图像剩余部分的最亮和最暗像素映射到纯白和纯黑，从而使高光部分看上去更亮，阴影部分看上去更暗，以此来增加图像的对比度。打开图像后在菜单栏中单击“图像自动对比度”命令（快捷键：Alt+Shift+Ctrl+L）即可应用自动对比度命令。6.2.4 去色 使用Photoshop中的“去色”命令可以将图像中色相和饱和度降到最低，将彩色图像转换为灰度图像，但图像的颜色模式保持不变。打开图像

9、后单击菜栏中“图像调整去色”命令（快捷键：Shift+Ctrl+U）即可。6.2.5 反相图像Photoshop中的“反相”命令可以反转图像或选区中的颜色。打开图像或创建选区后，在菜单栏中单击“图像调整反相”命令（快捷键：Ctrl+I）即可。6.2.6 黑白1打开要调整的图像，在菜单栏中单击“图像调整黑白”命令（快捷键：Alt+Shift+Ctrl+B），打开黑白对话框，如图6-7所示。2各项含义（相同不再重复）： 预设：单击下拉菜单可以选择预先设定好的模式。 自动：根据图像的颜色值设置灰度混合，并使灰度值的分布最大化。 颜色调整：对话框中包括红色、黄色、绿色、青色、蓝色和洋红色六种颜色的调整

10、，调整时只要拖动每种颜色的滑块或在输入具体的数值就可以调整该颜色了。 色调：勾选此选项，才可以使用下面的“色相”和“饱和度”来调整制作单色效果。 3对话框中单击“自动”并确定退出对话框，图6-9即是图6-8应用了“黑白”对话框中的“自动”选项后的效果。6.3 图像色彩色调的其他调整6.3.1 6.3.1 色阶色阶 1打开要调整的图像，在菜单中单击“图像调整色阶”命令（快捷键Ctrl+L），打开“色阶”对话框，如图6-10所示。2各项含义（相同不再重复）： 通道：单击选择不同颜色通道来调整图像。 输入色阶：用于调整图像的色调对比度。在输入色阶中有三个滑块，从左到右依次是：阴影、中间调和高光滑块。

11、使用时拖动滑块或直接输入数值就可以调整图像的色调，往右色调将变暗，反之变亮。 输出色阶：用于调整图像的亮度，左侧的黑色滑块用于调节图像最暗像素的亮度，右侧的白色滑块用于调整图像最亮像素的亮度。使用时拖动滑块或直接输入数值即可以调整。6.3.1 色阶 选项：单击可以打开“自动校正颜色选项”对话框，如图5-12所示，在对话框中可以设置阴影和高光的所占的比例。 自动：单击可以根据“自动颜色校正选项”的设置来自动调整图像。 设置黑场工具：单击选择设置黑场吸管工具后，在图像中单击取样，则取样点的像素颜色均变为黑色。 设置灰场工具：单击选择设置灰场吸管工具后，在图像中单击取样，则取样点的像素颜色均变为灰色

12、。 设置白场工具：单击选择设置白场吸管工具后，在图像中单击取样，则取样点的像素颜色均变为白色。6.3.1 色阶3在输入色阶中设置阴影、中间调和高光分别为：20、0.50和255后，确定退出对话框，图6-12和图6-13分别是调整前后的效果。6.3.2 曲线 1打开要调整的图像(素材d06-04.jpg)，在菜单中单击“图像调整曲线”命令（快捷键：Ctrl+M），打开“曲线”对话框，如图6-14所示。在打开对话框时曲线默认是一条45的斜线，通过调整这条线可以调整图像的色彩和色调。2各选项含义（相同不再重复）： 编辑点以修改曲线：使用此工具在曲线上单击可以增加控制点，拖动控制点可以改变曲线的形状，

13、从而修改图像的色彩和色调。若将控制点拖离网格可以删除控制点。6.3.2 曲线 通过绘制来修改曲线：单击可以激活此工具，可以绘制任意曲线，从而调整图像的色彩色调。绘制后可以单击右侧的“平滑”按钮，使曲线平滑。当同时按住Shift键时可以绘制直线。 “输入和输出”：调整曲线后，输入和输出会显示光标所在位置的数值，也可以直接修改数值来调整曲线形状。 ：单击激活此工具后，在图像上移动鼠标指针时，鼠标指针会变成吸管，在图像上找到要调整的色调并单击，然后向上、向下垂直拖动以调整曲线。 3曲线对话框中设置：通道RGB、输出65、输入125，确定退出对话框。图6-15为调整前的图像，图6-16为调整后的图像效

14、果。6.3.3 亮度/对比度 “亮度/对比度”用于调整图像的亮度和对比度，具体操作为：在菜单栏中单击“图像调整亮度/对比度”命令，打开“亮度/对比度”对话框，如图6-17所示。 在对话框中拖动亮度或对比度滑块可以改变图像的亮度和对比度，也可以在右侧的文本框中直接输入数值来改变亮度或对比度。6.3.4 阈值 “阈值”命令可以将彩色或灰度图像转换为对比度较高的黑白图像效果，在菜单栏中单击“图像调整阈值”命令，打开阈值对话框，如图6-18所示。 在对话框中拖动滑块或直接输入“阈值色阶”的数值就来实现黑白效果。数值越大黑色越多，越小白色越多。6.3.5 色相/饱和度 “色相/饱和度”可以调整图像或图像

15、中某个颜色的色相、饱和度和亮度。在菜单栏中单击“图像调整色相/饱和度”命令，打开“色相/饱和度”对话框，如图6-19所示。各选项含义（相同不再重复）： 预设：系统预存的“色相/饱和度”预设，单击下拉列表可以选择相应的预设。单击后面的“预设选项”按钮可以载入、存储和删除预设。 “全图”：在下拉列表中选择要调整的色彩范围，“全图”是对所有的色彩进行调整，选项还有“红色、黄色、青色、绿色、蓝色、洋红”的单色选项。：按图像选取点调整图像饱和度，按住ctrl可以改变色相。6.3.6 自然饱和度 在菜单栏中单击“图像调整自然饱和度”命令，打开“自然饱和度”对话框，如图6-20所示。各选项含义（相同不再重复

16、）： 自然饱和度：用于图像从灰色调到饱和度色调的调整，拖动滑块或输入数值即可调整图像色调的饱和度。 饱和度：用于调整颜色的纯度，拖动滑块或输入数值即可调整。6.3.7 色彩平衡1打开要调整的图像，在菜单栏中单击“图像调整色彩平衡”命令（快捷键Ctrl+B），打开“色彩平衡”对话框，如图6-21所示。2各选项含义（相同不再重复）： 色彩平衡：通过拖动相应的滑块或在对应的文本框中输入数值调整图像的色彩。 色调平衡：用于选取图像中的阴影、中间调和高光进行调整。 保持明度：勾选此选项，在调整色彩平衡时会保持图像亮度不变。 3图5-23是图5-22（素材D06-05.jpg）应用了图5-21色彩平衡参数调整后的效果。6.3.8 替换颜色1打开要调整的图像，在菜单栏中单击“图像调整替换颜色”命令（快捷键Ctrl+B），打开“色彩平衡”对话框，如图6-24所示。2各选项含义（相同不再重复）： 吸管工具：用于在预览窗口或图像中选颜色。 颜色容差：拖动滑块可以设置选取的颜色范围。数值越大，选取的颜色范围也越大；数值越小，选取的颜色范围也越小。 替换：通过拖动滑块来调整选取的颜色，也可以点击后面的色块打开