网店美工全书电子教案完整版课件全书教学课件.pptx

《网店美工全书电子教案完整版课件全书教学课件.pptx》由会员分享，可在线阅读，更多相关《网店美工全书电子教案完整版课件全书教学课件.pptx（82页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、网店美工国家级职业教育规划教材目 录第 1 章 网店美工基础第 2 章 网店图片设计第 3 章 网店文字设计第 4 章 网店装修设计课件制作谢谢观看第 1 章 网店美工基础 第 1 节 网店图片的调整 第 2 节 网店视觉色彩 第 3 节 商品图片的美化第 1 节 网店图片的调整 网店美工从事对网络店铺的页面进行美化的工作，既包括整体页面风格的结构布局设计，又包括页面主要图片元素的设计、编辑和美化。网店的美工设计要符合网络店铺的经营理念，与所销售的商品相呼应，从而达到吸引买家关注和浏览、提升网店品牌和信誉的目的。一、网店图片文件的类型1. JPEG 格式 JPEG 是最常见的一种图片格式，文件

2、的扩展名为 . jpg 或 . jpeg。2. PNG 格式 PNG 是可移植的网络图形格式。3. GIF 格式 GIF 是图形交换格式。二、网店图片编辑软件 Photoshop CS6 是一款用于图像制作和处理的专业软件，具有强大的功能，利用这些功能，可以有效地进行商品图片的编辑，是网店美工必备的软件工具。1.PhotoshopCS6 工作界面2.PhotoshopCS6 文件的新建和打开 （1）新建文件（2）打开文件三、商品图片的基本编辑1.商品图片的调整2.商品图片的校正3.商品图片的抠图 对于买家来说，在浏览网店时，首先吸引他们的是网店色彩搭配的视觉效果。对于网店来说，可以利用色彩鲜明

3、的商品图片吸引买家浏览和关注，由此增加商品和网店的吸引力，从而达到良好的营销效果。第 2 节网店视觉色彩一、色彩的分类1.无彩色2.有彩色3.特殊色二、色彩的三要素1.色相：是区别不同色彩的名称。2.明度：是指色彩的明暗程度。3.纯度：是指色彩鲜艳的程度。三、颜色的模式1.RGB 模式2.CMYK 模式3.HSB 模式4.Lab 模式四、网店色彩的搭配1.同一色调搭配2.类似色调搭配3.对比色调搭配 为了让商品图片更加具有吸引力，获得更多买家的关注，需要在商品图片上传之前对其进行了细致的处理和美化。第 3 节商品图片的美化一、图片修图工具1.仿制图章工具2.图案图章工具3.污点修复画笔工具4.

4、修补工具5.红眼工具二、商品图片的批量处理 “动作”控制面板可以对图像进行批量处理，避免重复操作，提高处理图片的效率。课件制作谢谢观看第 2 章 网店图片设计 第 1 节 网店促销图设计 第 2 节 商品主图设计 第 3 节 商品详情页设计第 1 节 网店促销图设计一、促销图的类型 网店促销图一般分为整店促销图、单品促销图和活动推广促销图三种类型。1.整店促销图2.单品促销图3.活动推广促销图二、促销图元素 促销图元素有产品、背景、文案。三、促销图排版1.左文右图2.左图右文3.两边图中间文字四、滤镜工具第二章第二章1.滤镜库第二章第二章2. 独立滤镜第 2 节商品主图设计第二章第二章一、商品

5、主图设计要点1.主图尺寸要求2.商品要突出3. 图片要清晰4.图片要真实二、商品主图的构图方法1.中心构图2.均衡构图3.紧凑式构图4.三角构图5.对角线构图6.九宫格构图第 3 节 商品详情页设计一、商品详情页的尺寸要求1.计算机端描述页面要求 每张图片的容量建议不超过 2 MB，图片宽度不超过 750 像素，商品描述页面“源码”不超过 200 000 个字符。2.手机端（无线端）描述页面要求 图片宽度要求在 4801 242 像素，高度小于等于 1 546 像素；图片总容量不超过 2 560 KB，总字数不得超过 5 000 个字；摘要内容不超过 140 个字。二、详情页包含的元素1.基本

6、信息2.产品展示3.商品焦点图4.商品细节图5.购物须知三、蒙版和通道的使用1.蒙版 （1）蒙版效果 （2）蒙版使用2.通道 （1）通道的分类 （2）通道控制面板 （3）通道的作用课件制作谢谢观看第 3 章 网店文字设计 第 1 节 文字基础设计 第 2 节 促销文字排版第 1 节 文字基础设计 商品的某些属性有时无法单纯用图片来说明，如店铺公告栏，商品分类信息、商品详情、售后服务、运输方式、付款方式、说明等，而文字就可以把这些信息直接传递给买家，文字是店铺展示的基础部分。 一、文字设计基本操作1. 文字工具的使用 常用的文字工具有“横排文字工具”“竖排文字”和“文字蒙版工具”（可以创建文字选

