项目四---任务1电商图像设计.pptx

单击此处编辑母版标题样式,编辑母版文本样式,第二级,第三级,第四级,第五级,项目四 任务1电商图像设计,Photoshop,图像处理,项目,四,电商图像设计,项目四 任务1电商图像设计,任务,1,网店店标设计,任务,2,网店店招的设计,项目四,XIANG MU YI,01,02,电商图像设计,任务,3,网店详情页设计,03,任务,4,霓虹灯字设计,04,任务,5,网店 Banner 设计,05,项目四 任务1电商图像设计,任务,1,网店店标设计,项目四,电商图像设计,项目四 任务1电商图像设计,学习目标,能用各种,形状工具,进行复杂图形的绘制。,熟练掌握路径的,布尔运算,操作。,掌握路径形状的填色和描边方法,。,项目四 任务1电商图像设计,任务分析,店标是网店视觉传达的主要形象之一，是一种“,视觉语言,”。,在网店的日常推广运营中，,某电商“汇精展示用品网店”准备对网店进行装修改造，要求对该网店店标进行,重新设计,。,店标是店面标识的图形记号，一般由,图案、颜色和文字构成,，用于表达商家的,核心诉求,。,项目四 任务1电商图像设计,任务分析,常见的店标分为,静态店标,和,动态店标,两大类，静态店标分为文字型、图案型和组合型 3类。,汇精展示用品网店”店标的图案主要由同一个圆形上的 4 段圆环、4 个直角和 4 个长方形构成。,在使用 Photoshop 进行设计时，首先使用,椭圆工具和路径布尔运算绘制外形,，然后使用,路径选择工具,绘制直角，使用,矩形工具,绘制长方形，依次将形状,填充颜色,，最后,添加说明文字,。,本任务的学习重点是路径的,布尔运算操作,。,项目四 任务1电商图像设计,任务实施,1新建图像文件,单击“文件”菜单中的“新建”命令，弹出“新建”对话框。设置参数如下：宽度为 300 像素，高度为 300 像素，分辨率为 72 像素/英寸，颜色模式为 RGB 颜色、16 位，背景内容为白色。,项目四 任务1电商图像设计,任务实施,2,绘制中心参考线,（1）单击“视图”菜单中的“标尺”命令或按“Ctrl+R”键，打开标尺。,（2）在上方标尺处按住鼠标左键不放，向下拖动参考线至画布中线处，当其主动吸附至中线处时松开鼠标左键。,（3）在左侧标尺处按住鼠标左键不放，向右拖动参考线至画布中线处，当其主动吸附至中线处时松开鼠标左键。,项目四 任务1电商图像设计,任务实施,3使用椭圆工具绘制外形,（1）新建图层。单击图层面板中的“创建新图层”按钮，生成图层 1。,（2）选中“图层 1”，单击工具箱中的“椭圆工具”按钮，在工具选项栏设置模式为“形状”，填充为蓝色，不描边,。,项目四 任务1电商图像设计,任务实施,3使用椭圆工具绘制外形,（3）选中“椭圆 1”图层，按“Ctrl+J”键复制图层，选中复制的蓝色正圆，单击“椭圆工具”按钮，在工具选项栏中设置填充颜色为黄色（主要是把两个圆区分开），按“Ctrl+T”键，出现自由变换控件，按住“Shift+Alt”键的同时，按住鼠标左键向圆内拖曳自由变换控件右下角的控点，制作蓝黄两个不同大小的同心圆,。,项目四 任务1电商图像设计,任务实施,3使用椭圆工具绘制外形,（4）按住“Shift”键，同时选中“椭圆 1”和“椭圆 1 拷贝”图层，按“Ctrl+E”键合并图层,。,项目四 任务1电商图像设计,任务实施,3使用椭圆工具绘制外形,（5）在工具箱中单击“路径选择工具”按钮，单击黄色小圆形，选中黄色小圆路径，在工具选项栏中单击“路径操作”按钮，在左图其下拉菜单中选择“减去顶层形状”，效果图如右图所示。,项目四 任务1电商图像设计,任务实施,4,使用路径布尔运算修剪外形,（1）在图层的最上方新建图层，在工具箱中选择“矩形工具”，在工具选项栏设置模式为“形状”，填充为蓝色，不描边。,（2）按住“Shift”键，同时选中“矩形 1 拷贝”矩形1“椭圆 1 拷贝”3 个图层，按“Ctrl+E”键合并图层,。,（3）选择“路径选择工具”，按住鼠标左键在画面中从左上方向右下方拖曳，框选所有的路径，单击工具选项栏中的“路径操作”按钮，在其下拉菜单中选择“合并形状组件”。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（1）单击“编辑”菜单中的“自由变换”（或按快捷键“Ctrl+T”）命令。,（2）拖动变换控制框上的任意一个控制句柄，可调整图像大小，也可将鼠标移动到控制框外侧，拖动以旋转图像。,（3）单击工具箱中的移动工具，用鼠标将葡萄拖动到合适的位置。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（1）新建图层，单击工具箱中的“矩形工具”按钮，在新建图层中按住“Shift”键绘制一个正方形，按“Ctrl+T”键，在工具选项栏中“旋转角度”选项中输入“45”，按“回车”键确认。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（2）选中“矩形 1”图层，按“Ctrl+J”复制该图层，单击工具箱中的“矩形工具”，在,工具选项栏中选择填充颜色为黄色，并用移动工具将黄色矩形移到合适的位置,。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（3）选择“路径选择工具”，单击上方的黄色矩形路径，在工具选项栏中单击“路径操作”按钮，在其下拉菜单中选择“减去顶层形状”。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（4）选择“路径选择工具”，按住鼠标左键在画面中从两个正方形的左上方向右下方拖曳，框选两个正方形的所有路径，单击工具选项栏中的“路径操作”按钮，在其下拉菜单中选择“合并形状组件”，合并生成组合图形。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（5）移动刚修剪后的图形，将其对齐到弧的中部,。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（6）选中“矩形 1 拷贝 2”图层，按“Ctrl+T”键，出现自由变换控件，按住“Alt”键，同时按住鼠标左键拖动自由变换控件的中心点到两条参考线的交点上。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（7）在工具选项栏“旋转角度”选项中输“90”，单击工具选项栏中的。,（8）按“Ctrl+Shift+Alt+T”键 3 次，复制并旋转该图形，如图所示。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（9）选中除背景图层外的所有图层，按“Ctrl+E”键合并图层，单击“路径选择工具”按钮，按住鼠标左键在画面中从左上方向右下方拖曳，框选所有图形的路径。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（10）新建图层，在新建图层中用矩形工具绘制一个蓝色矩形，并把它旋转-45，用移动工具将矩形调整到合适的位置。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（11）按“Ctrl+T”键，出现自由变换控件，按住“Alt”键，同时按住鼠标左键拖动自由变换控件的中心点到两条参考线的交点上，在工具选项栏“旋转角度”选项中输入“90”，单击工具选项栏中的。按“Ctrl+Shift+Alt+T”键 3 次，复制并旋转该图形，如图所示。,（12）选中“矩形 1”图层，用移动工具将蓝色小矩形移到合适的位置。,项目四 任务1电商图像设计,任务实施,5绘制圆内的图形,（13）依次将形状填充颜色设置为蓝色（#425daa）、红色（#ff0000）、橙色（#bc912c）、黄色（#ffff00）、绿色（#599140）。,项目四 任务1电商图像设计,任务实施,6添加文字,(1)选择“横排文字工具”，在绘图区单击输入“汇精展示用品”，设置字体为方正正中黑简体，大小为 10 像素，颜色为黑色。,(2)按住“Ctrl”键，分别选中文字图层和背景图层，单击工具选项栏中的“水平居中对齐”按钮，使文字图案水平居中对齐。,项目四 任务1电商图像设计,任务实施,7隐藏背景图层,单击背景图层的,，当,消失时，背景图层就不会显示。,8保存图像文件,网店店标图片格式一般为 GIF、PNG 或 JPEG。单击“文件”菜单中的“存储为”命令，在弹出的对话框中选择以 PNG 格式保存。也可以使用“文件”菜单中的“存储为 Web 所用格式”命令，以便在图片品质和文件大小之间做好平衡。完成后退出 Photoshop CC 2015。,项目四 任务1电商图像设计,注意事项,1店标在海报和横幅中时，需要放置在其他颜色或花色的背景上，存储透明背景的PNG 格式更方便今后使用。,2组合键“Ctrl+Shift+Alt+T”的作用是重复并复制上一次的变换。,3在设计标志的过程中，如果需要创建比较复杂的形状或选区，通常使用路径，因为路径比选区更加精确、灵活。,4路径选择工具和直接选择工具在用法上的主要区别是：前者是对整条路径进行操作，后者是对路径内部的锚点进行操作。,项目四 任务1电商图像设计,相关知识,一、路径布尔运算,路径可以进行相加、相减的布尔运算。操作方法：先绘制一个路径或形状，如左图所示，在工具选项栏中单击“路径操作”按钮，在其下拉菜单中选择一种运算方式，如右图所示。,项目四 任务1电商图像设计,相关知识,二、路径选择工具,“路径选择工具”选项栏如图所示。,1对齐、分布路径,对齐与分布可以对路径或者形状中的路径进行操作。,2调整路径排列方式,当文件中包含多个路径时，路径的上下顺序会影响画面的效果，此时需要调整路径的堆叠顺序。,项目四 任务1电商图像设计,思考练习,一、操作题,试为本地一家经营土特产的网店设计并制作一个店标 LOGO，并说明设计思路和制作步骤。,二、简答题,1路径布尔运算有哪几种操作？分别用图形展示进行路径操作后的效果。,2如何设置形状的无描边效果、描边颜色、描边线粗和描边选项？,3可以使用哪些工具来移动路径和形状并调整它们的大小？,4常见的网店店标分为哪几种类型？,项目四 任务1电商图像设计,小清新,谢谢,!,项目四 任务1电商图像设计,