《网店美工+第2版》 课件 黄振宁 项目4 LOGO设计

项目4Logo设计

任务1服装网店logo设计任务1服装网店logo设计【任务介绍】“伊人服饰”是一个经营女性服饰的网店，本任务是为该网店制作一个Logo。使用Photoshop中形状工具绘制图形，然后与文字相结合，最终形成造型新颖的Logo。在制作过程中需要用到形状绘制工具和形状编辑的方法，特别是钢笔工具中各个编辑工具的结合使用，将对形状起到很好的优化作用。【任务描述】“伊人服饰”网店即将开店营业，为了能够迅速传播品牌，树立品牌形象，现需制作网店logo。设计师与客户沟通后得到以下需求信息：信息客户反馈消费人群18-40岁女性服装风格淑女，优雅整体效果简洁明了，易记易懂配色凸显女性的柔美尺寸与质量宽高在1000像素以上，矢量绘制【任务实施】Logo的表现形式多种多样，在造型方面主要有纯文字Logo（中文或英文）、纯图形Logo和图文结合Logo三种类型。在配色方面一般选一个主色，一个点睛色，一个或者多个辅色，在设计的时候，要根据网店（公司或企业）的特点以及使用者的要求来构思造型和配色。第1步：设计思路分析。设计师针对客户反馈信息表进行设计思路分析：1.Logo整体效果要求简洁明了，易记易懂，因此Logo图形可以直接采用“伊”的拼音首写字母“Y”作为造型基础，然后作变形处理，使图形与品牌名称产生密切的关联性。2.考虑强化识别和记忆因素，Logo主体采用图文相结合的形式，左侧为主形，是Logo的主要视觉识别区，右侧为文字，以加强辅助识别，这样整体就更容易记忆。3.Logo主体可以结合人形和花瓣的造型元素，体现灵动及女性的柔美感。4.根据配色要符合女性柔美特点的要求，主形可选择紫色系为主色，体现淑女的优雅感。5.根据尺寸要求，以及结合其他宣传用途的使用，画布尺寸设置为宽1920像素，高1000像素，并且使用矢量工具绘制以呈现高质量的绘图效果，以及方便后期修改。6.根据以上设计思路，可以用铅笔勾勒Logo造型的草图，然后在多个草图中选择最优方案，经过沟通与反馈，选择图4-1-2中的最后一个草图作为Logo原型。第2步：操作实施。1.安装字体“方正准圆简体”。将字体文件“方正准圆简体”复制并粘贴到电脑“C:\Windows\Fonts”文件夹目录下。2.新建文档。3.把草图导入文档中。4.绘制Logo主图形。（1）使用“钢笔工具”绘制图形（2）继续使用“钢笔工具”绘制“小花瓣”图形（3）创建圆点图形5.创建文字。（1）创建文字，然后在属性栏的字符和段落面板中设置字体为“方正准圆简体”，字号大小为400点，水平缩放为70%，字距调整为-50，（2）在文字下方创建一条黑线，并在黑线下方创建英文。（3）调整文字的位置6.为图形填色。（1）为“花瓣”图形的图层填充“纯紫色”（2）同样方法，选中圆点图层，填充“纯洋红”，最终效果如图项目4Logo设计

任务2食品类网店logo设计任务2食品类网店logo设计【任务介绍】“英红一品”是一个专门经营英德红茶的网店，本任务是为该网店制作一个Logo。本次Logo设计将充分利用字体的基本造型，在此基础上对字体图形进行变形和组合，最终形成造型独特的Logo。在使用Photoshop制作的过程中用到形状绘制工具和形状编辑的方法，特别是钢笔工具中各种编辑工具的结合使用，是该任务Logo造型的主要技巧。【任务描述】“英红一品”茶叶网店正在做品牌推广营销，为了迅速树立品牌形象，增强宣传效应，扩大品牌影响力，现需制作网店Logo。设计师与客户沟通后得到以下需求信息：信息客户反馈消费群体各大茶楼、送礼人士、品茶人士主打风格传统与现代相融合整体效果造型简约、美观，细节丰富配色体现茶叶的特性，整体协调尺寸与质量宽高在1000像素以上，矢量绘制【任务实施】第1步：设计思路分析。设计师针对客户反馈信息表进行设计分析：1.Logo整体效果要求简约，因此可以采用品牌的中文字体“英红一品”作为基本形状，在此基础上进行变形和组合。2.在风格上要考虑传统与现代相融合，以及造型的美观性和细节的丰富性，可以将“红”字作繁体化的变形处理，体现传统中国风元素，同时对“品”字作简化的变形处理，让古今元素融于Logo图形中。3.在配色上，可以选择茶色为主色，红色为点睛色，这样一看就能让人联想到茶叶的特性，整体配色既协调又有变化。4.为了得到比较纤细匀称的字体笔画，可以选择“方正准圆简体”为Logo主形的字体。5.“英”“红”“一”三个字的笔画可以部分共用和重叠，使整体效果更加紧凑、连贯，也可以使字与字之间有一定错落感，避免呆板，增强Logo的美观性。6.为了方便其他宣传用途的使用，画布尺寸设置为宽1920像素，高1200像素，使用矢量类型的形状工具绘制。7.根据以上设计思路，可以用铅笔勾勒Logo造型的草图，然后在多个草图中选择最优方案，经过沟通与反馈，选择最后一个草图作为Logo原型。第2步：操作实施。1.新建文档。启动Photoshop软件，新建一个空白文档，在弹出的设置对话框中，选择“Web”菜单下的“大网页”类型，宽度参数为1920像素，高度参数设置为1200像素。2.创建文字。（1）使用“文字工具”在文档中创建“英”字，选中文字，并在属性栏中设置字体为“方正准圆简体”，文字大小为500点（2）用同样的方法创建“红”和“品”字，再将三个字体位置和排列稍作调整，并使用“自由变换”工具适当调整高度，3.将文字转换为形状。在图层面板的“英”字图层上单击鼠标右键，在弹出的选项中选择“转换为形状”4.调整“英”字的部分笔画形状。（1）使用“直接选择工具”调整锚点位置，同时调整锚点的控制杆，将转角处的弧度调大一些（2）使用“钢笔工具”删除多余锚点，再用“转换点工具”将笔划的圆角转为方角（3）调整“艹”的上端和下端锚点（4）选中“英”字图层，对“艹”结构进行分离5.调整“红”字的部分笔画形状。（1）绘制“纟”上半部分笔划图形（2）从“英”字的结构中延伸锚点（3）使用“矩形工具”绘制“纟”下半部分（4）选中“英”与“纟”的相应图层，将“英”图形与“纟”图形合并（5）将“工”部分的圆角转为方角（6）调整“工”图形的锚点6.绘制“一”字图形。（1）创建一个矩形，使左上角和右下角变成圆角7.对“品”字笔划作变形处理。（1）先将“品”字图层转换成形状。（2）使用“路径操作”减去部分形状（3）对齐下端锚点（4）将右上角转成方角，再将左上角的圆角弧度加大，（5）把左侧和上方的“口”形状的锚点删除。然后选中“品”图层