淘宝美工教程22集第20集：淘宝主图视频设计
第1章网店装修美工设计
闪图
三、网店装修中需要注意的问题 3 添加音乐要有讲究
在网店中添加音乐时要深思熟虑。如果买家不开音响，添加的音乐不仅毫无作用， 还会占用网络数据的传输空间；如果买家开了音响，进入网店后，网店音乐与买 家播放器的音乐出现重合，买家可能会立刻关闭网店页面。
二、网店装修的风格
01 如何确定网店装修的风格 02 不同行业的网店装修风格
二、网店装修的风格 1 如何确定网店装修的风格
网店装修流程
某时尚网站设计
二、网店装修的风格 1 如何确定网店装修的风格
抓住网店调性的方法
二、网店装修的风格 1 如何确定网店装修的风格
将素材进行组合提炼
二、网店装修的风格 2 不同行业的网店装修风格
一、初步了解网店装修 1 什么是网店装修
直接拍摄的商品图片
经过处理的商品图片
添加图片到网店首页
一、初步了解网店装修 1 什么是网店装修
首页装修
详情页装修
一、初步了解网店装修 2 网店装修的重要性
一、初步了解网店装修 2 网店装修的重要性
没有经过润色的图片
后期调整后的图片
一、初步了解网店装修 2 网店装比较柔和、悦耳的音乐，让人感觉舒服的音 乐会让买家在店内的停留时间变长。
添加音乐
三、网店装修中需要注意的问题 4 控制装修图片的色彩
巧妙地运用色彩可以使网店页面变得鲜艳、生动、富有活力，但是页面的颜色不 能太多、太杂，要保持统一，要有一个固定的配色方案对色彩进行规范，以减少视觉 干扰。过多的色彩容易造成版面复杂、混乱的视觉效果，对买家获取商品信息毫无帮 助，反而可能会带来负面作用。
《Photoshop网店美工实例教程(第3版 全彩慕课版)》读书笔记模板
1
9.1创建文字
9.2课堂案
2
例——制作龙
腾粽移动端海
报
3 9.3创建变形
文字与路径文 字
4 9.4课堂案
例——制作卡 通U形枕套装海 报
5 9.5课堂练
习——制作宠 物食品首页活 动专区
9.6课堂练习— —制作婴儿推 车周年庆海报
9.7课后练习— —制作香水专 场宽屏海报
9.1.1应用横排文字工具 9.1.2认识“字符”面板 9.1.3认识“段落”面板 9.1.4编辑文本框 9.1.5创建文字选区
1
3.1选区工具 的应用
3.2课堂案
2
例——制作家
用咖啡机直通
车主图
3 3.3课堂案
例——制作宠 物用品促销海 报
4
3.4编辑与修 改选区
5 3.5课堂练
习——制作夏 季上新童装促 销海报
3.6课堂练习— —制作移动端 清新女装海报
3.7课后练习— —制作年货节 中国风海报
3.1.1应用选框工具 3.1.2应用磁性套索工具 3.1.3应用魔棒工具 3.1.4应用快速选择工具 3.1.5应用调整边缘工具
9.3.1创建变形文字 9.3.2创建路径文字
10.2课堂案例—— 为女装模特瘦腿
10.1应用滤镜库
10.3课堂案例—— 制作古典纹理效果
10.4应用其他常用 滤镜
10.5课堂案例—— 制作下雪特效
10.6课堂练习—— 制作五一出游季海报
10.7课后练习—— 制作椰香速溶咖啡海 报
10.1.1认识滤镜库 10.1.2应用“液化”滤镜
6.1.1应用污点修复画笔工具 6.1.2应用修复画笔工具 6.1.3应用红眼工具 6.1.4应用修补工具 6.1.5应用仿制图章工具 6.1.6应用内容感知移动工具
《网店美工》项目1--走进视觉营销与美工设计
者快速找到商品、下单和获得帮助。
— 29 —
1.2.2 视觉营销的流程整合
➢店铺商品和用户角度
店铺的商品
商品结构体系
商品价格体系等
决定“店铺结构”和“页面结构”
店铺的用户群
社会层次 消费能力 生活习惯等 决定“店铺风格”和“商品陈列”
— 30 —
1.2.2 视觉营销的流程整合
➢具体操作流程步骤
思考
色彩作为一种客观存在，可以表现丰富的情感效应，这就是色彩的感觉与象征。
（1）色彩的冷暖感 （2）色彩的轻重感 （3）色彩的空间感
— 16 —
色彩的冷暖
根据人们的心理和视觉判断，色彩有 冷暖之分，可分为三个类别： 暖色系（红、橙、黄）， 冷色系（蓝、绿、蓝紫）， 中性色系（绿、紫、赤紫、黄绿等）。
— 17 —
需熟练掌握各种图片、视频软件，如Photoshop、Illustrator 、C4D、 Dreamweaver、光影魔术手、会声会影等，熟悉页面布局，了解产品特性， 能设计有思想、有创意、能触动消费者、产生共鸣、赢得消费者心智的图 片。
网店美工职责一、进行网站商品图的拍摄和详情页的描述制作。 网店美工职责二、网站各种页面的设计与装修 网店美工职责三、网店的编辑描述
任务3 网店美工
1.3.1 网店美工简介 1.3.2 网店美工运营之手 1.3.3美工成长路径
— 3—
项目一 视觉营销与美工设计
【本项目重点难点】
掌握色彩的分类、属性和色彩搭配；掌握视觉营销的原则及流程整合， 掌握网店的岗位图表及美工岗位能力要求。
【项目导图】
— 4—
【引例 】裂帛的视觉营销
作为网店品牌裂帛，它以出色的产品以及高质感的视觉营销在年轻群体中迅 速站稳脚跟。它的风格无拘无束，有着狂喜、神秘、流浪、异域的意态气场。那么， 裂帛究竟是通过怎样的方式向消费者展示自己产品呢？
《网店美工》教学大纲
《网店美工》课程教学大纲一、课程基本信息1．课程编号：090912502．课程名称：网店美工3．英文名称：Shop Artist (Wang Dian Mei Gong)4．课程简介：网店美工是一门培养淘宝、天猫、京东、亚马逊等网店页面编辑美化工作者的课程，熟悉平面设计软件Photoshop、Illustrator、美图秀秀、光影魔术手和网页设计Dreamweaver等软件将网店的视觉效果，排版等工作呈现出来。
二、课程说明1．教学目的和要求：网店美工是一门培养淘宝、天猫、京东、亚马逊等网店页面编辑美化工作者的课程。
通过对该课程的教学，使学生系统学习网店美工设计之“道”“器”“术”三个层面的知识体系，掌握商品拍照技巧，Photoshop（美图、光影）图形图像处理的图文设计能力，详情页的设计思路及网店的装修设计等能力。
要求学生对美工设计之“道”“器”“术”三个层面的知识原理做到理解，熟练掌握各种美工设计软件的使用方法，以培养学生的设计思维和能力为主，为学生日后成为专业的电子商务人才奠定坚实的基础。
2．先行课程：无。
3．周课时、总学时：6学时*8周（3学时*16周）、共48学时,理论教学24学时、实践教学24学时。
4．开课学期：第二学期（或第三学期）。
5．教学方法：讲授法、头脑风暴法、分组讨论法、任务驱动法、案例讨论法等直观教学法。
6．考试方法：平时作业、考勤占50%，期末上机考试占50%。
7．实验、实习、作业：为了培养学生的实践动手能力，本课程主要以上机实践为主，理论教学为辅，基本上每次课都会配备相应的实操、实习作业，要求学生在课堂内完成。
8．教材：《网店美工》（第1版），童海君主编，北京理工大学出版社，2016年2月版。
9．教学参考资料：《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
《网店美工宝典》，王楠编著，电子工业出版社，2015年。
网店美工设计-Photoshop 2022案例教程 第2版 第5章 绘制图像
完成了以上知识点的学习，下面通过两个实例的操作来复习和巩固所学知识，提升技能。水 彩和光斑效果能在美工设计图片背景时使用。
1. 背景水彩效果
图 5-48
图 5-49
图 5-50
图 5-51
图 5-52
2. 制作光斑效果
图 5-53Βιβλιοθήκη 图 5-54图 5-55 图 5-56
图 5-57
图 5-58
图 5-59
图 5-60
5.5 课后练习 1. 制作二级页主题海报 打开本章制作的“海报背景 .psd”图像文件， 然后使用多边形工具和钢笔工具绘制相应形状，并 使用渐变工具填充相应的颜色，最后使用文字工具 输入主题文字，效果如图 5-61 所示（资源包 /05/ 效果 / 二级页主题海报 .psd）。
网店美工设计
Photoshop
案例教程 丨第2版
Chapter 5 第5章 绘制图像
目录/Contents
5.1 颜色填充 5.2 画笔载入及预设 5.3 橡皮擦工具的使用 5.4 技能提升——制作背景水彩效果和光斑效果 5.5 课后练习
第5章 绘制图像
本章将介绍颜色填充、画笔工具和橡皮 擦工具的相关知识，包括使用工具填充颜色、 使用画笔工具绘制图像，以及使用橡皮擦工 具抠取简单图像等。通过本章的学习，读者 可以掌握多种颜色填充的方法、绘制图像的 方法，以及使用橡皮擦工具抠取简单图像的 方法。
图 5-10
5.1.2 应用渐变工具
图5-11
图5-12
图5-13
5.1.3 应用油漆桶工具
图 5-14
图 5-15
图 5-16
图 5-17
图 5-18
5.2 画笔载入及预设 使用 Photoshop 2022 中的画笔工具可以绘制不同的 绘画效果，通过对画笔的不同设置可以绘制不同的线条， 在美工设计中可以结合辅助工具（如数位板）绘制插图、 美化商品等。而铅笔工具可以绘制出各种硬边效果的图像。 【课堂案例】制作毛笔文字 淘宝网店每隔一段时间都会推出不同的促销活动，而 每个促销活动都有不同的主题文字，这些主题文字可以通 过添加特效来美化，也可选择字体后结合画笔工具来制作 。当下的设计中，许多文字字体都是仿毛笔字的，但在 Photoshop2022 中直接写出毛笔手写字体有很大的困难 ，这时就可以结合字体和笔刷来制作逼真的毛笔手写效果 。本案例将制作毛笔文字，涉及画笔工具的使用以及设置 笔刷等操作。 本案例的最终效果如图 5-19 所示（资源包 /05/ 效果 / 毛笔文字 .psd）。
第2章 美工图像处理基本操作
图 2-34
图 2-35
2.3.5 对齐、分布和排列图层 在实际设计时，除了使用参考线、网格等来对齐图像外，还可通过对齐与分布来对齐图像。 在对图像进行分布和对齐时，首先要选中这些图像所在的图层或对图层进行链接，然后选择 “图层＞对齐”或“图层＞分布”菜单中的子命令来进行对齐和分布操作。 2.3.6 合并图层和盖印图层 1. 合并图层 • 向下合并 • 合并可见图层 • 拼合图像
图 2-18
4. 扭曲 选择“编辑＞变换＞扭曲”命令，显示变
换控制框，将鼠标指针移到变换框外，当鼠标 指针变为 形状时按住鼠标左键不放并拖动， 可以对图像进行扭曲，如图 2-19 所示。
图 2-19
5. 透视 选择“编辑＞变换＞透视”命令，显示变换控制框，将鼠标指针移到变换框的任意一个角的 控制点上，当鼠标指针变为 形状时按住鼠标左键不放并拖动，拖动方向上的另一个角点也会随 之变换，得到梯形，如图 2-20 所示。 6. 变形 选择“编辑＞变换＞变形”命令，会出现一个 3×3 的变形控制框，拖动边框中的任意一个控 制点都可以对图像进行变形，如图 2-21 所示。
图 2-25
2.3.1 选择和重命名图层 在对图层进行编辑时，首先需要选中图层，当前处于选中状态的图层称为当前图层。 若要在多个图层中快速找到需要的图层，可以对图层进行重命名。 1. 选择图层 在“图层”面板中单击某个图层即可将其选中，选中的图层以灰色底显示。 若要选择多个图层，可先选中第一个图层，然后按住【Shift】键不放，单击选择最后一个图 层，则可选中两个图层之间的所有图层，如图 2-26 所示；按住【Ctrl】键依次单击图层可选择 多个不连续的图层，如图 2-27 所示。
按钮即可存储图像文
件，如图 2-5 所示。
ZZ020 电子商务运营赛项赛题第10套
2023年全国职业院校技能大赛ZZ020 电子商务运营赛项赛题（第10套）模块一：网店开设装修任务1：网店规划与注册任务背景：美诗美妆是一家线下美妆专卖店，其主营业务为各类美妆护肤，其热销商品主要有唇膜、爽肤水、洁面乳、防晒霜等。
面对线上消费的冲击，美诗美妆为了突破经营困境，决定结合主流电商平台入驻条件和要求，选择适合入驻的电商平台，规划适合线上销售的商品品类，完成网店的开设，开启线上销售模式。
任务素材：网店负责人信息、平台规则、企业介绍、企业资质任务要求：根据运营要求，结合平台入驻条件和企业资质，利用提供的素材，完成网店规划与注册。
操作过程：1.分析平台特点及规则；2.整理网店注册所需资料；3.填写网店注册信息；4.上传认证材料，完成卖家账号认证。
任务2：网店首页设计与制作任务背景：美诗美妆在新品上市之前，网店运营人员准备对网店首页重新进行布局和装修，提前营造节日氛围。
网店美工利用现有商品图片和相关资料，设计与制作网店店招，并以唇膜、爽肤水、洁面乳、防晒霜等四款商品为基础，分别为每款商品设计1张轮播图。
任务素材：4款商品的图片素材、4款商品介绍文档各1份。
任务要求：1.根据网店定位和首页设计需求，利用首页布局管理功能，完成网店首页布局；2.根据网店首页布局，利用提供的素材，设计与制作1张网店店招；3.根据网店首页布局和营销需求，利用提供的素材，为4款商品分别设计与制作1张轮播图。
4.网店首页设计规范：店招图片尺寸为950像素*120像素；轮播图尺寸为950像素*250像素。
支持JPG、PNG图片格式，每张图大小不得超过3MB。
要求一组内的图片宽度、高度必须完全一致。
操作过程：1.拖动并添加首页展示模块；2.设计网店首页布局；3.制作并上传网店店招；4.制作并上传网店轮播图；5.网店首页发布。
任务3：商品主图视频设计与制作任务背景：美诗美妆准备上新一款腮红，为了更加高效直观地传递腮红信息，能够短时间内有效提升买家对其认知度，从而提高商品的转化率，准备为这款商品制作商品主图视频。
淘宝美工招聘笔试题及解答(某大型国企)
招聘淘宝美工笔试题及解答(某大型国企)一、单项选择题（本大题有10小题，每小题2分，共20分）1、以下哪个软件不是用于网页设计的专业软件？（）A. PhotoshopB. IllustratorC. DreamweaverD. CorelDRAW答案：D 解析：Photoshop、Illustrator和Dreamweaver都是专业网页设计和图像处理软件，而CorelDRAW主要用于矢量图形设计和插图，虽然也能进行网页设计，但不是其主要用途。
因此，正确答案是D。
2、在淘宝店铺装修中，以下哪种元素不属于视觉营销的一部分？（）A. 图片B. 文字C. 音频D. 视频答案：C 解析：图片、文字和视频都是淘宝店铺装修中的视觉营销元素，它们能够帮助提升页面的视觉效果和用户体验。
音频虽然可以用于店铺背景音乐或产品介绍，但它不属于传统意义上的视觉元素，因此正确答案是C。
3、以下哪个工具不是淘宝美工常用的设计软件？A、Adobe PhotoshopB、CorelDRAWC、Microsoft WordD、Adobe Illustrator答案：C解析：Microsoft Word 是一款文字处理软件，主要用于文档的编辑和排版，不是专业的设计软件。
而其他选项A、B、D都是专业的设计软件，其中Photoshop和Illustrator在淘宝美工工作中非常常用。
CorelDRAW虽然在专业设计领域也有应用，但在淘宝美工中使用相对较少。
4、以下关于淘宝店铺装修的说法，正确的是：A、店铺装修的目的是为了提高店铺的销量，与产品本身无关B、店铺装修应该根据季节和节日进行定期更新C、店铺装修的颜色搭配应以店主个人喜好为准D、店铺装修的目的是为了展示产品，无需考虑用户体验答案：B解析：店铺装修的目的是为了提高店铺的吸引力和用户体验，从而促进销量。
正确的做法是根据季节和节日进行定期更新，以吸引顾客的注意力。
选项A和D的说法都是错误的，因为店铺装修与产品本身是紧密相关的，且需要考虑用户体验。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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