淘宝美工教程22集第16集全屏轮播首焦图的设计制作共46页

[VIP专享]淘宝美工设计教程

①、取消选区：【Ctrl＋D】
②、反选选区：【Shif+F7】
③、复位调板：窗口—工作区—复位调板位置。
④、ctrl+[+、-]=图像的缩放
⑤空格键：抓手工具
⑥Atl+Delete = 用前景色填充
Ctrl+Delete
=
用背景色填充
一、工具栏
第二课：工具的使用二
橡皮擦工具模糊工具
画笔工具历史记录画笔工具
电商部美工培训教程
（以淘宝美工为例）
1、淘宝美工需掌握的软件
淘宝美工须知
Photoshop，
Dreamweaver Flash，
Illustrator，
另外，还需要网络美工具备如下素质：扎实的美术功底、丰富的想象力和良好的创造力，网页设计/平面设计/广告设计工作经验，美术类/平面设计/广告及相关专业，较好的文字功底。不仅要求会相关的绘图软件，还要求懂一定的网页设计语言和有一定的文字功
二、认识工具栏选框工具
套索工具裁剪工具
移动工具魔术棒工具
修复工具
仿制图章工具
43m1m“-”J520Gm01m24“492k-Z(1)g2L3-”3060@k%3-g“/1”7mD2%BJ/Tg0d1-ZP318¬-A_2"o70)Xc0?y258z6n”217 NE)
1、选框工具：用于选取需要的区域
店招即店铺的开头，尺寸 950*120px 左右
店铺活动海报，一般为 3 种，分别为宽屏海报和 950px 宽度以及 750px 宽度海报，高度不固定。
PX 指的是像素。
淘宝美工平时设计图片的分辨率一般为 72. 3、淘宝美工的待遇：据统计，网店美工的工资待遇一般在 4000 元/月左右，部分掌柜还包吃住，再有好的会交 5 险 1 金。有 2 年网店美工经验的人员，底薪通常在 3000-

淘宝美工需要学习的课程内容

淘宝美工需要学习的课程内容
(总4页)
-CAL-FENGHAI.-(YICAI)-Company One1
-CAL-本页仅作为文档封面，使用请直接删除
淘宝美工需要学习的课程内容
第一部分
A：photoshop使用从入门到高手级特训
B：Dreamweaver,Flash使用从入门到高手级特训
C：xhtml+css web标准代码强化特训
第二部分
A:平面设计基础特训
B:色彩设计基础特训
第三部分
A：淘宝网店的图片处理技法1、PS图像编辑、图像修饰及修补2、PS调整图片的色彩，制作特殊艺术效果等3、PS滤镜效果，照片合成，效果图后期合成等
4、宝贝描述美化B：淘宝店铺风格与色彩搭配1、网页配色技巧与颜色的表现力2、店铺颜色风格定位及店招制作C：淘宝店铺装修设计1、宝贝店铺LOGO、招牌、宝贝特效设计2、宝贝详情页制作3、旺铺导购分类及描述设计4、旺铺店标和店招的制作与发布
5、旺铺装修模板应用技巧
6、旺铺装修设计实践D：淘宝店铺促销广告设计1、淘宝店铺整体形象设计规范2、网店促销海报的制作（网店特价、打折、积分、促销商品等活动进行海报设计）3、淘宝店铺的推广
快捷键
工具箱
（多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取）
查看键盘所有快捷键：【Ctrl】+【Alt】+【Shift】+【K】
文件操作
图层操作
图像调整
编辑文字。

ps淘宝美工教学教程

