网店美工实战教程第4章-店铺装修的基本设置课件.pptx

上传人(卖家):三亚风情 文档编号:2872512 上传时间:2022-06-06 格式:PPTX 页数:41 大小:8.54MB
下载 相关 举报
网店美工实战教程第4章-店铺装修的基本设置课件.pptx_第1页
第1页 / 共41页
网店美工实战教程第4章-店铺装修的基本设置课件.pptx_第2页
第2页 / 共41页
网店美工实战教程第4章-店铺装修的基本设置课件.pptx_第3页
第3页 / 共41页
网店美工实战教程第4章-店铺装修的基本设置课件.pptx_第4页
第4页 / 共41页
网店美工实战教程第4章-店铺装修的基本设置课件.pptx_第5页
第5页 / 共41页
点击查看更多>>
资源描述

1、第 4 章店铺装修的基本设置网店美工实战教程(全彩微课版)24.1 Logo的制作内容导航4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标34.1 Logo的制作 Logo作为店铺最重要的标志之一,常常出现在店铺页面和商品图片中,通过这种途径可以展示和宣传自己的网店,将店铺的内在形象、特点与其他店铺区分开来,增加店铺的辨识度,从而形成对店铺的品牌烙印。44.1.1 Logo的定义 Logo是一种标志,主要通过造型简单和意义明确的视觉符号,将经营理念、企业文化、经营内容、企业规模和产品特性等要素传递给买家,使其能够明确识别和认同店铺的

2、图案和文字。 Logo是店铺视觉形象的核心,也是构成店铺形象的基本特征,能够体现店铺的内在素质,它不仅是调动视觉要素的主导力量,也是整合视觉要素的中心,更是买家认同店铺品牌的代表。 优秀的Logo设计可以准确地把店铺的形象与概念转化为视觉映象,而不是简单地表现某个东西。在Logo设计中要注意以下3方面事宜。 (1)简洁鲜明 (2)美的体现 (3)稳定性与一贯性54.1.2 Logo的分类文字Logo图形Logo图文结合型Logo64.1.3 Logo的设计与制作1.新建图像文件2.绘制路径3.填充叶子颜色4.填充杯子颜色5.锐化图案6.输入文字74.1.3 Logo的设计与制作7.输入“原味”

3、文字8.绘制叶子9.擦除“味”右边的笔画10.Logo效果8 将Logo保存为“.png”格式,打开需要添加Logo的图片,选择【文件】/【打开】菜单命令,打开商品图片和Logo图片,将Logo图片拖动到商品图片的一角,即可完成Logo的添加。4.1.4 将Logo添加到图片中9内容导航4.1 Logo的制作4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标104.2 店标的制作 店标,店铺的标志之一,不同于店铺Logo。店标通常显示在店铺的左上角或店铺搜索列表页等地方。网店的店标分为静态店标和动态店标两种,并且都是以产品图片、宣传语

4、言、店铺名称等内容组成。114.2.1 店标的设计原则让店标过目不忘03统一性04凸显店铺的独特性质0202选择合适的店标素材0112针对茶叶店铺进行静态店标的制作,制作时主要通过茶壶的绘制与文字的描述进行表现。4.2.2 制作静态店标1. 绘制茶壶壶身、壶盖和烟雾2. 填充图形颜色3. 绘制壶嘴4. 填充图形颜色134.2.3 制作动态店标在绘制的静态店标上制作动态店标,并且通过设置文字的不透明度达到闪烁的目的。1. 创建帧动画2. 设置帧样式3. 设置每帧的播放时间4. 设置动画的播放方式5. 保存为GIF文件144.2.4 店标的上传1. 打开基础设置页面2. 选择上传的店标3. 查看上

5、传店标后的效果15内容导航4.1 Logo的制作4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标164.3 背景的制作 背景是网店装修中必不可少的一部分,除了使用网店系统自带的纯色背景外,还可制作出具有独特、个性有符合气氛的背景。174.3.1 背景的设计要求大小:背景图的大小不能过大,以免影响网页的运算速度,最后造成客源的流失。图案:背景图案不能过太花哨,也不能颜色杂乱,以免影响产品的表现。衔接:注意是否能在平铺的情况下实现无缝衔接,避免出现页面不统一现象。184.3.2 制作页面背景图制作“贝壳”背景图,要求制作的色调与前面的茶