7、区，在选区中可以填充文字的颜色）。 （1）纯文字状态下，横排文字和竖排文字的切换 1）单击窗口栏的“改变文字方向”按钮 。 2）选中文字所在图层，右击鼠标选择“水平 / 垂直”。 3）执行窗口菜单“文字”“取向”“水平 / 垂直”命令。（2）字母数字方向的更改 单击“字符”面板的倒三角形，先选择“更改文本方向”，再单击“倒三角”，选择“标准对齐垂直罗马方式”。2.文字面板 在文字的设计过程中需要使用“字符”面板和“段落”面板，如图所示。它们可以让文字具备更多的功能，如“字符”面板中的字体样式， ，还有“段落”面板中的 选项，可以在段落文本框宽 度不够的情况下自动换行。二、创建文字1.点文字的创

8、建 点文字是一个水平或垂直的文本行，每行文字都是独立的，行的长度随着文字的输入而不断增加，但是不会换行。2.段落文字的创建 段落文字是在定界框内输入的文字，它具有自动换行、可调整文字区域大小的优势。在需要处理文字量较大的文本时，可以使用段落文字来完成。3.路径文字的创建 路径文字用于创建排列不规则的文字 , 可自行定义文字方向。创建路径文字时需要先绘制一条路径，将文字工具指定到路径上，创建的文字会随着路径的走向排列，路径改变时，文字的排列也会随之变化。三、转换文字图层1.文字的栅格化 Photoshop CS6 中，用文字工具生成的文字未栅格化前，优点是可以重新编辑，如更改内容、字体、字号等。

9、缺点是无法使用 PS 中的滤镜。因此使用栅格化命令将文字栅格化，可以制作出样式多样，漂亮的文字，使文字效果更丰富。文字栅格化后加滤镜的效果2.文字转换为形状 在图层面板中选择文字图层，右击鼠标转换为形状，可将文字转换为形状图层。3.文字转换为工作路径 在图层面板中选择文字图层，右击鼠标创建为工作路径，可将文字转换为路径。第 2 节 促销文字排版 设计商品促销广告主要以商品图片和文字为主，因此要注意商品图片和促销文案的排版，商品图片要清晰，促销文案要突出重点。设计过程中主要使用画笔工具绘制背景，使用抠图工具抠出商品图片，使用文字工具结合钢笔工具对文字进行排版。 一、网店常用字体1. 静态店标 网

10、店常用黑体、微软雅黑、汉真广标等笔画较粗的字体，能让促销文案具有力量感。设计促销文案时，要按文字的重要程度来设置文字的大小，需要强调的文字，一般会被加粗或者放大。二、网店文字排版常用形式1. 左文右图式排版2. 左图右文式排版3. 两边图中间文字式排版4. 多产品构图式排版课件制作谢谢观看第 4 章 网店装修设计 第 1 节 店标设计 第 2 节 店招设计 第 3 节 公告栏设计 第 4 节 商品分类设计第 1 节 店标设计 网店装修就是在第三方平台规则许可的范围内，通过图片美化、程序模板等手段使得网络店铺更加美观。 一般来说，网店装修的主要工作包括：店铺标识（店标）设计、店铺招牌（店招）设计

11、、公告栏设计、商品分类设计等。 一、店标类型1. 静态店标 （1）文字型店标 主要是以文字和拼音字母等单独构成，适用于多种传播方式。 （2）图案型店标 图案型标志仅用图形或图片构成标志。这种标志形象生动，色彩明快，且不受语言限制，非常易于识别。但图案标志没有名称，因此表意不如文字标志准确。 （3）组合型店标 组合型标志是由文字和图案组合而成的标志。这种标志发挥了文字及图案标志的优点，图文并茂，形象生动，易于识别。 2. 动态店标 相对于静态店标，精美别致的动态店标更加吸引人，或绚丽、或闪耀、或展示商品，也被更多的网店广泛应用。 二、店标设计原则1.造型的创意性2.独特的识别性3.设计的统一性

12、三、店标设计的相关工具 1.形状工具组 2.钢笔和路径工具组 3.选区工具组 4.文字变形工具 5.时间轴工具 五、将店标设置为动画格式输出 1. 一次 2. 永远 3. 其他 第 2 节 店招设计 店招就是商店的招牌，是挂在商店门前作为标志的牌子，主要用来指示店铺的名称和字号，有竖招、横招等形式。与实体店类似，网店店招也是用于展示店铺名称和经营特色，同时具有宣传店铺的作用。 一、店招设计要点1.店铺名称醒目，凸显品牌特性 2.重视店招图片的左上角 3.颜色不要复杂，字体保持整洁性 4.及时更新 二、店招常用字体 三、店招设计的相关工具 1.背景底图制作工具 2.字体工具 第 3 节 公告栏设计 公告栏是用于张贴公布公文、告示、启示等提示性内容的展示用品。网上店铺公告栏则是起到向买家展示店铺重要信息的作用。一、公告栏的类型1.简洁型公告栏2.消息型公告栏 二、公告栏设计及排版三、公告栏设计的相关工具1. 文字编辑工具2.“段落”调板 第 4 节 商品分类设计 一、商品类目的分类原则 二、商品类目的分类方式 1. 按商品种类分类 2. 按商品品牌分类 3. 按商品风格分类 三、商品类目导航条 四、商品分类设计的相关工具 1. 图层工具2. 绘画工具3. 图案图章工具4. 切片工具 课件制作谢谢观看