打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
如何打造淘宝宝贝生动立体的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,把代码复制进去就大功告成了哦!
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
photoshop基础教程 第四部分 抠取与合成图片(转)
用PS打造堆叠效果图片
PhotoShop如何抠出与黑色背景融合的头发丝
photoshop怎么将用魔棒抠出的图直接保存
Photoshop快速的抠出透明的玻璃瓶效果
简单用通道抠出背景色单一的人物图片
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服