讲解淘宝美工需要学会的一些基础技能，让新手大概了解美工的相关知识。

淘宝美工的定义是什么？

其实，“淘宝美工”是淘宝网店页面编辑美化工作者的统称。日常工作包括网店设计、图片处理、页面设计、美化处理、促销海报设计、商品描述详情设计、专题页设计、店铺装修以及商品上下线更换等工作内容。不难看出，他和传统的平面美工、网页美工等有很大的区别。

美工设计从业人员，是对整个店铺视觉营销设计与装修最终的执行者，整个工作流程中显得尤为重要。必须掌握相应的专业技能，才能胜任此工作。

一个网店设计的美观与否，是至关重要的，它直接影响到店铺的销量。在线下实体店铺，以及大型商场内的商铺，外部需要有门头，橱窗，活动海报等；内容部有展柜，出售的商品，模特，导购等等，网店需要展示这些内容，全靠美工设计人员在店铺装修上体现出来。店铺和人是一样的，“凤姐”和“范爷”一眼就能看出不同的档次。

分辨率、像素和尺寸

分辨率

分辨率有两种，屏幕分辨率和图像分辨率。

屏幕分辨率指显示器所能显示的像素有多少，显示的像素越多，画面就越精细，信息也越多。例如，将你的电脑显示器的分辨率设置成1280x1024，说明你的屏幕

像素

图像由一个个点组成，这个点叫做像素。像素是图像中最小的单位。每个像素是一个小点，不同颜色的点（像素）聚集起来就变成一幅动人的照片。

我们可以拿一张照片，在photoshop软件中放大300倍，就可以发现，他是有很多小方格色块排列组成的，这就是一个像素。

尺寸

图像尺寸的长度和宽度经常以毫米或厘米为单位，也通常以像素为单位。

在做印刷设计的时候，photoshop软件中新建文件，可以选择毫米或厘米为尺寸单位；美工设计中，长度和宽度尺寸经常以像素为单位。

位图和矢量图

位图又叫点阵图或像素图。是由屏幕上的发光点（即像素）构成的，点或像素是最小单位，这些多个像素的色彩组合就形成了一张图像称之为位图。位图图像和分辨率像素有关。在图像放大时，可以很清楚的看到每个像素的组成内容。

矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等。它的特点是放大后图像不会失真，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。

常用的图片文件格式

图片格式是计算机存储图片的格式，常见的存储的格式有JPG,PNG,JIF,PSD,AI等等。

每一款工具软件都会支持输出不同的图片格式选项，满足用户的工作需求。在photoshop软件中，文件菜单-存储为，在弹出来的选项面板，保存类型选项提供二十多种图片格式。

色彩的基本知识

三原色

色彩的分类

色彩三要素

色彩模式

色彩的性格

必备软件技能要求

工欲善其事，必先利其器，不管我们做什么工作，都离不开工具。一个合格的美工人员，也需要掌握几款常用的工具软件，犹如书法家创作要有笔墨纸砚；工人上岗要有相应的操作机器技能。

美工设计最长用的工具就是Photoshop软件，简称“PS”，它是由美国Adobe公司开发和发行的图像处理软件，功能非常强大，主要应用在处理像素构成的数字图像。 同时也是这本书重点讲解的内容。

截止目前，Adobe Photoshop CC是市场上最新的版本，支持Windows操作系统和Mac OS系统。Photoshop正版软件的购买需要到Adobe中国官网，在线付费下载使用。

店铺装修常见图片尺寸

淘宝店铺不同不同位置的图片尺寸要求也不同，当图片过大，会自动被裁剪掉，而图片过小，则会周围留下空白，或者系统自动平铺，这样的用户体验是极其不好的。

所以，当我们在装修店铺，设计过程中，制作不同区域的图片要根据店铺要求来确定尺寸、大小等信息。这是美工人员必在动手设计之前必须要考虑到的，不然设计好的图，因尺寸不合适，造成后期调整，是非常麻烦的。

美工设计制作流程

1. 素材规划。店铺装修之前，设计人员必须考虑整个店铺风格，从拍摄照片就必须全面的规划。每一个店铺都是独特富有生命活力的，如何完美的展现给顾客，这都是需要考虑到的。

2. 图片设计制作。拍摄好的商品，模特展示等图片，需要在Photoshop软件后期进行美化处理，然后配上文案内容，进行排版设计制作。这也是美工设计人员工作的重点，同样，也是本书所着重讲解的内容。

3. 切片处理。使用Photosho切片工具，把设计好的内容进行无缝切片和优化处理。同样，本书有单独章节来讲切片内容的课程。

4. 上传空间。把切片存储好的图片上传到淘宝图片空间或千牛云盘，然后，在Dreamweaver给图片添加热点链接等内容转化为代码。

5. 预览效果。把转化好的代码有效的安装到店铺当中，及时预览查看效果。值得注意的是，要及时检查代码链接的有效性，处理瑕疵，确定无误后，方可发布。

6. 另外，当日常工作中遇到其他营销活动，需要配合运营人员设计制作促销广告图。

全教程完,学完记得交作业。如果本教程对您有所帮助，请推荐给你的朋友。

   我们有一个学习淘宝美工免费课程的学习交流q群：号码 前面是112中间是八二七后面是917，零基础小白想学习PS、淘宝美工的，赶紧进来学习吧，免费的课程讲解，群里有大神都为你讲解问题，只要你主动学习。点击链接加入群【淘宝美工学习交流群】学习