PHOTOSHOP淘宝网店美工培训教程
◎图层基本操作
合并图层：单选择要合并的多个图层，右键选择菜单中的“合并图层”，或按快捷键CTRL+E。上图合并前，下图合并后。
如选择拼合图像，则所有Байду номын сангаас见图层拼合为背景层，如右下图。
PHOTOSHOP淘宝网店美工培训教程
◎选择和移动、复制图层——移动工具
Alt+Delete：用前景色填充。 Ctrl+Delete：用背景色填充。 D：设置为默认颜色，前景色为黑色，背景色为白色。 X：前景色与背景色相互交换。
PHOTOSHOP淘宝网店美工培训教程
◎视图缩放：
放大视图：按“Ctrl”的同时按“+”号缩小视图：按“Ctrl”的同时按“-”号也可按ALT键滚动鼠标滚轮进行视图的缩放
仿制图章工具：选择工具，设置各个项目，按ALT键并在图像中单击（定义取样点），然后在图像中需要修复的位置拖动。如果不透明度设为100%，取样点的纹理完全覆盖修复位置的纹理。
使用修复画笔和仿制图章工具时需要勾选“编辑”-“首选项”-“光标” 中的“在画笔笔尖显示十字线”选项，方便取样参考。
PHOTOSHOP淘宝网店美工培训教程
JPG（*.JPG、*.JPE）是一种带压缩的文件格式，其压缩率是目前各种图像格式中最高的。一般网络上的图片都是以这种格式保存。
GIF（*.GIF）广泛应用于网络简单的动态图片，可保存透明数据。
PHOTOSHOP淘宝网店美工培训教程
◎图层基本概念及操作
Photoshop中的图像通常由多个图层组成，每个图层都可以看成是一张透明的玻璃纸，我们可以处理某一图层的内容而不影响图像中其它图层的内容。

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第1章小结1、掌握网店美工的工作范畴。

2、掌握网店美工需要遵循的设计原则。

3、掌握网店美工工作流程。

课后练习课后练习——赏析ESEDO网店首页的设计本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。

第2章2.4.1文案在网店美工中的重要性2.4.2文案的策划2.4.3文案的前期准备2.4.4文案的写作要点2.4.5主图文案的设计与编写2.4.6详情页文案的设计与编写2.4.7海报文案的设计与编写2.5课堂实训——鉴赏森林大叔旗舰店的首页2.6课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配练习2：赏析森马官方旗舰店首页的布局2.7拓展知识小结1、掌握色彩的搭配技巧。

2、掌握版式布局的知识。

3、掌握文字的运用原则。

4、掌握文案设计与编写。

课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配如图所示为戈美琪女鞋旗舰店首屏效果，要求对页面的设计元素、色彩搭配与字体搭配进行分析。

练习2：赏析森马官方旗舰店首页的布局如图所示为森马官方旗舰店首页，要求对首页的颜色、风格、搭配、构图方式、网页元素等进行分析。

第3章实训3：抠取耳机图片并合成3.5课后练习练习1：处理红毛丹污点练习2：抠取红酒商品图片并合成3.6拓展知识小结1、掌握修改商品图片尺寸及校正方法。

2、掌握优化图片的方法。

3、掌握抠取图片并合成的方法。

课后练习练习1：处理红毛丹污点本例将打开“红毛丹.jpg”素材文件，处理其中的污点并加深红毛丹的色泽。

处理前后的对比效果如图所示。

其具体要求如下。

熟练掌握商品图片的优化方法。

分别使用污点修复画笔工具、海绵工具、模糊工具对图片进行处理，使整个红毛丹更加美观。

练习2：抠取红酒商品图片并合成本例将对“红酒.jpg”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。

33.首焦轮播海报

