如何打造淘宝宝贝生动立体的T台秀展示效果

国际时装节，看模特在T型台上表演走秀，那衣服是不是闪亮了你的眼？要是能给我给的淘宝网店宝贝一个在T型台的展示机会那改多好啊！没办法上T型台，但是淘宝学堂告诉你，给你一个店铺宝贝能像T型台服装展示一样展示在客户面前的机会你珍惜吗？各位擦亮眼睛吧，看一下效果图：

怎么样？效果还算不错吧？

选择你要编辑的宝贝图片，一定要是描述里的大图哦，因为小图做出来的效果不好！并且为了版面一致，尽量选择形态相似的人物图片，这样就显得更加的整齐了！（在这里我选了三张站立的模特图片）

第一步：抠图

一.复杂背景下的抠图方法

用Photoshop打开一张图片，复制背景层（将背景层拖动到下面的创建新图层中）并把背景层的可见性关掉！

如图

打开滤镜-抽出（步骤如下）

1.勾选右侧的智能高光显示

2.点击这里的放大镜放大，越大越好，这样才能对细节进行处理，按住Alt键是缩小。

3.调整画笔大小，画笔的直径以能勾出边缘为宜，这个要自己把握好

4.选择边缘高光器工具对人物的轮廓进行描边，这一步需要相当的耐心哦， 一定要把要抠出的人像边缘画到,画错了可以用左边的橡皮擦擦掉的，可以按住空白键来拖动图片！

5.使用油漆桶工具对保留区域进行冻结，也就是我们要抠出的部分，点一下填充！

6.点击预览

如果觉得抠出的效果不错，可以忽略下一步。

使用左侧的清除工具，

按数字键1~9调整压力，一般选择5就可以了，在图上涂一下看是什么效果，按住Alt键再涂一下试试，是不是又变回来了呢？？我们就是要用这个工具来修复刚抠出来的图，如果哪块缺了点，就先按住Alt键把图片涂回来，再松开键一点点擦掉，如此反复操作。（这个操作需要耐心）

满意后点击确定，看一下效果！

好的，接下来我们先把这个作品保存好，存为默认Psd格式，以便一会调用！

二.纯色背景下的抠图方法

这一招并不复杂，聪明的你一看就会哦，快快跟我来学吧！

以我的这张图片为例，大家可以看到，图片的背景几乎是一种色调，这样的图片就不需要采用上面说的那么复杂的方法了！

1.用Photoshop打开图片，复制背景层，去除可视，

2.选择工具栏中的魔棒工具，在人物的周围点一下，

这时候我们可以看到人物的周围已经被载入选区了！

这时我们会发现背景上有些颜色较深的地方没有被选到，我们可以通过调整魔棒的容差来设置颜色取样的范围，数值越大，取样的范围就越广，如果蚂蚁线已经爬到人身上了，说明这个数值小了，需要加大，可以跟据实际情况修改这个数值！

3.选好之后按下键盘的Delete键，也就是删除键， 你们都懂的！做好了效果如图，

记得保存哦！

第一步抠图就先介绍完了，下面要重点介绍的是制作具有立体效果的T台秀！

第二步：制作立体效果的T台秀

重点的来了哈！！上面我们已经将模特的图像抠出来了,但这样的图片直接放上去是不行的，感觉怪怪。为了让图片看上去更立体，更有生动感，我们要为人物加上背影~！

1.新建图片，用Photoshop新建一张图片大小为 宽750*高400（高度可以根据自己宝贝的尺寸来调整）设置背景色为透明！我这里是把图片放在了自定义区，所以宽度是整个自定义区的宽度，如果只做宝贝图，只要建宽310*高310的正方形，就可以了！

2.划分标尺  为了使图片均匀的分布在背景上，我们需要给图片打上标尺，这样就不会错位了哦~！之前我们选择的是三张图片，所以就把750像素分成了三等分，750/3=250每一格有250像素，你也可以根据一行宝贝的多少来进行计算哦！这个你懂的~！！按键盘上的 Ctrl+R显示标尺，在标尺上单击右键，选择像素！这时我们要把垂直线从左侧的标尺上拉到250像素的位置，再拉一根到500像素处，这样就把背景分成了三等分，呵呵，怎样看起来很匀称吧？

3.置入图片  选择 文件-置入，把刚才我们抠出后保存的psd文件置入到这张透明的背景中！！按住图片把它移动到第一个格子中，这时我们会发现图片的宽度可能或大或小于第一个，这里我们就需要调整图片的大小了，按住shift键，并拉右上角来改变图片的大小，这样图片是按比例伸缩的，不会变形哦！使右侧和第一条线重合！按下Enter确定键！再在图层面板中按下Ctrl点击该图层，将图片载入选区！

4.制作影子 点击背景层，选择填充工具，设置前景色为灰色 #a2a1a1 千万不要选黑色的，因为人的影子不是黑色的哦~！

然后按Ctrl+T调整选区，把中心的锚点拉到人物的脚尖，在选区的左右上角调整缩放影子的倾斜度，这个可以根据个人的感觉来做！调整好后按确定！

接下来使用滤镜-模糊-高斯模糊。选择模糊半径为5个像素，确定，然后按Ctrl+D取消选区，

怎么样？是不是初见雏形了呢？下面就用同样的方法把几张图都放进去哦！记住人物的身高大小一定要相等哦，不然看起来不协调！做出来的效果是这样的，我们也可以在人物下方加上一些文字等标签哦！

这是我做的图，效果如下，做得不好，请大家不要拍砖哦~！嘻嘻！

立体T台效果就这样做好了，下面简单介绍下怎么发布到店铺里，我们一起进入到下一步吧！

第三步：发布图片

1.切片继续上面的操作，使用切片工具将图片切成三等分，正好切到标尺线的位置哦！

切好的图如下

2.保存 选择文件-存储为WEB和设备所用格式，然后点存储，在选择存储格式的时候一定要选择“HTML和图像”这一点相当的重要！！这时已经把图片分割成了三小块，放在了Images这个文件夹里了，html是它的网络代码文件！

存好后关闭photoshop。把Imags里的图片上传到你的淘宝图片空间里去！

3.修改代码 接下来我们要用到Dreamweaver这个软件！打开软件，打开刚才存储的html文件

点击第一张图片，可看到下面属性发生了变化，

把这里的源文件的地址改成你图片空间里这张图片的地址，再把下面的链接改成你相应宝贝的链接！！这里我就不举例说明了哦，相信大家都会的！

最后，点击上面的代码，把代码全部复制下来，然后打开店铺装修，选择自定义区，再点html，把代码复制进去就大功告成了哦！