项目四 任务1电商图像设计 课件 广东2022中职《Photoshop 图像处理》

Photoshop 图像处理 项目四 电商图像设计 1 任务1 网店店标设计 任务2 网店店招的设计 项目四 XIANG MU YI 01 02 电商图像设计 任务3 网店详情页设计 03 任务4 霓虹灯字设计 04 任务5 网店 Banner 设计 05 2 任务 1 网店店标设计 项目四 电商图像设计 学习目标 ● 能用各种形状工具进行复杂图形的绘制。 ● 熟练掌握路径的布尔运算操作。 ● 掌握路径形状的填色和描边方法。 任务分析 店标是网店视觉传达的主要形象之一，是一种“视觉语言”。 在网店的日常推广运营中，某电商“汇精展示用品网店”准备对网店进行装修改造，要求对该网店店标进行重新设计。 店标是店面标识的图形记号，一般由图案、颜色和文字构成，用于表达商家的核心诉求。 任务分析 常见的店标分为静态店标和动态店标两大类，静态店标分为文字型、图案型和组合型 3类。 汇精展示用品网店”店标的图案主要由同一个圆形上的 4 段圆环、4 个直角和 4 个长方形构成。 在使用 Photoshop 进行设计时，首先使用椭圆工具和路径布尔运算绘制外形，然后使用路径选择工具绘制直角，使用矩形工具绘制长方形，依次将形状填充颜色，最后添加说明文字。 本任务的学习重点是路径的布尔运算操作。 任务实施 1．新建图像文件 单击“文件”菜单中的“新建”命令，弹出“新建”对话框。设置参数如下：宽度为 300 像素，高度为 300 像素，分辨率为 72 像素 / 英寸，颜色模式为 RGB 颜色、16 位，背景内容为白色。 任务实施 2．绘制中心参考线 （1）单击“视图”菜单中的“标尺”命令或按“Ctrl+R”键，打开标尺。 （2）在上方标尺处按住鼠标左键不放，向下拖动参考线至画布中线处，当其主动吸附至中线处时松开鼠标左键。 （3）在左侧标尺处按住鼠标左键不放，向右拖动参考线至画布中线处，当其主动吸附至中线处时松开鼠标左键。 任务实施 3．使用椭圆工具绘制外形 （1）新建图层。单击图层面板中的“创建新图层”按钮，生成图层 1。 （2）选中“图层 1”，单击工具箱中的“椭圆工具”按钮，在工具选项栏设置模式为“形状”，填充为蓝色，不描边。 任务实施 3．使用椭圆工具绘制外形 （3）选中“椭圆 1”图层，按“ Ctrl+J”键复制图层，选中复制的蓝色正圆，单击“椭圆工具”按钮，在工具选项栏中设置填充颜色为黄色（主要是把两个圆区分开），按“ Ctrl+T”键，出现自由变换控件，按住“ Shift+Alt”键的同时，按住鼠标左键向圆内拖曳自由变换控件右下角的控点，制作蓝黄两个不同大小的同心圆。 任务实施 3．使用椭圆工具绘制外形 （4）按住“ Shift”键，同时选中“椭圆 1”和“椭圆 1 拷贝”图层，按“ Ctrl+E”键合并图层。 任务实施 3．使用椭圆工具绘制外形 （5）在工具箱中单击“路径选择工具”按钮，单击黄色小圆形，选中黄色小圆路径，在工具选项栏中单击“路径操作”按钮，在左图其下拉菜单中选择“减去顶层形状”，效果图如右图所示。 任务实施 4．使用路径布尔运算修剪外形 （1）在图层的最上方新建图层，在工具箱中选择“矩形工具”，在工具选项栏设置模式为“形状”，填充为蓝色，不描边。 （2）按住“ Shift”键，同时选中“矩形 1 拷贝”矩形1“椭圆 1 拷贝”3 个图层，按“ Ctrl+E”键合并图层。 （3）选择“路径选择工具”，按住鼠标左键在画面中从左上方向右下方拖曳，框选所有的路径，单击工具选项栏中的“路径操作”按钮，在其下拉菜单中选择“合并形状组件”。 任务实施 5．绘制圆内的图形 （1）单击“编辑”菜单中的“自由变换”（或按快捷键“Ctrl+T”）命令。 （2）拖动变换控制框上的任意一个控制句柄，可调整图像大小，也可将鼠标移动到控制框外侧，拖动以旋转图像。 （3）单击工具箱中的移动工具，用鼠标将葡萄拖动到合适的位置。 任务实施 5．绘制圆内的图形 （1）新建图层，单击工具箱中的“矩形工具”按钮，在新建图层中按住“Shift”键绘制一个正方形，按“ Ctrl+T”键，在工具选项栏中“旋转角度”选项中输入“45”，按“回车”键确认。 任务实施 5．绘制圆内的图形 （2）选中“矩形 1”图层，按“ Ctrl+J”复制该图层，单击工具箱中的“矩形工具”，在工具选项栏中选择填充颜色为黄色，并用移动工具将黄色矩形移到合适的位置。 任务实施 5．绘制圆内的图形 （3）选择“路径选择工具”，单击上方的黄色矩形路径，在工具选项栏中单击“路径操作”按钮，在其下拉菜单中选择“减去顶层形状”。 任务实施 5．绘制圆内的图形 （4）选择“路径选择工具”，按住鼠标左键在画面中从两个正方形的左上方向右下方拖曳，框选两个正方形的所有路径，单击工具选项栏中的“