文字型排版
文字型排版多见于大品牌的海报，因为大品牌已经积累较强的品牌力，文字比图片更能帮助它展现品牌力。优点：简洁有力；缺点：缺乏表现力。
课程唯一出售网址
平铺式排版
平铺式排版活动促销海报制作手法，能直观地展现促销产品和突出标题文案。
课程唯一出售网址
课程唯一出售网址
首图制作前期
配色+排版
课程唯一出售网址
配色
课程唯一出售网址
课程唯一出售网址
纯色搭配，产生大量的色差，令人过目不忘的效果。
课程唯一出售网址
பைடு நூலகம் 纯色搭配
直接在色环上选取互相对立（180°）的两个色相，此种效果最为强烈。
课程唯一出售网址
• 分辨率
课程唯一出售网址
满足各种尺寸显示需要，海报尺寸设计多少？
课程唯一出售网址
• 为了用户体验，最好设为宽度1920px,这样基本上所有的显示器都可以完全的铺满。
• 相反的，主要产品信息应在1280px之内或950px。这样就可以保证，设计的主要内容，小屏幕显示器也能显示完全。
精美文案类
课程唯一出售网址
谢谢
课程唯一出售网址
排列式排版
我个人认为排列式排版是最方便简单的版式，把产品简单排列作为背景，然后在前面贴一个促销信息，稍微调整一下文字排版，这样一张简单的海报就诞生了。
课程唯一出售网址
课程唯一出售网址
课程唯一出售网址
课程唯一出售网址
课程唯一出售网址
活动促销
课程唯一出售网址
产品宣传
课程唯一出售网址
产品宣传
课程唯一出售网址
如何设计首焦海报？

简单实用的淘宝在线美工技巧,做图技巧,美工培训

产品图片美工一、在线美工图片美工（网店秀）1：点击图片空间-百宝箱-编辑工具-网店秀2、界面说明上部是功能按钮，功能按钮下面是图片列表下部左边是功能面版本区，右边是图片编辑区其中图片编辑区上部是快捷菜单，有一些常用功能。

3、如何进入编辑器可以从下面两个入口进入网店秀图片编辑器图片管理下面的编辑链接图片空间菜单中的百宝箱4、如何打开图片如果是从上面点图片编辑进来的会自动打开那张图片。

如果是从百宝箱进入的会弹出下面这个框如果想添加图片可以点图中的“打开”或“＋”号。

我们打开图片共有4种方式：图片空间，宝贝主图，本地上传和网络图片。

5、图片空间可以选择图片空间的图片，左边是分类右边是图片，点击选择中（图中已经标示）再次点击取消选择，如果分页很长可以点击下面的“??”和“??”按钮可以滑动分页条。

下面的批处理尺寸方便您提前处理图片大小。

选择好图片点击打开就可以了。

6、宝贝主图窗口和打开图片空间的图片类似，可以选择宝贝主图并且可以替换宝贝主图7、本地上传点击本地上传的时候会弹出一个本地系统对话框提示您选择图片，您选择好图片之后就会弹出上面这个窗口，里面有您已经选择好的图片，鼠标移入会出现图片标示的按钮，您可以左右旋转也可以删除。

8、网络图片您提供网络地址我们帮您下载图片。

注意网络地址必须以"http://"开头。

9、保存图片如果已经完成编辑可以点击界面右上方的保存按钮保存图片，保存窗口如下图所示：右边可以选择保存的空间分类和图片质量（仅对JPE有效果），如果您原图是PNG的则保存为PNG如果您原图是非PNG则统一保存为JPG格式。

左边的保存到本地按钮可以方便的把所有图片打包保存到本地（ZIP格式）。

10、替换和备份右边的要保存的图片列表，上方有个替换按钮，方便批量选择替换（只对可替换的图片有效）如果图片可以替换，会显示如图所示的替换按钮（主图显示“替换主图”其他图显示“替换原图”）和备份按钮，选择备份的话会把您的原图备份到您的图片空间（图片空间“图片编辑器备份”分类下面，如果您空间有限请按需使用）11、保存到本地每张图片都可以保存到本地，现在还可以批量保存到本地，点保存到本地的时候会有一个生成文件的对话框（如下图），等生成完成您点保存会打开一个系统文件夹选择的对话框，您保存就可以下载到本地了。

淘宝美工教程22集第16集：全屏轮播首焦图设计制作

