美工淘宝详情页制作（详细教程）

  • 浏览：63044
  • |
  • 更新：
  • 美工淘宝详情页制作（详细教程）1
  • 美工淘宝详情页制作（详细教程）2
  • 美工淘宝详情页制作（详细教程）3
  • 美工淘宝详情页制作（详细教程）4
  • 美工淘宝详情页制作（详细教程）5
  • 美工淘宝详情页制作（详细教程）6
  • 美工淘宝详情页制作（详细教程）7
分步阅读

个人做了一年美工了，要做好一个完美的美工，首先要让自己有艺术天分，还有足够的耐心细心。

工具/原料

  • 电脑-键盘-鼠标
  • PS
  • 我把教程做出来的蒙版放在下面，可以下载出来参考。

方法/步骤

  1. 1

    做好一个完美的款式首先要在产品修图跟详情页排版开始，因为这次是讲解如何做好详情图，所以不含修图教程在内，修图的话主要是修好细节，展现版型特点，就比如宽松款式吧，宽松款式主要给人的是什么感觉，舒适与自然，只要修出这种感觉就能让人体会到衣服的好处！

    美工淘宝详情页制作（详细教程）
  2. 2

    首先先把要上的宝贝图片都修好，在打开PS-文件-新建-设置像素宽度高度-宽度750（天猫是790），高度不超过15000足够用就可以了

    美工淘宝详情页制作（详细教程）
  3. 2
    该信息未经授权抓取自百度经验
  4. 3

    新建好以后先把窗口调到50%，这样方便排版（按个人习惯就好不必介意），排版只能靠自己的创作或者模仿其他详情页去做，详情页一般都会包含（小海报-款式讲解-细节介绍-版型讲解-面料或者材料说明-颜色分类-尺寸表或者配置表-模特或者款式展示）

    美工淘宝详情页制作（详细教程）
    END

方法/步骤2

  1. 1

    先不用说的那么复杂其实并不难，首先采用的是形状工具，里面的工具都可以使用，用心去创作或者模仿，用形状工具做好模板如下图。

    美工淘宝详情页制作（详细教程）
  2. 2

    排版要根据款式需求去排，例如宽松款讲究的是简单明了容易看不需要太复杂，我就随便排个版如下图；每个黑色图层都代表每个图片展示的位置，里面包含着小海报-款式讲解-细节介绍-版型讲解-面料说明-颜色分类-尺寸表-模特展示。

    美工淘宝详情页制作（详细教程）
  3. 3

    都设置好以后就开始置入图片，先考虑好图片适合放置的位置，然后将图片拖拉图片或者文件-置入图片，并且把图片与图层顺序摆放好（就像相片跟相框相片要在相框上置入）右键图片图层选择创建剪贴蒙版，这样图片就只显示在黑色图层以内。

    美工淘宝详情页制作（详细教程）
    END

方法/步骤3

  1. 1

    创建完成以后，图片可以按Ctrl+T重新做调整，调整到适合美观就可以了，以此类推，其它图片也是一样！

    美工淘宝详情页制作（详细教程）
  2. 2

    为了更美观，在模特展示的空白位置可以加上一些英文或者韩文之类的语言用语来美观下详情，也可以在网上寻找别人的详情页把文字跟装饰截图下来直接放到自己的详情页内。

    美工淘宝详情页制作（详细教程）
  3. 3

    至于版型介绍，款式讲解，细节介绍，小海报，面料说明和尺寸表就得自己创作了，没有灵感也可以去网上看别人的来找灵感；制作这些主要是说明跟凸显款式的优点和好处。

  4. 4

    全部制作完成以后点Ctrl+R创建参考线，把参考线拖拉到适合的位置来切图片，拖拉完成后，右键选择切片工具-基于参考线的切片，如下图。

    美工淘宝详情页制作（详细教程）
    END

方法/步骤4

  1. 1

    切片完成后，选择文件-储存为 Web 和设备所用格式。

    美工淘宝详情页制作（详细教程）
  2. 2

    选择储存，选择你要储存的位置，然后选择仅限图像（只要切片的图片）。

    美工淘宝详情页制作（详细教程）
  3. 3

    储存好后，它就会出现个文件夹里面就是你做好的详情图！

    美工淘宝详情页制作（详细教程）
    END

下载

  1. 1

    参考的模板下载链接：http://pan.baidu.com/s/1eSMOiD8

    END

注意事项

  • 禁止盗版
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
展开阅读全部