项目四 任务5 网站Banner设计 课件 广东2022中职《Photoshop 图像处理》

Photoshop 图像处理 项目四 电商图像设计 1 任务1 网店店标设计 任务2 网店店招的设计 项目四 XIANG MU YI 01 02 电商图像设计 任务3 网店详情页设计 03 任务4 霓虹灯字设计 04 任务5 网店 Banner 设计 05 2 任务 5 网店 Banner 设计 项目四 电商图像设计 学习目标 ● 掌握直线工具、多边形套索工具和文字处理工具的使用方法。 ● 能熟练使用自定形状工具。 ● 掌握图片排版的基本技巧。 ● 掌握艺术字体的运用。 任务分析 在电商装修中，Banner 作为一个网店的招牌，是商品能否吸引顾客点击购买的关键，也是横幅广告的一种表现形式。 横幅广告又称旗帜广告，它是横跨于网页上的矩形公告牌，当用户点击这些横幅时，通常可以链接到广告的主网页。 网店 Banner 制作需要学生综合运用Photoshop 中所学的工具来完成。 任务分析 某运动用品网店需要在“6·18”大促活动日来临之际，设计制作一组网店 Banner 图片，完成店铺装修，效果图如图所示。 任务分析 横幅广告设计主要由图形、文字和矢量图形组成。 首先用多边形套索工具和直线工具绘制多彩的背景效果，用文字工具处理文字效果，用自定形状工具绘制装饰的五角星形，形成最终效果图。 本任务的学习重点是自定形状工具的使用和文字的排版技巧。 任务实施 1．新建图像文件 单击“文件”菜单中的“新建”命令，弹出“新建”对话框，如图 所示，设置宽度为 727 像素，高度为 416 像素，分辨率为 72 像素 / 英寸，颜色模式为 RGB 颜色、8 位，背景内容为白色。设置好参数后，单击“确定”按钮。 任务实施 2．制作背景 （1）新建图层组，图层组命名为“背景”。 （2） 在“背 景” 图 层 组 中 新 建 图 层 2，在工具箱中设置前景色为 #e8e5d4， 按“Alt+Delete”键填充前景色，降低背景明度，提升图片质感。 （3）新建图层 3，单击“多边形套索工具”按钮，在左上角绘制三角形选区。 （4）新建图层 4，单击“多边形套索工具”按钮，在三角形下方绘制四边形选区。 任务实施 2．制作背景 （5）重复使用多边形套索工具，分别绘制右下角的四边形，并填充相应的颜色（从下往上的颜色：#274f57、#941f16、#466b7e、#274f57、#466b7e 和 #274f57），背景效果图如图所示，图层排列顺序如图所示。 任务实施 2．制作背景 （6）在“背景”图层添加线条装饰。单击“直线工具”按钮，绘制三条直线，线条颜色为 #274f57，填补背景留白处，如图所示。 任务实施 3．打开素材图像文件 单击“文件”菜单中的“打开”命令，弹出“打开”对话框，选中“篮球 .jpg”，单击“确定”按钮打开素材图片。 任务实施 4．抠选素材图片 （1）因素材图片背景为白色，颜色单一，可选用“快速选择工具”或“魔棒工具”对篮球进行抠图。 （2）在选框内右击，在弹出的快捷菜单中选择“选择反向”命令（或按快捷键“Ctrl+Shift+I”），即可选取篮球区域，如图所示。 任务实施 4．抠选素材图片 （3）单击图层面板中“背景”组左侧的下三角形，隐藏“背景”组下面的图层，如图所示。 （4）选中“背景组”图层，单击“移动工具”按钮，将选取的篮球拖曳到新建的 Banner画布中，按“Ctrl+T”键调整大小并移至合适的位置，如图所示。 任务实施 5．制作广告字 （1）单击“横排文字工具”按钮，输入“ WANG-ZHE 篮球”，字体为方正粗黑宋简体Regular，颜色为白色，字号为 100 点。 （2）按“Ctrl+T”键对文字进行自由变换，调整尺寸大小和摆放位置，如图 所示。 任务实施 5．制作广告字 （3）按“ Ctrl+J”键复制文字图层，将前景色设置为 #941f15，按“ Alt+Delete”键将复制的文字颜色填充为前景色，并将拷贝的文字图层位置调整到白色文字图层的下方。单击“移动工具”按钮，调整位置制作出简单的艺术投影文字，如图所示。 任务实施 5．制作广告字 （4）单击“横排文字工具”按钮，输入“ CUBA 职业联赛官方指定用球”，字体为方正粗黑宋简体 Regular，颜色为白色，字号为 33 点。单击“移动工具”按钮，调整位置如图所示。 任务实施 6．制作角标 （1）新建图层，单击“矩形选框工具”按钮，在右上角绘制矩形选框。单击“选择”/“修改”/“平滑”，弹出“平滑选区”对话框，设置取样半径为 8 像素，单击“确定”按钮，如图所示。前景色设置为 #b23225，按“Alt+Delete”键将选区填充为前景色。 任务实施 6．制作角标 （2）单击“矩形选框工具”按钮，框选出圆角矩形的上半部分，右击选择“自由变换”