• 此类首先
• 此类首先
• 主题一般放在整个海报页面的第一视觉中心，而且主题文字的提炼要简洁、高效，一目了然，让消费者一眼就能知道所表达的信息。
2.风格
• 风格是指具有独特于其他人的表现，如打扮、行事作风等行为和观念。在海报设计中，所谓的风格就是页面传递给人的某种感觉，如古典、可爱、小清新或者简约时尚。当我们搜索某一个商品时，系统会推荐其风格类型，如图4-126所示。可以根据我们所需要的风格，来寻找相应的商品。
• （6）平衡式构图 • 给人以满足的感觉，画面结构完整，安排巧妙，对应平衡.
• （7）居中式构图 • 居中构图，毋庸置疑就是指商品或主题内容呈现在画面中间.
4.配色
• 配色是刚开始做美工时遇到的一个难题，关于配色的技巧有很多，常见的有对比色、临近色、冷暖色等多种方式。 • 新手最常用的一种配色方法就是在已有商品模特的情况下，推变出背景颜色和文案颜色.
• 饰指的是海报中出现的装饰或修饰的细节部分，通常用来营造画面的氛围。修饰的运用有实物修饰、图形图案修饰、光效修饰、拟人化修饰等。
• 文字上的光效，飞速而来的球，背景中长条形和多边形图案以及拟人化的气泡等，都达到了装饰烘托整个海报的作用。
• 此类首先
• 修饰这些小元素可以起到很好的点缀画面的作用，可以拉开画面空间感，可以营造画面的热闹氛围，更加的有意境等，通常能起到画龙点睛的作用，切不可忽视这一小部分。
• 图形组合背景指通过点线面、三角形、多边形等基础形状衍生成的图形图案组成的背景，其主要特点是生动活动、运动感强，有张力，突出商品气质.
6.商品
• 商品在大多数情况下都是海报的主要构成部分，在商品的运用过程中也会遇到很多问题，比如商品摆放角度、清晰度、画面占比、产品融合以及商品抠图等问题。

网店美工首页、详情页、轮播图设计

三商品详情页视觉设计
28
1、认识商品详情页
（2）赢得消费者信任。网店美工在设计商品详情页时，可从商品细节、消费者痛点、商品卖点、同类商品对比、第三方评价、品牌附加值、消费者情感、品质证明、售后服务等方面赢得消费者信任，激发消费者的潜在需求，提高消费者的购买欲。
右图所示为某洗衣机的商品详情页，通过详细展示洗衣机功能，展示该商品的优越之处，提高消费者的购买欲。
（1）主题。无论全屏海报数量的多与少，全屏海报中的内容都需要围绕同一个主题，并根据主题确定对应的全屏海报效果。
（2）字体。在添加文字时，文字的字体不要超过3种，建议用稍大或个性化的字体突出海报主题和商品特征。
（3）构图。构图方式直接影响着全屏海报的视觉效果。（4）配色。网店美工在配色时，对重要的文字信息需要用突出醒目的颜色进行强调，通过明暗对比以及不同颜色的搭配来确定对应的风格，但要使其背景颜色统一，并且不要使用太多的颜色，以免使画面显得杂乱。
二店铺首页核心模块设计
16
3、设计与制作店招与导航
在进行店招与导航设计时，网店美工要想给更多消费者留下深刻印象需要遵循以下设计要求。
01
02
03
04
展示品牌形象网店名称和网店Logo
进行店铺定位茶叶
进行店铺风格定位
烘托茶叶绿色、天然的特点
符合设计规范
常规尺寸多为950像素×120像素（不含导航栏）通栏店招的尺寸多为1920像素×150像素（导航栏位于店招下方），
商品搜索
消费者从某一款商品进入网店首页，意味着消费者有可能会购买网店的其他商品。当消费者有明确的购买目的时，网店首页需要提供搜索功能，帮助消费者快速方便地找到需要的商品，使消费者快速下单。