《网页美工设计》教案-第1讲 网页图像设计与编辑（上）教案

PAGE《网页美工设计》教案授课专业广告艺术设计专业授课教师 周国宝铜陵职业技术学院制PAGE第二部分技能提升篇第二章网页图形图像设计与编辑标题第二节网页图像设计与编辑第一讲网页图片设计制作（上）课时2课时教学目标教学内容与过程一、版面图片配色调整打开photoshop软件，导入素材1、对背景配色，定调为暖色调。将前景色RGB设置为132、121、112，对背景色进行填充。2、左边图片配色。添加图层样式—颜色叠加—将颜色调整为橙色，再按住ALT键复制颜色叠加的图层样式给花朵和文字。3、文字的颜色，为了突出色彩，将颜色调整为黄色。4、底部图文。选择图像调整—色相饱和度，移动色相滑块，调整为橙色，统一色调。按住ALT键，鼠标放在两个图层中间，使得色相饱和度只对底部图文修改颜色。二、主体人物图片处理对案例中主体人物的图片处理。将彩色变黑白照片很常见，那如何将黑白变成彩色照片，需要一些技巧。这个案例中主要使用的是“照片滤镜”，照片滤镜可以理解在相机镜头前面加彩色滤镜，以便调整通过镜头传输的色彩平衡和色温，使胶片曝光。使用加温滤镜（81）使图像变暖（变黄），使用冷却滤镜（82）使图像变冷（变蓝）。分步骤完成图片着色。第一步：整体定基调。选择调整图层—照片滤镜—橙色45%，将照片基调定为暖色调。第二步：突出五官分别对1、眼睛2、眼珠3、眼白4、嘴唇4个部分进行处理先使用快速选择工具选中眼睛，选择图层新建—通过拷贝的图层将眼睛复制到新的图层上，将图层的混合模式改为叠加，使眼睛变得深邃、立体感增强。使用磁性套索工具选中眼珠，选择调整图层—照片滤镜—深褐色100%，将图层的混合模式改为模式柔光，使眼珠变得清澈透明。使用套索工具选中眼白的部分，为了体现眼睛的层次感，建议分两次对眼白进行处理，选择调整图层—照片滤镜—冷却滤镜（80）浓度44%，另一只浓度34%。再使用快速选择工具选中嘴唇，选择调整图层—照片滤镜—深红100%，也可根据喜好调配颜色。做到这里，完成了五官的处理。第三步：脸妆分别添加眼影、腮红、光线三种效果。先选择调整图层—将色相饱和度设置为-21、-9，将色相饱和度图层的蒙版填充为黑色，因为黑色代表隐藏，用白色画笔涂抹眼部区域，完成眼影效果。如果色彩不够鲜艳，可以复制图层，加大对比度。选择调整图层—将色相饱和度-56、34，13，同眼影制作方法类似，填充黑色蒙版，涂抹脸部区域，将整体不透明度调整为37%左右，完成腮红制作。另外，为了突出脸部光感效果，可以通过通道进行处理。观察通道，对其中颜色对比最强烈的通道进行复制，图像调整色阶167-208，让黑白对比更强烈，载入选区，回到主通道，新建图层，填充白色。加蒙版，隐藏弱化对比。第四步：衣饰分别对衣服和头饰进行着色。使用快速选择选中衣服区域，填充大红色，将图层的混合模式改为饱和度。使用快速选择选中头饰，分别填充蓝色，叠加，紫色，叠加，黄色，叠加。这样，从整体定基调、突出五官、衣饰、脸妆四个步骤完成主体人物处理。修改主体图片后，将它放进界面中，调整其大小，放在合适的位置。教学反思《网页美工设计》教案授课专业广告艺术设计专业授课教师 周国宝铜陵职业技术学院制PAGE1第二部分技能提升篇第二章网页图形图像设计与编辑标题第二节网页图像设计与编辑第二讲网页图像设计与编辑（下）课时2课时教学目标教学内容与过程本次课继续学习网页中的图像设计与编辑第二部分安吉白茶的案例制作。中国茶文化是源远流长的传统文化，中国人将茶视为宝贵的礼品，并赋予其很高的文化价值，它不仅是一种饮品，更是中国文化和哲学的重要组成部分。其中茶禅文化是指茶道中融入禅宗的思想和修行方式，强调的是宁静、专注、意识冥想、自我反思等。所以为了衬托主题图像，这个案例的背景采用了灰色调、浊色调。体现了中国的精神哲学，也融合了中华文化的审美。上次课我们完成了第一模块案例主图的设计制作。下面开始第二模块产品信息的设计制作。新建组，修改名称。1、将前景色调整为78、2、2。选择矩形工具，新建图层，绘制正矩形填充。鼠标右键变换选区，将选区放大后，选择描边1像素，居外。新建图层，绘制正矩形，填充白色，输入文字。2、选择椭圆工具，绘制正圆，新建图层，填充黑色。将茶杯素材导入后，按住ALT键，鼠标放在两个图层中间，单击一次，并调整其大小。让我们观察下这张图，发现茶的颜色有点暗沉。上节课我们学习色彩，了解到色彩是我们人眼最能直观感受到的视觉要素，尤其是在网页中展示产品时，色彩是非常重要的构成要素，因为颜色能表达产品的调性和情感。在色彩构成中，明度对比占有重要的位置，人们对色彩的认识度主要取决于色彩与周围环境色彩的明度关系，它是色彩的“骨骼”，是色彩对比的基础，因而色彩的层次、光感、体感、空间关系主要是通过色彩的明度来实现的。加大明度对比，鲜明的色彩有层次感，强烈的色彩有明暗感。下面对图像进行调整，复制图层，选择图像调整命令——曲线，调整好色调后再调整色阶。3、移动图片作为背景。4、选择画笔工具，前景色设置为白色，打开画笔预设选取器，载入画笔—水墨图章笔刷，选择1685笔刷，新建图层，增加画面的层次感。5、设计完成基本文字图形排版，再绘制红色矩形，以及完成其它文字的制作。6、完成冲泡展示文字的排版，新建图层，绘制矩形，填充黑色，按CTRL+ALT+T键，执行复制并变换命令，按住键盘上向右移动按钮，复制一个后，再按CTRL+ALT+SHIFT+T键，每按一次增加一个，执行重复复制并变换命令，再复制两个矩形。修改图层名称便于操作。导入冲泡展示的4张图，分别对应，放在4个矩形的上方。按住ALT键，鼠标放在两个图层中间，分别单击，这样画面整洁干净。7、绘制底边，选择钢笔工具绘制，新建图层，将前景色RGB设置为160、148、102，鼠标右键单击，描边路径，选择铅笔，模拟压力。按CTRL+ALT+T键，鼠标右键，水平翻转，按CTRL+E，将两个图形合并。按CTRL+ALT+T键，执行复制并变换命令，再按CTRL+ALT+SHIFT+T键，完成底边图形绘制。这个底边的纹饰变体回纹，回纹饰是中国传统的装饰图案，具有千年历史，它是由多个相同或不同的元素，在相互连接、反复交错的基础上构成的，从远古时代至今，一直被广泛应用于建筑、家居、工艺品等方面。回纹在中国文化中具有多层次的象征意义，它不仅是中国传统文化的重要组成部分，同时也是中国文化传承和发展的重要载体。如喜庆吉祥、文化融合等意义。第三部分细节展示。先设计完成基本文字图形排版。1、添加茶叶图形，调整茶叶方向，按CTRL+T键，鼠标右键单击—水平翻转。2、选择云