6、叶相统一。1. 填充前景色2. 绘制并描边椭圆194.3.2 制作页面背景图3. 复制绘制的圆4. 合并图层并绘制矩形框204.3.2 制作页面背景图5. 裁剪部分图形6. 合并并复制图形214.3.3 上传背景图片1.单击“店铺装修”超链接2.选择上传的背景图片3.设置背景显示4.查看平铺后的效果22内容导航4.1 Logo的制作4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标234.4 模板的管理 模板是店铺装修的重要部分,通过对模板进行管理,不但能使网店更加美观,而且更能表现店铺的风格。在模板的管理中,主要包含模板的变换和模板

7、的还原与备份两大部分。244.4.1 模板的变换1. 单击“模板管理”超链接2. 选择新模板3. 设置配色4. 模板市场254.4.2 模板的备份与还原单击“备份和还原”按钮输入备份信息应用备份删除备份26内容导航4.1 Logo的制作4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标274.5 模块的设置 淘宝店铺是由不同的模块组成的,如果没有模块,宝贝将无法摆放,页面将无法装修,自然也就没有流量流入。模块的设置包括模块的基本知识和模块的添加、删除及编辑的方法。284.5.1 认识基础模块宝贝推荐模块宝贝排行模块294.5.1 认识

8、基础模块宝贝轮播模块友情连接模块304.5.1 认识基础模块宝贝搜索模块自定义模块314.5.2 模块的添加、删除和编辑1. 打开“模板”窗口2. 添加模块3. 自定义图片4. 复制图片链接324.5.2 模块的添加、删除和编辑5. 输入复制的网址6. 查看添加的内容7. 查看编辑后的效果33内容导航4.1 Logo的制作4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标344.6 综合实训制作并添加优质男装店标 制作一家男士服饰店的店标,对该店标进行一些元素化设计。采用简单的男士头像,加上店铺名称组成简短的文字,体现出店铺出售的商品

9、为男装,并对店铺的名称进行简单介绍。最后应用简单的动画,让简单的店标变得生动形象,更直观地展现在买家的眼前。354.6 综合实训制作并添加优质男装店标1. 设计思路既联系又区别 (1)店标主要指针对男性服装,因此具有男性风格的店标尤为重要。店标通过勾画人物头像的轮廓,让男性的头像变得尤为突出,从形式上体现店铺的主题,并以男性的代表颜色“黑色”作为店标的主题颜色,体现男性的稳重感。 (2)为了营造店铺的主题,将店铺的店名输入到头像的下方,在输入店名时,为了凸显店铺的名字,可对“淳品”进行加大、加粗显示,这样可在简短的文字中抓住重点,以便店铺名字的记忆。 (3)通过带有欧美风的英文,让店铺的品质得

10、以升华,并通过简单的星光让店标变得璀璨夺目。364.6 综合实训制作并添加优质男装店标2. 知识要点使用“钢笔工具” 勾画轮廓并填充颜色,让店标的主体得以体现,从而体现店铺的卖点。使用“矩形工具” 绘制文本编辑区,并输入文字,让店铺的名称在店标中进行显示,并通过文字样式的差异,让文字起到视点的变化。使用“时间轴”创建动画,让制作的店标变得生动,这样不但能帮助顾客记忆,还能提高店铺的品质。371.绘制路径2.填充路径颜色3.绘制矩形4.输入文字5.载入画笔样式 3. 操作步骤4.6 综合实训制作并添加优质男装店标384.6 综合实训制作并添加优质男装店标6.制作星光效果7.复制所选帧8.设置每帧的播放样式9.保存动态图标394.6 综合实训制作并添加优质男装店标10.打开“基础设置”界面11.选择上传的店标12.查看店标上传后的效果40课后习题 (1)丫丫童装的主要目标客户是510岁的儿童,因此制作该Logo时,颜色要鲜亮,并且采用城堡、云彩、摩天楼等图样,体现儿童的喜好,让童装与儿童产生共鸣(配套资料:效果文件第四章练习1)。 (2)夏日炎炎是箱包店铺的店名,主要经营高档的箱包。本店标主要是文字类店标, 通过简单的图形和文字,让文字进行动态的显示(配套资料:效果文件第四章练习2)。41谢谢观看店铺装修的基本设置网店美工实战教程(全彩微课版)

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 办公、行业 > 各类PPT课件(模板)
版权提示 | 免责声明

1,本文(网店美工实战教程第4章-店铺装修的基本设置课件.pptx)为本站会员(三亚风情)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!


侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|