第一单元第3课 调节平面设计素材色彩 课件 2024—2025学年闽教版（2020）初中信息技术八年级上册

调节平面设计素材色彩 探究颜色叠加效果 01 了解亮度、对比度、色阶 02 修正图像色彩 03 学 习 任 务 说一说：对色彩的感受 4 5 人类在认识色彩后，能够利用色彩更好地传递信息，表达情感。 我们在进行图像创作时不能忽略了色彩的作用。 盐湖 盐湖 6 温暖 明亮 清冷 色彩无处不在 色彩无处不在 干净明亮的色彩往往能让人精神愉悦，带给人艺术享受。 色彩的深浅程度、区域大小、明暗对比，都会影响平面设计的画面感、视觉冲击力和设计主旨。 因此要想使弥补图像的不足，还原图片的色彩，使图像接近真实的效果，我们可以通过色彩的还原、填充、变换，尝试处理相关图像素材。 主题1：探究三原色的色彩叠加 我是平面设计师 动手实践1：绘制光的三原色 10 RGB 色彩模式 电脑屏幕上的所有颜色，都由这红色、绿色、蓝色三种色光按照不同的比例混合而成的。 一组红色、绿色、蓝色就是一个最小的显示单位。 屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。 红色、绿色、蓝色又称为三原色光，用英文表示就是R(red)、G(green)、B(blue)。 动手实践1：绘制光的三原色 11 在Photoshop中， 我们可以利用图层面板， 模拟三颜色叠加产生的效果， 来探究颜色的叠加效果。 回忆我们上节课学的图层的知识， 请同学们看老师演示如何通过图层模拟光的叠加效果。 自主探究—光的三原色色彩叠加 图层的混合模式为 —变亮 【图层混合模式】指当图像叠加时，上方图层和下方图层的像素进行混合，从而得到另外一种图像效果。 变亮混合模式：黑色（阴影区域）会被过滤掉，较亮的区域会被留下来。 蓝+绿=? 红+绿=? 蓝+绿+红=? 蓝+红=? 自主探究—光的三颜色色彩叠加，得出结论。 2：动手实践1：绘制光的三原色（12） 15 1.新建背景内容为“透明”的文件，名称：光的三原色 2.新建图层：红色。并用“椭圆选框工具”选取一个大小适中的正圆选区。 3.单击工具箱中的“设置情境色/背景色”， 前景色为红色R:255,G:255,B:0, 按下快捷键Alt+Delete 填充。 4.复制“红色”图层，更名“绿色”。用“移动工具”将圆形选区移动到合适位置，并填充为蓝色R:0,G:255,B:0, 5. 同样复制制作”蓝色“图层。注意图层顺序。 6.分别将三个图层的“混合模式”更改为“变亮”，观察最终效果。 2：动手实践1：绘制光的三原色（12） 16 蓝色光+绿色光=青色光 蓝色光+红色光=品红色 绿色光+红色光=黄色光 当只有单色光发光，我们看到的是单色。当有两种色光发光，并且混合在一起时，我们看到了新的颜色。红、绿、蓝三种色，我们称为光的三原色。 探究结果 蓝+绿=青 红+绿=黄 蓝+绿+红=白 蓝+红=品红 结论—色光的叠加，是越叠加越亮。 实 践 创 新：三棱镜原理 3.实践创新1 19 白光经过三棱镜两次折射后，被分解成其中不同的颜色。 逆向思考以下，如果七色光经过两次折射会变成什么？ 七色光反向折射后汇聚成一束白光。 光的三原色是越叠加越亮，这与美术课上绘画颜料叠加刚好相反。 在我们实际生活拍照中遇到一些图片，这些图片对你们来说很珍贵，但是这些图片颜色方面有些不对的地方比如说： 动手实践2：还原照片的色彩 21 由于 光线问题，色彩不够真实。 请观察，这两张照片，说说色彩上的毛病。 动手实践2:还原照片的色彩 22 原始的蝴蝶图片，曝光不足，导致图像偏暗偏灰。 怎么调整呢？ 还原色彩 通过Photoshop调整色彩和色调 Photoshop中用于调节图像色彩和色调的命令很多， 最常用的有:“亮度/对比度”命令和“色阶”命令。 动手实践2:还原照片的色彩 亮度：图像中各种颜色的明暗度。 24 高调：高明度画面构成，让人在阅读时感觉比较轻松、愉快。 中调：由中明度的画面所构成，给人以稳定和静态的感觉。 低调：低明度画面构成，传递出沉重、暗淡、神秘的氛围。 动手实践2:还原照片的色彩 对比度：指图像中最亮的白色和最暗的黑色之间的差异度。 25 差异范围越大代表对比越大，差异范围越小代表对比越小。 动手实践2:还原照片的色彩 对比度：指图像中最亮的白色和最暗的黑色之间的差异度。 26 通过亮度/对比度进行颜色调整。调整亮度会损失图像细节部分。 高对比度的图像能够形成较强的视觉冲击力，但缺少中间色调，会损失部分的细节。 低对比度的图像，由于缺少暗度与亮度色彩的强烈对比，图像会显得不清晰。 只有拥有适当的亮度和对比度，才可使图像具有一定的空间感和视觉冲击力。 “亮度/对比度” 可一次调整图像中的所有像素，是调整图像色彩范围的最简单的方法。 亮 度 指图像中各种颜色的明暗程度，是人眼对光的强度的感受。 对 比 度 指图像中最亮的白色和最暗的黑色之间的差异度。明暗差异度越大，图像的对比度越高。 下面请同学们通过亮度/对比度命令，还原蝴蝶图像的色彩。 启动图像处理软件photoshop --》文件菜单--》打开--》导入图片--》 导入图片 图像菜单--》调整--》亮度对比 调整图像亮度 调整图像的亮度对比度 Ctrl+Alt+Z撤销还原 文件菜单--》存储或存储为--》选择保存的位置--》重命名 就可 默认情况下，亮度、对比度是对图像的全部像素进行调整，容易导致图像细节的丢失。 下面介绍一种能更准确控制并还原色彩的方法。 动手实践2 通过色阶还原蝴蝶照片的色彩 33 黑色滑块：调整黑场位置。 灰色滑块：定位图片的灰场位置。 白色滑块：调整图片白场位置。 色阶：色阶是表示图像亮度强弱的指数标准，用直方图的形式描述图像随着亮度的变化，其对应的像素分布情况。 水平方向，X轴表示亮度的数值范围为0~255,共256个等级; 垂直方向，Y轴表示图像在X轴上对应亮度值的像素数量，用黑色柱状线条表示 中间调 阴影 高光区域亮度 34 黑色滑块 灰色滑块 白色滑块 （1）如果我们从中心线分隔来看（如上图），左边我们一般称为黑场，右边称为白场。 （2）当像素分布左边多右边少，说明图像整体偏暗；如果左边少右边多，说明图像整体偏亮。 色阶调整图像对比：按Ctrl+l打开色阶         1、将直方图中左边的“黑色调整浮标”往右边移动，图像中暗部变得更暗，所以主要影响的区域是越暗的地方影响越大。 2、将直方图中右边的“白色调整浮标”往左边移动，图像中亮部变得更亮，所以主要影响的区域是越亮的地方影响越大。   3、将中间的“灰色调整浮标”往左移，图像整体的亮度提高。 请同学们通过色阶命令，调整图像色彩的方法。 亮度/对比度”命令和“色阶”命令区别: 色阶相对比亮度对比度更细节化一些，色阶可以针对于某个单色调调整，而亮度对比度只是调整整个图片。 色阶:允许通过修改图象的阴影区中间色调区和高光区的亮度水平来调整图像的色调范围和颜色平衡;亮度对比度能一次性对整个图像做亮度和对比度的调整，它不考虑原图像中不同色调区的亮度对比度差异的相对悬特,对图像的任何色调区的像素都一视同仁。 在对整个图像的色调进行调整时，会造成图像中亮部和暗部的细节丢失。如在上述的动手实践中，调整好花朵的色调，蝴蝶翅膀的细节就丢失了；调整好蝴蝶翅膀的色调，花朵的细节就丢失了。为了兼顾花朵和蝴蝶翅膀的细节，请运用前面所学的各种选择工具，单独选中花朵或蝴蝶翅膀，并对选区内的图像进行局部的色调调整。 实践创新 总 结 本节课我们学习了光的色彩叠加原理，并通过动手实践，学会了亮度/对比度和色阶命令进行图像色彩的还原。 1 2 调整亮度/对比度： 改变图像的明暗程度和整体明暗反差。 调整色阶 改变图像中像素按亮度变化的分布情况。 颜色填充和变换 PART 03 43 上节课我们学习了如何还原图像的色彩。 能够将色彩不正常的图像，调整为颜色正常的图像。 这节课我们一起学习如何填充和变换图像的色彩。 你们玩过这些吗？ 日常我们看的各种漫画书、动画片等，其中色彩丰富、风格各异的卡通形象是如何创作出来的? 用计算机绘制卡通画的基本步骤是:将绘制好的描线稿输入到计算机中，再用Photoshop对其进行颜色填充和变换。 请同学们阅读教材P33; 动手实践1的步骤1、2，尝试利用工具箱中的“油漆桶工具” 给蝴蝶描线稿填色。 动手实践1：蝴蝶变变变 油漆桶工具就是指的是用来填充前景色或图案 操作步骤 1、打开“蝴蝶”图像文件，单击工具箱中的“设置前景色/背景色”工具。在“拾色器”对话框中，选择一种颜色作为前景色。 50 操作步骤 2、单击工具箱中的“油漆桶工具”，给蝴蝶描线稿中由黑色线条围成的封闭区域填充前景色。 51 处理图像的色彩 填充时，若颜色超出了设定的填充区域，一般情况是填充区域的边缘线有间隙，可按快捷键“Ctrl+Z”，撤销上一步的填充操作，先用“铅笔工具”将间隙封闭后，再重新填充，直到每个色块都填充上合适的颜色为止。 小贴士 加深、减淡、海绵工具 阅读教材P33~P34的步骤③、④、⑤、⑥，进一步丰富完善蝴蝶描线稿的填色和局部调整，同时通过图像菜单的替换颜色命令，生成多彩蝴蝶。 操作步骤 3、假设光源在图像的右上角，在蝴蝶翅膀部分创建选区，用工具箱中的“加深工具”，在蝴蝶翅膀需要变暗的地方涂抹，加深局部颜色，添加阴影效果;用工具箱中的“减淡工具”，在蝴蝶翅膀需要变亮的地方涂抹，添加高光效果 55 操作步骤 ④执行“图像”一》“调整”一》“替换颜色”命令，打开“替换颜色的”对话框，如图所示，此时默认选中“吸管”工具； 移动鼠标指针至图像中，鼠标指针变成吸管样式，单击需要替换颜色的区域；移动“颜色容差”滑块，确定需更换颜色的区域范围;移动“色相”滑块，调整局部颜色。 ❺参照步骤④，调整其他地方的颜色，生成多彩的蝴蝶。 ❻保存文件。 56 实践创新1 给小蜜蜂和蚂蚁填充颜色 请同学们，完成将自己动手实践完成的范例作品上交 命名为：班级+姓名+号数。 请同学们参考教材，运用画笔工具的颜色模式，模仿莫奈《睡莲》的色彩效果，对“荷花”图片的色彩进行大胆的创作。 动手实践2 色彩的艺术加工 课堂总结 步骤： 1、“设置前景色/背景色”工具。在“拾色器”对话框中，选择一种颜色作为前景色。 2、单击工具箱中的“油漆桶工具”，给封闭区城填充前景色。 3、用工具箱中的“加深工具”添加阴影效果，“减淡工具”，添加高光效果。 4、执行“图像”一》“调整”一》“替换颜色”命令，替换颜色。移动色相滑块，调整局部颜色。 色彩填充与变换 60 本课小结 谢谢聆听 THANKS FOR YOUR WATCHING 谢谢您的观看 EVCapture4.0.2软件录制 Lavf56.38.102 本视频由湖南一唯信息科技开发的EV录屏软件录制，www.ieway.cn AppleCoreMedia/1.0.0.9B206 (iPad; U; CPU OS 5_1_1 like Mac OS X; zh_cn) $$