第4章 色彩的搭配.pptxVIP

第四章色彩的搭配使用Photoshop设计交互界面

回顾文字的创建和编辑画笔面板路径网页导航

色彩的基本属性图像调整命令调整图层网页的色彩搭配咖啡网站首页的页眉页脚咖啡网站首页的主体部分设计网页广告图片设计网页幻灯片广告图片本章内容

4.1色彩的基本属性色相明度纯度色彩搭配“爵士岛咖啡”网页页眉页脚2025

4.1.1色相色彩的三要素：色相、明度、纯度色相即各类色彩的相貌称谓，是色彩的首要特征，是区别各种不同色彩的最准确的标准，色相环如下图

4.1.2明度明度即色彩的明暗差别、光亮程度，所有色彩都有自己的光亮，标准色相环演示了色彩的明度

4.1.3纯度纯度也称饱和度，色彩的纯度强弱，是指色相感觉明确或含糊、鲜艳或混浊的程度

4.1.4网页中的色彩搭配1.单色搭配以单一颜色为基础色，是初学者最常用的搭配方法

4.1.4网页中的色彩搭配2.类比色搭配在色相环上，相邻的两个颜色称为类比色；在设计时应用这种搭配能产生较好的视觉效果

4.1.4网页中的色彩搭配3.原色搭配三原色的搭配会带给人轻松、活泼、青春、活力、童趣和快乐的感觉

4.1.4网页中的色彩搭配4.补色搭配直线相对的两种颜色称为补色，补色要达到最佳的效果，最好是一种面积较小，一种较大。

4.1.4网页中的色彩搭配5.分裂补色搭配同时用补色及类比色的方法来确定的颜色关系，称为分裂补色。

4.1.4网页中的色彩搭配如果我们要设计一个网站，该如何决定网页的主色调？选择颜色最根本的依据又是什么？色彩的心理效应：每种颜色都有其对应的心理感受。网页主色调的选择是根据色彩所对应的心理感受来决定的，这是最重要的因素，当确定好主色调后，再根据色环选择一种或多种辅色。

4.1.4网页中的色彩搭配配色方案：暖色调。可使主页呈现温馨、和煦、热情的氛围。冷色调。可使主页呈现宁静、清凉、高雅的氛围。对比色调。即将色性完全相反的色彩搭配在同一个空间里。可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。

4.1学生实践练习完成“爵士岛咖啡”网页页眉、页脚设计20

4.1学生实践练习创建高宽1024x768像素的文档。设置前景色为#ecd9c7，填充图层。新建图层，创建白色矩形，为其添加“渐变叠加”图层样式，渐变色分别为#6a4947和#d7bda4。将素材图片拖入到，移动到合适位置，并设置图层参数将素材图片拖入到文档中，并复制一份，分别移动到文档的顶部和底部，为顶部的图片创建图层样式投影。创建文本“我的账户|帮助中心|加入收藏”，移动到左上角。

4.1学生实践练习拖入素材图片coffee，创建文本“爵士岛咖啡”，将文本和图片放置到合适的位置，制作出LOGO。新建图层，创建矩形选区，填充#a14b28，设置叠加模式，填充为70%。同时添加投影图层样式。在选区中创建白色文本，制作出菜单导航栏。新建图层，使用白色画笔绘制菜单导航栏的吊绳。复制LOGO图片，使用自由变换命令，将其缩小并移动到页脚。使用文字工具，制作页脚的文本内容。

4.2图像调整命令色阶曲线咖啡网站首页的主体部分2025

4.2图像调整命令执行“图像”→“调整”命令，有23个选项可以用于调整颜色

4.2.1色阶使用色阶命令可以调整图像的阴影、中间调和高光，从而校正图像的色调范围和色彩平衡白场黑场中间调直方图

4.2.1色阶使用色阶调整曝光不足

4.2.2曲线通过曲线，可以调节全体或单独通道的对比，可以调节任意局部的亮度和颜色控制点暗调控制线直方图高光改变通道

4.2.1色阶使用曲线调整图像效果

4.2.2曲线曲线原理图

4.2学生实践练习制作出咖啡网站首页的主体部分设计图20

4.2学生实践练习拖入素材图片，移动到合适位置，调整图层顺序和混合模式，创建广告标语和菜品文本。新建图层，创建白色矩形，设置混合模式和不透明度。拖入素材，添加文字，完成新品推荐创建公司新闻文本，制作新闻标题列表。使用画笔绘制一条直线作分隔线以矩形填充框为背景编写营业时间、联系方式相关内容的文本

4.3调整图层色相饱和度的调整色阶曲线的调整设计网页广告图片2025

4.3调整图层调整图层是一种比较特殊的图层。这种类型的图层主要用于调整图像的色调和色彩，可以将调整后的效果应用于其下的所有图层。调整图层包括色阶、曲线、亮度对比度、色相饱和度等多种命令。调整图层和图像调整命令的区别如下：在调整图层中，色阶和曲线等调整命令以调整图层的方式单独保存在PSD文件中，使其可以调整图像效果，但不会改变原始图像。

4.3调整图层调整图层的用法

4.3调整图层调整图层实现艺术照片效果

4.3学生实践练习设计网页中的广告图片20

4.3学生实践练习设计底色块造型置入广告图片并输入文字输入左侧的广告文字，并设计购买按