网店美工教案(第五章-店铺LOGO)汇总
《网店美工》教案-店铺logo设计
《网店美工》电子教案
一、导入新课
小赵想开一家饰品之类的网店，在店铺装修时需要上传店铺的logo，现在小赵正需要一个饰品类的logo，你能帮忙设计吗？
二、讲授新课
1 Logo设计要领
Logo一般会出现在店铺的店招、海报、产品图以及包装袋上。
1.注意事项
◆简单易识别，保持视觉平衡并讲究线条的流畅，使整体形状美观。
◆用反差、对比或边框等强调主题。
◆选择恰当的字体。
◆注意留白，给人想象空间。
◆运用色彩。
因为人们对色彩的反应比对形状的反应更为敏锐和直接，更能
激发情感。
2.创作技巧
◆具体形式：基本忠实于客观物象的自然形态，经过提炼、概况和简化，突
出与夸张其本质特征，作为标志图形，这种形式具有易识别特点。
◆意象形式：以某种物象的形态为基本意念，以装饰的、抽象的图形或文字
符号来表现的形式。
◆抽象形式：以完全抽象的几何图形、文字或符号来表现的形式。
这种图形
往往具有深邃的抽象含义、象征意味或神秘感。
这种形式往往具有更强烈
的现代感和符号感，易于记忆。
2 Logo设计制作。
网店美工设计-教学教案
《网店美工设计(项目式全彩微课版)》
配套教学教案
第1讲
第2讲
第3讲
3.4.2设计理念
小结1、掌握主图的设计基础。
2、掌握直通车图的设计基础。
3、掌握钻展图的设计基础。
作业
3.4项目演练-设计居家大衣橱直通车图
本任务通过设计居家大衣橱直通车图，明确当下家居产品行业直通车图的设计风格并掌握直通车图的设计要点与制作方法。
第4讲
4.3项目演练-设计果汁饮品海报
本任务通过设计果汁饮品海报，明确当下饮品行业海报的设计风格并掌握海报的设计
要点与制作方法。
作业
第5讲
5.3项目演练-设计PC端数码产品首页
本任务通过设计PC端数码产品首页，明确当下数码产品行业PC端首页的设计风格并掌握PC端首页的设计要点与制作方法。
作业
第6讲
6.3项目演练-设计PC端运动鞋品详情页设计
本任务通过设计PC端运动鞋品详情页，明确当下鞋品行业PC端详情页的设计风格并掌握PC端详情页的设计要点与制作方法。
作业
第7讲
7.3项目演练-设计无线端数码产品首页
本任务通过设计无线端数码产品首页，明确当下数码产品行业无线端首页的设计风格并掌握无线端首页的设计要点与制作方法。
作业
第8讲
8.3项目演练-制作花艺活动宣传视频
本任务通过制作花艺活动宣传视频，明确当下花艺行业宣传视频的后期风格并掌握宣传视频的后期处理要点与后期处理方法。
作业。
网店美工 教案全套 第1--9章 网店美工的基础知识---网店场景化美工
《网店美工》配套教学教案第1章第2章2.4.1 画笔2.4.2 修复工具组2.4.3仿制图章2.4.4 蒙版2.4.5 渐变小结1.掌握商品图片的拍摄技巧。
2.掌握商品图片的尺寸调整和裁剪方法。
3.熟练掌握商品图片的抠图方法。
4.熟练掌握商品图片的瑕疵去除方法。
课后练习【课后实战】实训内容：用本章节所学的相关工具和命令完成酒瓶的抠图，打开“配套资源/第二章/课后实战素材.jpg”图片。
如图2-88所示。
图2-88“酒瓶抠图”素材实训要求：用Photoshop cs6制作完成，效果如图2-89所示，保存png.格式提交，由教师测评。
图2-89“酒瓶抠图”效果实训检测与评价：序号项目标准分值1 选区建立情况熟练运用建立选区的工具（40分）2 抠图处理情况橡皮擦、色彩范围和快速选择等工具使用恰当（30分）3 整体效果主体突出、层次分明，无瑕疵（30分）第3章3.4 调整商品图片的特殊效果3.4.1 特殊滤镜3.4.2 滤镜组小结1.熟练掌握商品图片明暗、对比度问题。
2.熟练掌握商品图片色彩、色调处理方法。
3.熟练运用“图层混合及样式”进行图片美化的方法。
课后练习【课后实战】实训内容：运用所学知识，为模特衣服改色，打开“配套资源/第三章/课后实战素材.jpg”图片，如7-52所示。
7-52 素材图实训要求：用Photoshop cs6制作完成，并排成一排，保存jpg.格式提交，如7-53所示，由同学互评。
7-53 效果图实训检测与评价：序号项目标准分值1 选区建立情况熟练运用建立选区的工具（30分）2 调色命令使用情况色相/饱和度、色彩平衡等命令运用恰当（30分）3 整体效果颜色排列正确、人物边缘清晰，无缺损（40分）第4章课后练习【课后实战】实训内容：用本章节所学的“文字”和“矢量绘图”知识完成促销标签图的制作。
实训要求：用Photoshop cs6制作完成，保存jpg.格式提交，效果如图4-55所示。
网店美工教案
网店美工教案一、教学目标1、让学生了解网店美工的重要性和作用。
2、使学生掌握网店美工所需的基本软件操作技能，如 Photoshop、Illustrator 等。
3、培养学生的审美能力和创新思维，能够独立完成网店页面的设计与装修。
4、提高学生对色彩、构图、排版等设计元素的运用能力，制作出吸引人的网店页面。
二、教学重难点1、重点掌握网店页面设计的基本原则和流程。
熟练运用设计软件进行图片处理和页面排版。
学会运用色彩、字体、图形等元素提升页面的视觉效果。
2、难点培养创新思维，设计出独特且符合网店风格的页面。
能够根据不同商品的特点和目标受众，制定合适的设计方案。
三、教学方法1、讲授法通过讲解和演示，向学生传授网店美工的基本理论知识和软件操作技巧。
2、案例分析法展示优秀的网店页面案例，引导学生分析其设计思路和优点，从中汲取经验。
3、实践操作法让学生亲自动手进行设计实践，在实践中巩固所学知识和技能。
4、小组讨论法组织学生进行小组讨论，共同解决设计过程中遇到的问题，培养团队合作精神和沟通能力。
四、教学资源1、多媒体教室，配备电脑和设计软件。
2、相关教材和参考书籍。
3、网络资源，如设计网站、论坛等。
五、教学过程1、导入（约 10 分钟）展示一些精美的网店页面和普通的网店页面，让学生对比分析，引导学生思考网店美工对网店销售的影响。
提问学生对网店美工的初步认识和理解，激发学生的学习兴趣。
2、知识讲解（约 30 分钟）介绍网店美工的概念、职责和工作内容。
讲解网店页面设计的基本原则，如简洁性、一致性、突出重点、引导性等。
讲解色彩搭配的基本原理和常用方法，如对比色、互补色、邻近色的运用。
介绍字体的选择和排版技巧，包括字体的风格、大小、间距等。
3、软件操作演示（约 40 分钟）打开设计软件（如 Photoshop），演示图片处理的基本操作，如裁剪、调色、抠图等。
演示如何制作网店页面的模板，包括页面布局、导航栏设计、商品展示区设计等。
Photoshop网店美工设计 第五章 PC端店铺首页设计
5.4 课堂练习——春夏女装首页设计
使用“矩形”工具 、 “圆角矩形”工具 、“椭 圆”工具 、“多边形”工 具和“直线”工具 绘制图 形 , 使用“横排文字”工具 输入文字，使用“新建参考 线”命令创建参考线，使用 “描边”命令添加图层样式， 使用“创建剪贴蒙版”命令 和“对齐”命令调整春夏女 装首页的细节。
第5章 PC端店铺 首页设计
本章介绍：
PC 端店铺首页设计是网店美工设计任务中 的综合型工作任务，精心设计的 PC 端店铺首 页能够向消费者传达品牌感和信任感。本章针 对 PC 端店铺首页的基本概念及设计模块等基 础知识进行系统讲解，并针对流行风格及行业 的典型 PC 端店铺首页进行设计演练。通过对 本章的学习，读者可以对 PC 端店铺首页的设 计有一个系统的认识，并能快速掌握 PC 端店 铺首页的设计规范和制作方法，成功制作出具 有品牌影响力的 PC 端店铺首页。
学习目标
掌握首页的基本概念 掌握首页的设计模块
5.1 首页的基本概念
店铺首页是消费者进入店铺看到的第一张展示页面，具有展现品牌 气质、承担流量分发的功能。精美的首页不但可以提升消费者对店铺的 好感，还可以提高商品转化率，因此需要用心设计首页。
5.2 首页的设计模块
店招和导航 轮播海报 优惠券 分类模块 商品展示 底部信息
5.2.1 店招和导航
2.店招和导航的构成 ·品牌LOGO ·店铺口号 ·推荐产品 ·搜索框 ·导航
5.2.1 店招和导航
3.店招和导航的设计要点 （1）店招 以淘宝为例，可以分为常规店招和通栏店招两类，常规店招尺寸为 950 像素 ×120 像素，通栏店招包含店招、导航和背景，尺寸通常为 1920 像 素 ×150 像素。 （2）导航栏 导航栏的高度为 10 像素～ 50 像素，建议为 30 像素；导航栏的字体 建议为黑体或宋体，如果使用黑体，建议字号为 14 像素或 16 像素，如果 使用宋体，建议字号为 12 像素或 14 像素；文字间距建议为 播海报的设计要点 轮播海报可以依据 4.2.1 小节中的 PC 端全屏海报和 PC 端常规海报 进行设计。其他设计规则可以参考 4.2.2 小节中海报的版式构图和 4.2.3 小节中海报的设计形式。
网店美工教案
网店美工教案简介本教案旨在教授网店美工设计的基础知识和技能，帮助学生掌握在网店平台上进行视觉设计的能力。
通过此教案的学习，学生将能够制作精美的产品展示图、宣传海报和商品页面设计，提升网店的销售能力。
目标•了解网店美工设计的重要性•掌握常用设计软件和工具的基本操作•学会制作精美的产品展示图和宣传海报•掌握商品页面设计的要点和技巧•提升网店的形象和销售能力内容1.网店美工设计概述–什么是网店美工设计–网店美工设计的重要性和作用2.设计工具和软件介绍–常用的设计软件和工具–Photoshop、Illustrator、Canva等软件的基本操作3.产品展示图制作–产品拍摄技巧和要点–图片处理和修饰–添加文字和标识–效果增强和调整4.宣传海报设计–海报的设计要素和原则–海报布局和排版技巧–文字处理和字体选择–图片和色彩运用5.商品页面设计要点–页面布局和结构–图片和文字的组合–色彩和风格的选择–页面的导航和可视性教学方法•理论讲解：通过课堂讲解、案例分析等方式，介绍网店美工设计的基本概念、原则和技巧。
•实践操作：学生通过实际操作设计软件和工具，进行产品展示图、宣传海报和商品页面的设计。
•作品展示和评议：学生完成作品后，展示给全班同学，进行互动交流和评议，提供改进意见和建议。
考核与评估•基于学生的作品和实际操作，进行综合评估。
•口头答辩：要求学生对自己作品的设计思路、技术运用进行口头表达。
•作品展示：学生将自己的作品展示给全班同学，接受同学和老师的评议。
参考资源1.《网店美工设计指南》2.《Photoshop设计教程》3.《Illustrator平面设计基础》4.在线教育平台的视频教程和教学资源授课计划本教案为期10节课，每节课50分钟。
课时内容第一节网店美工设计概述第二节设计工具和软件介绍第三节产品展示图制作第四节宣传海报设计第五节商品页面设计要点第六节实践操作1第七节实践操作2第八节作品展示和评议第九节总结与复习第十节考核与答辩结语通过本教案的学习，学生将能够掌握网店美工设计的基本知识和技能，提升网店的形象和销售能力。
网店美工视觉设计教学教案
网店美工视觉设计教学教案教学目标：1.理解网店美工视觉设计的基本概念和原理。
2.掌握网店美工视觉设计的基本技巧和方法。
3.提高学生的网店美工视觉设计能力。
教学内容：1.网店美工视觉设计的概念和原理：a.网店美工视觉设计的定义和作用。
b.网店美工视觉设计的基本原理和规则。
2.网店美工视觉设计的基本技巧和方法：a.色彩搭配和表现。
b.图片选择和处理。
c.布局和排版。
d.字体选择和运用。
3.网店美工视觉设计的案例分析和实践：a.分析和评价不同网店美工设计的案例。
b.进行实际的网店美工视觉设计实践。
教学过程：第一节：网店美工视觉设计的概念和原理（20分钟）1.引入：与学生讨论什么是网店美工视觉设计，为什么它在网店设计中很重要。
2.讲解网店美工视觉设计的定义和作用。
3.介绍网店美工视觉设计的基本原理和规则，如色彩心理学、黄金分割、对比等。
第二节：网店美工视觉设计的基本技巧和方法（30分钟）1.色彩搭配和表现：讲解如何选择和搭配网店美工设计中的色彩，以及不同色彩的表现效果。
2.图片选择和处理：介绍如何选择合适的图片素材，如何进行图片处理和优化。
3.布局和排版：讲解网店美工设计中的布局原则和排版技巧。
4.字体选择和运用：介绍如何选择合适的字体，并讲解字体在网店美工设计中的运用方法。
第三节：网店美工视觉设计的案例分析和实践（40分钟）1.分析和评价不同网店美工设计的案例：让学生观察和分析不同网店的美工设计，并提出自己的评价和改进意见。
2.进行实际的网店美工视觉设计实践：让学生根据自己所学的网店美工设计技巧和方法，设计一个网店页面或广告素材。
第四节：总结和展望（10分钟）1.整理学生的设计作品，并展示给全班。
2.总结网店美工视觉设计的重要性和基本原则。
3.展望未来，鼓励学生在网店美工视觉设计领域持续学习和探索。
教学评价：1.学生的参与度和表现。
2.学生的设计作品质量和创意。
3.学生对网店美工视觉设计的理解和运用能力。
《网店美工》教案
上篇：美工设计之“道”第1章走进视觉美学（3学时）一、教学目的及要求通过本章的学习，使学生了解视觉美学的基础知识、色彩心理，掌握色彩的搭配与黄金分割、冷暖色调及网店设计的颜色效应。
二、教学重点及难点教学重点：色彩的搭配与黄金分割，色彩心理与网店设计。
教学难点：视觉营销在网店商品中的运用。
三、教学手段多媒体（投影仪、计算机），板书。
四、教学方法课堂演讲、头脑风暴、提问、讨论、启发、案例分析。
五、作业1、了解视觉美学发展历程。
2、列出视觉营销运用较好的3个以上天猫店铺。
六、参考资料1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
3.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
七、教学内容与教学设计1.1 视觉美学1.2 色彩心理1.2.1色彩的分类与属性1.2.2色彩的搭配与黄金分割1.2.3色彩心理与冷暖色调1.2.4色彩心理与网店设计1.3 视觉营销1.3.1视觉营销1.3.2视觉营销与商品八、课后小结第2章入门网店美工（3学时）一、教学目的及要求使学生了解网店美工在店铺运营中的位置和优秀美工的成长路径。
二、教学重点及难点教学重点：网店美工运营之手，美工在店铺运营中的位置。
教学难点：网店美工成长路径及日常工作。
三、教学手段多媒体（投影仪、计算机），板书。
四、教学方法课堂讲授、提问、讨论、启发、案例分析。
五、作业1、网店美工的岗位介绍及岗位要点？2、网店美工的日常工作有哪些？六、参考资料1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
3.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
七、教学内容与教学设计2.1网店美工2.1.1美工分类2.1.2网店美工简介2.2网店美工运营之手2.3优秀网店美工成长之路2.3.1网店美工成长路径2.3.2网店美工日常工作2.3.3网店美工工资待遇2.4网店美工新手建议八、课后小结中篇：美工设计之“器第3章学会宝贝拍照（3学时）一、教学目的及要求通过本章的学习，使学生了解相机的选择和网拍的注意事项、掌握宝贝拍照场景的布置、光线的角度、拍照的流程。
(中职)网店美工全套教案整本书电子教案完整版教学设计最新电子讲义
网店美工 _______________________________________________________________ XX 学校学科教案本Teaching PlanXX 一 学期XX学校（School ）学科（Subject ）年级（Grade ） 教师（Teacher ）注意：①按住Ctrl 键后单击每个任务即可跳转到对应的教案 ②单击按钮可返回目录 ③页面设置参数为： 纸张：B5 页边距左：1.5 页边距右：1.5《网店美工》目录项目一 Photoshop 基础操作任务一 商品照片裁剪 任务二 商品照片抠图 任务三 商品照片调试 任务四 商品照片修图教学课题任务一商品照片裁剪课题类型理论+实作课时安排4上课时间教学目标1.掌握商品照片裁剪的方法2.掌握校正透视、定重心及大小3.掌握校正倾斜重构图的方法教学重点1、2教学难点3辅助资源课件、多媒体、网络复习引入①你曾经玩过修理照片吗？②你利用什么软件美化或者校正照片？③你对那些软件还知道哪些功能？教学手段教学过程师生互动活动设计课件讨论实作一:了解Photoshop界面二：校正倾斜重构图案例任务具体解说及操作1、在拍摄商品时，有时因产品透视太夸张，拍摄时因相机离的太近，角度过高过低，拍摄出来的产品出现扭曲变形。
比如这张图片在拍摄时因角度没调整好，导致拍摄出来的商品头重脚轻，严重失真。
接下来，我将用Photoshop CS6软件来处理。
2、在Photoshop CS6中打开【任务一原始图.jpg】，点击工具栏【裁剪工具】右下角箭头处，选择【透视裁剪工具】，此刻画布中出现裁剪框。
然后我们根据透视学的原理调整裁剪框的控制点，当裁剪框的虚线与物品边缘处于同一平行线，然后按下回车确定。
阅读知识窗：Photoshop的产生和发展提问或讨论：商品照片出现什么问题讨论：用什么方法可以校正网络搜索：裁剪工具的使用案例视频小组合作教学课题任务二商品照片抠图课题类型理论+实作课时安排4上课时间教学目标1.掌握钢笔抠图的方法2.掌握其他方法抠图教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入④你曾经玩过照片抠图吗？⑤你利用什么软件进行抠图照片？⑥你会用Photoshop软件抠图吗？教学手段教学过程师生互动活动设计课件讨论实作一:了解Photoshop抠图工具二：具体解说及操作流程（一）钢笔抠图1、抠图在网店美工中是一项重要的环节，通过抠图可以使不美的图片经过处理后看上去美观大方亮堂，也可以使本来很美的图片更加锦上添花。
商品美工实训任务5.1网页logo设计
商品美工实训 ❖
制作选取
课题名称 ❖ 教学流程
• 分组交流
商品美工实训 ❖
收缩选区
课题名称 ❖ 教学流程
• 分组交流
商品美工实训 ❖
钢笔工具建立选区
课题名称 ❖ 教学流程
• 分组交流
商品美工实训 ❖
钢笔工具建立选区
课题名称 ❖ 教学流程
• 分组交流
商品美工实训 ❖
钢笔工具建立选区
课题名称 ❖ 教学流程
• 分组交流
商品美工实训 ❖
键入文字，建立高光效果
课题名称 ❖ 教学流程
• 总结交流
商品美工实训 ❖
【知识储备】 1.熟练运用锐化滤镜中的多种锐化功能来调整图片清晰度。 【任务结语】 通过学习，小哲掌握了模糊图片修图技巧，能熟练的应用各种锐化滤镜工
具，完成了工作任务
课题名称 ❖ 教学流程
• 分组交流
商品美工实训 ❖
径向渐变制作光感效果
课题名称 ❖ 教学流程
• 分组交流
商品美工实训 ❖
渐变制作立体效果
课题名称 ❖ 教学流程
• 分组交流
商品美工实训 ❖
渐变制作立体效果
课题名称 ❖ 教学流程
• 分组交流
商品美工实训 ❖
缩小内圆后中心圆渐变
课题名称 ❖ 教学流程
• 自主探究
商品美工实训 ❖
1．根据设计要求，先设计左侧的标志，分析标 志，体现一个主题特色为E-business的E字。标 志主要通过圆圈的叠加和渐变色体现效果。 2. 设计右侧字体，方案要求文件简洁清亮，顾 为单色又添加了高光和投影效果。
课题名称 ❖ 教学流程
• 分组交流
商品美工实训 ❖
5.1什么是店铺LOGO@song
课 程:《网店美工》 授课班级:商务（1）班 授课教师: 宋 霞◆①②③④⑤⑥⑦⑧⑨⑩◆导入：同学们认识这是什么图形吗？人类文明进化的过程中有3～4万年的图腾时期，人们通过某种动植物符号来界定部落间的差异，进而发展出不同的文明。
圈腾意识在现代的应用就是标志。
中华民族的图腾是龙，如图所示，该图腾最早由黄帝部落的蛇图腾吞并炎帝部落的鸟图腾而成。
我们看到龙这个符号时就会呼唤起我们作为炎黄子孙的意识，图腾是人类意识进入抽象、符号和概括的漫长路途中逐步进他出来的。
图腾意识根植在人的潜意识里，所以LOGO 起到了唤起的作用，我们感受一下LV 、BMW 。
这些本来没有任何意义的字母组合带给我们的内在冲击就能明白，作为图腾延续的LOGO 有多强大。
新授：1.网店标志的定义标志设计概念网店标志承载着网店的无形资产。
是网店综合信息传递的媒介。
在形象传递过程中，是应用最广泛、出现频率最高，同时也是最关键的元素。
网店的定位、经营模式、产品类别和服务特点，都被涵盖于标志中，通过不断地刺激和反复刻画．深深地留在受众心中。
很多网店都忽略自己的标志设计，LOGO固定位置上的标志和banner上的标志都不统一。
往往会让消费者很快识别出这家店并不正规，也不成熟。
标志对于一个店铺来说就像一个人的名字，如果名字都能随意改，那么这个人的信誉一定不会很高。
所以我们应该对标志高度重视。
在设计上标志是网店的眼睛，通过这个眼睛能传递品牌的心灵和理念。
那么标志为什么会有这么强的作用呢？这和人类思维模式形成的过程有关，是文明进化的产物。
日本部分大名家徽上图是日本的家徽和日本企业标志的关系。
我们可以再次验证，标示是如何代表其组织的思想和灵魂的。
2.网店标志会出现在哪里标志一般出现在左上角最显著的位置淘宝搜索列表页如图所示的淘宝搜索列表页，很多人都忽视了，这个位置是比较大的一个流量入口尤其是对知名度比较高的品牌而言。
淘宝还有很多纷繁复杂的流量入口，尽管这些入口流量较小，但是集腋成裘，也是一笔可观的流量，这里值得一提的是，他们都是免费的。
《网店美工》教案-店标设计
步骤8将所有的动画帧的播放时间设置为0.1秒，最终完成国之饮动态店标的制作。
三、课堂练习
制作久川公司的店标
四、归纳小结
这节课学习了店铺图设计的内容，通过对“茶”店铺图的设计，同学们掌握了设计所需要用到的一些工具，基本能完成店铺图的设计。
步骤8输入文字“茶”，字体为“华文行楷”，颜色为“#304127”字体大小为“43点”。
2．动态店标设计
在“国之饮”静态店标的基础之上进行动态店标的设计，下面开始讲解制作方法。
步骤1打开“国之饮”静态店标，隐藏其他图层，只显示背景和叶子图层。
步骤2在窗口菜单打开“时间轴”浮动窗口，将第一帧叶子图层的透明度设置为10%，复制帧，将第二帧透明度调节为100%。
1店标分类
店标是店铺的标志，在搜索店铺时显示的就是店标，店标还会在手机店铺首页显示。
店标按内容分为以下3类。
1.纯文字店标
2.纯图案店标。
3.图文组合店标
2 静态店标设计制作
店标的大小为80像素×80像素，下面开始讲解“国之饮”店标的制作方法。
步骤1在Photoshop中新建一个80像素×80像素，分辨率为72像素/英寸的空白文档，使用工具箱中的椭圆选框工具绘制圆形，大小为63像素×63像素，颜色为“#699f48”。
步骤3插入“过渡动画帧”，设置要添加的帧数为10帧，如图3-40所示，时间轴添加了过渡帧，制作出茶叶渐现的动画效果。
步骤4在第12帧处显示半圆圈图层，并将图层透明度设置为10%。
步骤5复制第12帧，将半圆圈图层透明度设置为100%，用同样的方法插入过渡动画帧，设置帧数为10帧。
步骤6用同样的方法，在23帧处显示文字“茶”图层，并将图层透明度设置为10%，复制帧后将透明度设置为100%，插入10帧过渡帧。
网店美工第5章店铺LOGO
不断寻找文字的关系
我们来看一下前后线条之间的变化，不断地由远 及近、由近及远的调整细节，最后成型。
成型的裂帛标志
下图是香港设计大师陈幼坚的代表作，可口可乐 的中文标志，乾坤大挪移英文标志的形式元素。
字体设计中可以吸纳 图形符号或其他文字 语言的形式语素
经典案例欣赏
5.3.4 英文字体LOGO设计
孟赛尔色立体
标准色表
问题1
色彩的三要素是什么？
饱和度
色彩原理
色相 明度 饱和度
色彩心理
冷暖 远近 强弱
色彩调子
对比 调和 面积
明度
PhotoShop拾色器
色相
立顿配色版
飞利浦配色版
5.3.6 执行标准
视觉标准的制定不仅限于LOGO，它是对整店的
视觉的规范。 网店标志作为最主要的视觉识别符号，要严格 按照规范应用；切忌在不同场合用不同标志；应制定 严格的应用规范和操作方法，形成网店VI（Visual
ቤተ መጻሕፍቲ ባይዱ
总结
（1）店铺LOGO是网店最主要的视觉符号。
（2）店铺LOGO的策略取决于网店的经营战略
定位、品牌定位和产品风格定位。 （3）店铺LOGO分为图形、中英文字体、色彩 和应用标准四个部分，每个部分都围绕网店定 位展开。
文字logo的设计
字母连接logo的设计
宁可直接使用品牌名字也不可乱改标志。
5.2.3 网店LOGO的策略步骤
两个步骤、六个维度，可以形成网店LOGO 策略表。
1.1 明确网店策略 1.2 明确品类定位 1.3 明确风格定位 2.1 元素取舍 2.2 字体的选择 2.3 色调的选择 侧重品牌，侧重销售还是侧重咨询？ 属于哪个大品类，子品类；特点如何 品牌/产品的特点，风格和理念 中，英名字，图形，吉祥物，广告语 是线体还是直线体？ 饱和度、明度、色相；色彩情感
《Photoshop-CC网店美工》完整教学教案
《Photoshop CC网店美工》配套教学教案第1章（2）先分析页面的设计元素，再对页面的颜色搭配与字体搭配进行依次分析。
第2章想一想：1.环境差时，拍摄商品图片的补救方法有哪些？2.拍摄时不同的效果各自的布景方式怎样？练一练：（1）根据实训目标，先拍摄不锈钢锅的整体效果，再拍摄材质和工艺。
（2）根据实训目标，需要先将洗面奶放到固定位置，再根据需要整体和单个展现，并拍摄展现效果。
第3章5、掌握为图像添加元素的方法。
想一想：1.怎么保证处理不清晰的商品图片？2.怎样使插入的元素更加合理美观？3.商品图片扣取时需要注意的细节问题有哪些？练一练：（1）根据实训目标，需要先将美女抠取出来，再应用到背景中并进行不透明度的处理。
（2）使用“亮度/对比度”命令处理图片，调整其亮度和对比度，使其更加美观。
（3）使用“亮度/对比度”命令处理图片，调整其亮度和对比度，使其更加美观。
第4章（2）制作一个以“促销活动”为主的直通车推广图，注重的是对促销信息的描述，要在图片中尽量表现促销的吸引力（即各种促销手段）、体现促销的主题（这里为双11）、促销活动的时间等信息。
第5章思考及作业想一想：1.可以将自己制作的首页设计文模板吗？2.首页各版块的设计风格和设计语言与主题的结合？3.首页各版块的衔接方法？练一练：首先制作店招、海报、促销模块、产品展示区等内容，最后制作尾页使画面更加完整。
第6章第7章想一想：1.还有哪些素材可以用于装修店铺？2.切片的图片有连续性吗？可否改变顺序？3.图片素材的链接制作方法？练一练：在制作时先打开料理机海报，并添加辅助线，再进行切片和保存。
第8章想一想：1.怎么保证无线端的安全？2.如何推广无线端店铺？练一练：按照店招——优惠券——海报——宝贝列表的步骤依次进行首页的制作。
第9章想一想：1.详情页制作前的准备有哪些？2.电脑端与无线端店铺的优缺点？练一练：先在无线端首页中使用自定义板块框选模块的区域，再添加图片。
设计网店标志
项目五 网店店招设计与制作
5.1 设计网店标志Fra bibliotek一、网店标志概述
网店标志是网店的名片，是消费者打开淘宝网店首 页时最先看到的部分，它在设置网店基本信息时上传， 当消费者搜索和收藏网店时就可以看到店标。
二、网店标志尺寸
淘宝网店的店标尺寸为80像素×80像素，一般在设 置网店基本信息时上传，消费者在搜索店铺或收藏店 铺时会出现店铺标志，是网店的形象代表和标志，所 以这个小小的图标看着小，但作用可不小。
请在已完成的“爱家汇”店标图案基础上，添加合 适的文字，完成“爱家汇”网店店标的制作。
八、Photoshop相关工具
画笔工具 铅笔工具 标尺工具 参考线
感谢观看！
三、店标的基本构成要素
网店的店标一般由代表网店形象的Logo图案、网店 名称、网店链接、联系号码、微信号、宣传口语等其 中的一项或多项组成，一般要求店标的构成以简洁为 主，凸显网店形象，因此由两项或三项元素构成为宜。
四、网店店标设计要点
在分析网店店标设计方案时，除了要考虑网店的名 称和销售的商品外，还要考虑网店的整体风格，消费 者喜欢的类型，同类网店已有的店标等，以此确定店 标的风格类型，设计相应的店标图案、文字。
店标的文字设计要根据整体的布局情况而定，如 店标图案已经突出，占据了较大的位置，那么文字只 需输入网店名字简称即可；如店标中文字是重点，那 么文字的内容、变形、颜色设置都需好好加工。
五、网店店标的类型
纯文字型店标
综合型店标
纯图案型店标
六、店标图案设计
（一）店标图案设计步骤
1.分析设计意图，设计店标图案。 2.新建店标，设置参考线，确定店标大小。 3.运用「钢笔工具」绘制店标图案轮廓。 4.运用填充工具填充店标图案。 5.运用「画笔工具」完善店标图案。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
六安职业技术学院教案
2016 ---- 2017 学年度第一学期
任课教师：林琳
课程名称：网络美工与广告设计
通过可视的东西，让别人感觉到看不到的东西，这就是logo的迷人之处。
品牌的联想与产品的使用感受，最终凝聚在一个记忆符号上。
这就是logo。
logo最朴素的定义呢，就是：一个有个性的签名;一个美的、有寓意的图形;一个品牌记忆的终极符号。
成功品牌的logo会价值连城，没有成功的一文不值，放在电脑里就是像素，一停电什么都没有。
logo最基础的功能呢就是：看出来是一个什么样的组织(企业、品牌等);隐约能看出来是干什么的(行业属性);感受大概的精神气质(品牌个性)。
在纷扰的环境中可以迅速被找到，以充满友好的姿态让受众了解到，与此同时还可以区分于竞品。
2.什么才是好的logo
①个性化：一个优质的logo需有个性化，也是唯一的。
独特性与唯一性是logo最为基本的要求之一，它一定是不一样的。
要用艺术的语言，将品牌不同的气质，表现出来。
与其他的品牌，与相近的图形，有着明显的区别。
②简单、符号化：之所以有logo的出现，就是因为想要一个简单的东西，符号化的东西，来高度的概括品牌的气质，方便的，更加容易的，运用在产品与服务上。
大家试想一下，如果你的iphone你的mac上印的是第一个苹果，你还会买吗?你不会。
不管是库克还是乔布斯，都不会允许把这个引到苹果的产品上，因为他不够简单，他不是符号化的东西。
大家再看一下第二个logo。
大家都知道，这是苹果公司的第一个logo。
大家可以试着用一句话描述一下。
牛顿坐在苹果树下看书，树上的苹果好像快要掉下来了，四周飘舞着一个丝带，上边写着苹果电脑公司。
而苹果现在的logo呢?大家再试着
用一句话描述一下，一个被咬了一口的苹果。
③精准、有质感：一个好的logo，如果他的行业属性允许的前提下，一定要做的足够的精致，足够的有质感。
经得起人在细节上的推敲，不论放多大，线条都一定是流畅的，质感都一定是十足的。
巴西最大的私营电视台，巴西环球电视台(Rede Globo);亚足联冠军联赛(AFC Champions League);大家可以看看这两个logo，在形态与质感上都是很到位的logo，高光与阴影的运用，色彩的使用上，都是很讲究的。
④巧妙、会心一笑：这一条是logo的加分项。
logo是高度的浓缩，如果可以把品牌的某一点，巧妙的融入到logo中，能让人一琢磨觉得很有意思，那一定是一个好的logo。
亚马逊的logo大家都知道是一个笑脸，但是还隐藏了一个从a到z，代表着亚马逊便捷顺畅的服务。
Fedex联邦快递作为一个快递公司的slogan是使命必达!使命必达就是快!EX中间的负形箭头。
Citiback花旗银行，t上部的一个曲线与t构成了一把伞。
银行嘛，安全很重要。
3.设计出一个好logo的思路
①从品牌名称入手：从品牌名称的首字母，中英文名称，或者品牌名称的含义入手。
我来举几个栗子。
大众汽车，VolksWagen，就用V 和W做一个嘛。
中华汽车，用中。
成都旅游，用成，成都旅游看什么?熊猫，结合一下。
金杭大运河?用运河做，古朴一点?做成印章的形式。
丝路基金?丝路是啥?沙漠!基金是啥?钱。
②从品牌行业属性入手：餐饮行业一定是看起来就好吃的,好喝的。
连锁超市一定是看起来就方便的，亲民的。
交通行业一定是看起来
就很快的，很便捷。
游戏产品一定是看起来就酷炫的很duang的。
大型集团一定是看起来就包容的，无所不能的。
奢侈品一定是看起来就是特别特别贵，买不起的...
③把控细节，提升质感：首先要把控细节。
做logo一定要规范，该直的地方一定是直的，该圆的一地方一定要很流畅。
该突出的地方要突出，没有必要的细节就删掉。
大家可以看一下这三个logo，英国石油，美国国家地理，丰田。
都是严格的遵守了黄金比例。
都是很规范，很严谨的设计。
BTW，说句题外话，大家千万不要迷信所谓的参考线与黄金比例。
好的黄金比例应用，是为了在一定程度上规范画面的效果，从而达到视觉上的舒适。
它就是辅助你达到“好设计”的一个工具，但是不要以工具为源头去设计。
一开始就秉承“我要用黄金比例去设计”或是“好设计都是以黄金比例为基础”，那这样就是本末倒置了。
另外，就是要提升质感。
正所谓三分画，七分裱。
恰当的质感的增加能给logo增色不少。
我们再来看一个例子：做过logo的人都知道，在logo中，最难做的是车标。
因为它不仅仅需要你设计上的规范，寓意上的好，还需要结构上的处理，质感的叠加。
大家可以看看这个众泰汽车的飞机稿，一步步从线稿到墨稿到黑白稿，分结构，加质感，是不是一步步效果就好了很多。
④动手前先用脑：什么用脑前先用手呢?做logo一定不要直接上电脑，要先用手用笔，这是很重要的一点。
电脑用的无论多熟练，都不如用手画的自然，而且说不定用手划拉的过程中还会有很多意想不到的收获。
咱们来看几个网上盛传的logo从手稿到最后的GIF。
什么叫动手前先动脑呢?就是画的时候要动脑子。
要多画，画标的一开始一定是头脑风暴的阶段，把能想到的不管好的坏的，靠谱的不靠谱的，都要画下来。
但是也要根据品牌的个性与气质来下笔，适当的联想，不能瞎画。