淘宝美工教程——聚划算主图
网店美工教案
《网店美工与视觉设计》教学教案第1章课时内容网店美工和基本技能授课时间课时8教学目标 熟知网店美工的技能要求和了解常用美工软件； 了解网店美工中需要注意的问题；掌握电商视觉设计黄金构图法；掌握适合自己网店美工风格的确定方法；理解网店美工的概念。
教学重点掌握适合自己网店美工风格的确定方法。
教学难点掌握适合自己网店美工风格的确定方法。
教学设计1.教学思路：（1）网店美工的工作范畴与设计要求；（2）网店美工常用的图像制作与处理软件；（3）网店美工与店铺装修风格。
2.教学手段：（1）通过现场演示引起学生们对设计的兴趣，并带动课堂氛围；（2）通过大量优秀案例欣赏，加强视觉冲击，提高鉴赏辨别能力。
教学资料及要求：教学过程中除了讲解必备的理论知识外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。
教学内容内容大纲：1.1∣网店美工的工作范畴与设计要求1.1.1 网店美工概述1.1.2 网店美工人员的工作内容与技能要求1.2∣网店美工常用的图像制作与处理软件1.2.1 Photoshop1.2.2 电商图片助手1.2.3 Dreamweaver1.2.4 Flash1.2.5 Illustrator1.2.6 Fireworks1.3∣网店美工与店铺装修风格1.3.1 确定店铺装修风格的重要性1.3.2 确定店铺装修风格的方法1.3.3 不同店铺装修风格欣赏课后练习小结1、网店美工应具备的基本技能要求；2、网店美工设计常用的几种软件；3、网店装修风格的确定与赏析。
课后习题（1）请列举网店美工常用的软件及它们之间的区别。
（2）请为一个商品确定店铺装修风格。
《网店美工与视觉设计（视频指导版）》配套教学教案第2章课时内容网店配色与图片素材收集授课时间课时 6教学目标 熟悉并掌握店铺色彩搭配技巧方法； 了解网店美工色彩心理应用；掌握店铺掌握网店图片素材收集技巧教学重点能独立设计制作出符合店铺风格的店铺颜色搭配。
教学难点掌握色彩基础知识原理。
淘宝店铺换主图和详情技巧
淘宝店铺换主图和详情技巧1.旺旺头像：一般为120×120像素。
旺旺购物等级足够的话支持gif动态头像，等级不够则不会动，具体多少等级，则没有具体考证。
2.店招：中间真正的店招是950×120像素，算上页头背景是1920×150像素（页头背景图片大小不能超过200k）。
3.宝贝主图：淘宝主图框的正好尺寸是460×460像素。
如果要鼠标放上去可以放大的效果，需要主图700×700像素以上。
如果你的图片本身小，比如说500×500像素，不够700×700，那么不要勉强去放大它，图片放大以后会失真，模糊，还不如用没有放大功能的原始大小。
4.宝贝详情页总体尺寸：c店（普通集市店）宽度750像素，天猫商城店宽度790像素。
高度都是没有限制的，看你需要多高的。
2000到2万像素都是有可能的。
5.淘宝店首页：c店宽度都是950像素，天猫是990像素。
高度也没有限制。
6.首页大海报：跟店铺宽度的一样的，专业版旺铺是950宽，高度600左右。
全屏大海报宽度是1920像素，这个数值来源于22英寸液晶显示器的宽度。
制作这种全屏轮播效果需要用代码生成器才能实现。
或者不用代码生成器，如果购买的sdk装修模板有带这个全屏海报模块，就可以直接在模板中上传图片了。
7.专业版旺铺左侧分类条的尺寸：大分类条150×60子分类条150×35。
如果你想知道某个区域大约是多少像素，就用鼠标截图，这时候你就能看见截图区域是多少像素（用QQ截图也可以）。
淘宝宝贝主图尺寸你知道吗淘宝更换主图和更换淘宝详情页面，不能盲目找寻图片去替换，以下是淘宝换主图和详情技巧，一起来学习吧！淘宝换主图的技巧是什么？1.淘宝主图：这张主图是淘宝搜索展示的。
要有产品、品牌LOGO、特点、价格、活动，背景可以为纯色。
2.天猫主图：这张主图是天猫搜索展示的。
要有情景、产品、品牌LOGO。
淘宝美工教程22集第20集：淘宝主图视频设计
Premiere也可以与 Photoshop配合使用， Photoshop文件编辑处理的文件可以直接 导入Premiere中进行再次编辑。更加强大 的是，任何在Photoshop中修改图像并存 储后，在Premiere中便会立刻更新文件。
图片视频的制作
• 模块
拍摄视频的制作
•
视频添加文字
2017/1/13
详情页切图优化注意事项
• Premiere是一款剪辑软件，用于视频段落的组合和拼接，并提供 一定的特效与调色功能。 • Premiere是视频编辑爱好者和专业人士必不可少的视频编辑工具， 提供了采集、剪辑、调色、美化音频、字幕添加、输出、DVD刻 录的一整套流程， 足以完成在编辑、制作、工作流上遇到的所 有挑战，满足我们创建高质量作品的要求。
• 本节素材：链接: https:///s/1c2oUSXq 密码: xcfu
• Premiere软件：链接: https:///s/1gfvAqyv 密码: mgpr • 链接: https:///s/1jINo6Lg 密码: cfvw
视频添加配音
视频添加特效
视频格式的转换
•视频上传与应用•女装详Biblioteka 页制作流程2017/1/13
淘宝美工教程22集第12集：店铺首页布局框架
合理布局和规划展示的商品信息
• 首页的目的是第一让顾客记住店铺，包括店铺名，风格，商品品 类，商品价位等基本信息；二是让客户由我们提供的路线目标在 首页上有目的性的点击，提高二跳率。
• 一个正常营业的店铺首页主要有:
孔老师内容
• 学习是为了进步
• 店招、导航、海报、产品分类、客服旺旺、 产品展示、店铺页尾、店铺背景等这几部分 组成。
布局制作流程
• 第一步：确定网店风格 • 店铺风格一般受品牌文化、产品信息、顾客群、市场环境和季节 等因素影响。网店的风格多种多样，比如清新脱俗、简单大方， 以及俏皮可爱、欧美风格等，一个网店确定风格后是布局的前提。 如果是新手卖家，也可以借鉴参考同类网店，避免风格和商品不 伦不类背道而驰。
2017/1/13
2017/1/13
• 第四步：排版设计制作 • 需要通过Photoshop软件来进行首页的排版设计制作，一般一个 首页设计需要3-5天时间左右。前期要规划素材，后期要排版设 计制作，领导确认定稿等工作。
• 第五步：上传店铺首页 • 店铺首页设计好之后，需要进行切图处理，上传图片，然后使用 Dreamweaver添加链接。这些内容会在之后的章节中进行详细讲 解。
• 第二步：确定首页模板
2017/1/13
2017/1/13
• 第三步：搭建首页框架 • 店铺首页包含多种元素，如店招、导航、首焦轮播、优惠券、旺 旺咨询、活动促销、分类列表、公告信息、海报、新品展示、页 中导航、短袖、衬衫、裤子、导航、店尾。
2017/1/13
2017/1/13
https:///
淘宝聚划算的操作方法
淘宝聚划算的操作方法
要使用淘宝聚划算，您可以按照以下步骤操作：
1. 在淘宝App或网页上进入淘宝聚划算页面。
您可以通过在淘宝首页搜索栏中输入“聚划算”来快速找到。
2. 在聚划算页面上，您会看到各类商品的优惠活动。
可以通过左侧的商品分类来筛选您感兴趣的商品。
3. 点击任意一个商品，进入商品详情页。
在此页上，您可以看到商品的折扣价、原价、销量等信息。
4. 如果您决定购买该商品，点击“立即购买”按钮。
如果您还想继续浏览其他商品，可以点击“加入购物车”。
5. 在结算页面上，您可以选择商品的数量、颜色、尺码等信息，并填写收货地址和支付方式。
6. 最后，确认订单信息并点击“提交订单”按钮，完成购买流程。
需要注意的是，淘宝聚划算的商品和优惠活动会定期更新，所以您可以经常留意并及时把握优惠时机。
同时，购买前也要仔细核对商品信息，以免出现购买错误
或不满意的情况。
淘宝天猫美工 第3章 淘宝商品图片的收集和优化
图 3-5
所有主图必须是同一款商品，图片要求是正方形，图片大 小为 800 像素 ×800 像素。
若一款商品有多个颜色，5 张商品主图建议统一为一种颜 色，其他颜色主图可在宝贝详情页展示。
在商品细节表现上，服装类商品应包括款式特写、做工特 写、材质特写和配件特写等，其他商品的特写可根据自身 情况决定。
数码相机：拍摄商品最好选择单反相机，且具有很好的微 距功能，并应优先选择具有全手动功能的相机，如自定义 白平衡等功能，如图 3-1 所示。
三脚架：有了三脚架的辅助，就不用担心由于快门速度或 相机抖动所造成的对焦不准的问题，这样在拍摄的时候能 更加得心应手地用慢快门、小光圈来表现商品细节，特别 在微距拍摄和长时间拍摄过程中，借助三脚架拍摄能让拍 摄更轻松。如图 3-2 所示。
微距拍摄商品细节时，商品细节必须占该张图片 70% 的 位置。
商品细节图片必须单独拍摄，不能在原主图上进行裁剪。
3. 商品详情页图片的拍摄
商品详情页是影响商品成交转化最重要的因素之一，制作 详情页首先需要优质的商品图片，然后完成图片的后期处理， 最后再设计制作而成。也就是说，详情页的具体展示内容需要 摄影师、美工、运营等共同对商品和消费者分析后决定。
图 37
参数信息拍摄：对于一些特殊的商品，可能需要测量商品 尺寸或对商品进行称重等，如图 3-8所示。
图 3-8
款式颜色拍摄：多颜色或多款式的商品需要将每种颜色、 款式分别拍摄出来，然后再进行后期美化，如图 3-9 所 示。
图 3-9
各种细节拍摄：拍摄出能体现商品质量、特色、功能、卖 点的一些细节，如图 3-10 所示。
图 3-3
图 3-4
2. 商品主图的拍摄
淘宝主图设计技巧
淘宝主图设计技巧淘宝主图设计技巧主图是一款产品的流量入口，对引流起着至关重要的作用，一张好的主图可以为店铺运营省下好多钱和精力，怎么让自己的主图在整个淘宝页面中脱颖而出?下面店铺为大家整理了淘宝主图设计技巧，希望能帮到大家！（一）关于版式电商产品繁多，没有一个统一的排版模式！但要做好一张主图，应该遵守的一些原则还是有的。
1.版式：常用的板式有左右排版、中心对称排版、中心围绕、上下排版等（这里指文字和产品的位置）。
2.版式的选择；a.根据产品的不同和主图不同的作用（直通车主图、普通主图、活动主图等）有不同的做法：比如服装类，模特照片通常采用的是中心对称式构图为主；平铺或者挂拍的通常采用左右排版这类通常是较规则，整体呈竖式长方形的产品，所有符合这个特征的都非常适合中心对称和左右排版（并非绝对，是通常来讲）b.相比上述产品，相对不规则的产品，通常采用的是上下排版和中心围绕。
例如：上下排版中心围绕，配合倾斜c.总结：版式都不是固定不变的，以上所说皆是最常用也往往是最有效的一些，根据产品的造型去给自己的主图设计相应的排版！3.关于图文比例为了在页面中更具优势，我建议产品比例占整个画面的2/3左右（特殊作图效果除外），必要的时候可满版型设计（通俗讲即产品布满整个画面）4.关于用色方面简单说一下，尽量文字根据产品颜色来定位，选择同色系或者补色！关于用色方面，下篇文章细讲，在做主图的作用方面尤其重要，如何在同产品中脱颖而出，起着至关重要的作用！（二）关于用色色彩基础就不多讲了，理论只是用于实践！今天就专讲一下关于主图的配色用色方法。
这对于我们主图的点击有着非常重要的作用。
具体步骤如下：01.分析产品，以女装为例，这个阶段不用在意产品本身的颜色，最应该做的是去用最热的词去搜索自己宝贝的页面大概的位置本来是上下左右全部做对比的，这里只做横向对比，道理都是一样的。
如上图，相比其他三张主图，第四张颜色偏深，对于我们的眼睛来说，视觉停留点就在这张图片上。
淘宝摄影美图教学第3、4、5章
• 4.1.1 吸光物体 • 顾名思义，吸光体就 是对光线充分吸收的 物体，通常显得深暗， 例如黑色煤块和深黑 色的石块等，能吸收 90％左右的光线，其 呈深黑色（见图4-1）。
• 4.1.2 透光物体 • 有些物体如水、冰、 透明玻璃、透明塑料 等；光线会直接透过 而呈现出透明的白色 或有色现象（见图42）。
• •
1.选择竖画面 拍摄对象——竖立 高长，适合将相机竖 起来拍摄竖画幅的照 片，如图3-1中，主体 是一个由竖立的长方 形瓶子，直立向上的 线条形状，所以适宜 竖画幅。
• 2.选择横画面 • • 拍摄对象——横向窄 宽，适合将相机横着 拍摄横画幅的照片 • 如图3-2中，主体是横 向侧卧的一尊佛像，
•
3.1.2 根据动势来 选择 • 在实际拍摄中，还有 一种变化——被摄对 象的运动趋势，也会 影响到我们在画面安 排上的横与竖。
3.2 商品的位置安排
• • 3.2.1 主角与配角 • 被拍摄的商品就是画面的 主体——主角，是画面中 最重要最关键的实物形象。 除此之外，还有与主体相 对应的陪体——配角，主 要用来烘托和美化主体， 也是画面构成中不可缺少 的组成部分。 •
• •
2.人工光源 在室内拍摄时， 主要光源就是各 种人工照明灯光。 一般常用的有大 型闪光灯、柔光 箱、LED灯、碘 钨灯、白织灯 （见图4-6）。
• 3.灯光亮度的控制 • 目前常用的人工灯具，主要有影室大型闪光 灯和长明LED灯。这类专业灯具的功率从 200W--2000W不等，但在灯具的灯头上都有 输出调节开关（见图4-7），
2.斜线排列 斜线构图主要是将商 品按45º 对角线方向排 列（图3-9），有时也 会有其他角度上的变 化。
• •
3.2.5 画面留白 我们常说的要在画面中留白（留空白），一是 避免画面太满，需要留出宽松的空间。二是画面的 剪裁需要。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
淘宝美工教程——聚划算主图
聚划算是淘宝上的一个特殊推广模式，商家可以通过聚划算将商品以低于平时
价格的优惠价出售。
对于商家来说，聚划算的主图是吸引消费者的关键。
本篇教程将为大家详细介绍如何制作聚划算主图。
第一步：制作背景
聚划算主图需要一个富有层次感的背景，一般选择浅色系或者中性色系，避免
太多花哨的图案和色彩。
这里我们以浅灰色为例，使用Photoshop制作背景：
1.打开Photoshop，创建一个大小为800×800像素的新文档。
2.在工具栏中选择“画笔工具”，选择灰色，将画笔的透明度设置为30%。
3.在新文档中画出一块灰色的区域，用于制作背景。
4.在“图层样式”中使用“内阴影”效果，增强层次感。
第二步：添加商品图片
商品图片是聚划算主图中的重要部分，需要清晰、醒目。
为了让商品更加突出，我们需要在背景上添加长方形的区域，将商品图片放置在其中：
1.在新文档中创建一个新图层，使用矩形工具画出一个稍小于背景的区
域。
2.填充这个区域为白色。
3.在新图层上使用“内阴影”效果，增强层次感。
4.将商品图片调整到适当的大小，并放置在这个白色区域内。
第三步：添加商品信息
聚划算主图需要添加一些商品信息，例如原价、优惠价、折扣等信息。
为了使
主图更加整洁、有序，我们建议将这些信息分别放在图像的上、下部分：
1.在新文档中创建一个新图层，选择橙色，使用矩形工具在商品图片的
上面画出一个条形区域。
2.将这个条形区域调整大小、位置，使其与商品图片的上边缘对齐。
3.在条形区域内添加商品信息，例如商品名称、原价、优惠价等。
4.使用Photoshop中的文字处理工具美化字体、排版等。
同样地，我们也可以在商品图片的下方放置一个橙色条形区域，添加一些特别
的活动信息，例如限时折扣等。
第四步：美化主图
最后，我们需要对聚划算主图进行美化，增强购买兴趣和吸引力。
这里我们给大家提供两种常见的美化方式：
1.模糊背景：在聚划算主图的背景上应用高斯模糊效果，使背景更加柔
和。
在图层样式中，选择“模糊”效果，设置半径为5px左右。
这种方式可以让商品图片更加突出，为主图增加柔和、优美的感觉。
2.添加边框：在聚划算主图的周边添加一个简单的边框，使主图更加饱
满、美观。
在图层样式中，选择“描边”效果，设置颜色、粗细和位置。
这种方式可以增加主图的立体感，也能够使主图与其他聚划算主图区分开来。
聚划算主图是促销活动中非常重要的一环，它直接影响到商家的产品转化率。
通过本篇教程，相信大家已经掌握与制作聚划算主图相关的技能和方法。
希望大家在实战中能够灵活应用，创造更多的商业价值。