《网页美工设计》教案——第1讲 网页图像设计与编辑（上）教案(1).docVIP

PAGE

《网页美工设计》

教案

授课专业广告艺术设计专业

授课教师 周国宝

铜陵职业技术学院制

PAGE

第二部分技能提升篇

第二章网页图形图像设计与编辑

标题

第二节网页图像设计与编辑

第一讲网页图片设计制作（上）

课时

2课时

教学目标

教学内容与过程

一、版面图片配色调整

打开photoshop软件，导入素材

1、对背景配色，定调为暖色调。将前景色RGB设置为132、121、112，对背景色进行填充。

2、左边图片配色。添加图层样式—颜色叠加—将颜色调整为橙色，再按住ALT键复制颜色叠加的图层样式给花朵和文字。

3、文字的颜色，为了突出色彩，将颜色调整为黄色。

4、底部图文。选择图像调整—色相饱和度，移动色相滑块，调整为橙色，统一色调。按住ALT键，鼠标放在两个图层中间，使得色相饱和度只对底部图文修改颜色。

二、主体人物图片处理

对案例中主体人物的图片处理。将彩色变黑白照片很常见，那如何将黑白变成彩色照片，需要一些技巧。这个案例中主要使用的是“照片滤镜”，照片滤镜可以理解在相机镜头前面加彩色滤镜，以便调整通过镜头传输的色彩平衡和色温，使胶片曝光。使用加温滤镜（81）使图像变暖（变黄），使用冷却滤镜（82）使图像变冷（变蓝）。

分步骤完成图片着色。

第一步：整体定基调。

选择调整图