任务三_辅助背景制作.ppt.pptVIP

电子商务网页制作 辅助背景制作 学习目标 知识目标： 横幅广告（Banner）的背景制作 能力目标： 能掌握渐变工具的使用方法 能掌握常用滤镜的使用方法 能掌握饱和度和不透明度的调整方法 一、横幅广告（Banner）的背景 Banner的背景会影响用户对Banner的第一视觉体验，是吸引用户眼球的重要元素。如图4-3-1所示。 任务流程 图4-3-1 Banner的辅助背景 二、辅助背景制作要点 辅助背景制作要注意： 背景色的应用应当谨慎，让用户眼前一亮的同时不能让用户产生反感。 应该使用统一的大色块配色，同时颜色尽量选择一些饱和度较低的颜色，比如深绿色，绿色，深红色，黑色等。 背景在Banner中更大的意义在于衬托其上的视觉元素，因此应当低调，不能过于醒目而影响了文字等信息的传达。 任务流程 三、制作Banner的辅助背景 1、制作背景彩虹条带 制作任务样例中背景彩色条带，效果如图4-3-2所示。 任务流程 图4-3-2 条带样式 【操作步骤】 新建文档，如图4-3-3所示。 任务流程 图4-2-3 建立新文档 在文档中新建图层1，建立100*900像素选区，使用渐变工具的“透明彩虹”选项垂直拖动填充选区，如图4-3-4所示。 任务流程 图4-3-4 使用渐变工具填充选区 选择菜单“滤镜”下的“风格化”子选项“风”，参数设置及效果如图4-3-5所示。 任务流程 图4-3-5 使用“风”滤镜设置图案 选择菜单“滤镜”下的“模糊”子选项“动感模糊”，设置距离为14像素。并使用“自由变换”，将目标顺时针旋转90度。效果如图4-3-6所示。 任务流程 图4-3-6 设置“动感模糊”并旋转图案 2、制作整体背景图案 制作样例的整体背景样式，效果如图4-3-7所示。 任务流程 图4-3-7 整体背景样式 【操作步骤】 将画布大小重新调整为900*200像素，如图4-3-8所示。 任务流程 图4-3-8 重新设置画布 使用矩形选区框选图层1中的条带，选择菜单“图像”下的“调整”子选项“色相/饱和度”，调整彩虹条带的色相饱和度，结果如图4-3-9所示。 任务流程 图4-3-9 调整饱和度