淘宝装修设计
淘宝装修设计 >>  正文

淘宝海报下雪效果怎么实现?步骤分享

发布时间: 2019-04-22 14:30:32

  现在到了秋冬季节,有卖家朋友想要在店铺的海报设置飘雪的效果,但是不知道淘宝装修的动态雪花效果是怎么做的,是代码吗?今天开淘小编跟大家重点介绍一下具体的操作步骤是什么!

  用一串代码,加到淘宝自定义模块即可。

  div class=skin-box tb-module tshop-pbsm tshop-pbsm-shop-self-defined

  div class=skin-box-bd clear-fix

  div class=J_TWidget style=position: relative; data-widget-type=Tabs data-widget-config={'duration':0.1,'activeTriggerCls':'\u2003tm-isv-flower-mask','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'lsm-shiyan','contentCls':'lsm-shiyan01','autoplay':true}

  div class=lsm-shiyan01 style=left: 0px; width: 999999px; display: none; position: absolute;

  span class=-_-switchable-panel-internal1229 ks-switchable-panel-internal526 role=tabpanel aria-hidden=true aria-labelledby=ks-switchable529 style=float: left; display: block; /span

  /div

  div

  div class=lsm-shiyan role=tablist

  div tabindex=-1 class=-_-isv-flower-mask ks-switchable-trigger-internal525 tm-isv-flower-mask id=ks-switchable529 role=tab style=left: 50%; top: 0px; width: 0px; height: 0px; right: auto;

  div style=left: -950px; position: relative;

  embed width=475 height=1000 src=http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf type=application/x-shockwave-flash wmode=transparent flashvars=scene=taobao_shop allowscriptaccess=never

  /div

  /div

  /div

  /div

  /div

  div class=J_TWidget style=position: relative; data-widget-type=Tabs data-widget-config={'duration':0.1,'activeTriggerCls':'\u2003tm-isv-flower-mask','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'lsm-shiyan','contentCls':'lsm-shiyan01','autoplay':true}

  div class=lsm-shiyan01 style=left: 0px; width: 999999px; display: none; position: absolute;

  span class=-_-switchable-panel-internal1229 ks-switchable-panel-internal639 role=tabpanel aria-hidden=true aria-labelledby=ks-switchable642 style=float: left; display: block; /span

  /div

  div

  div class=lsm-shiyan role=tablist

  div tabindex=-1 class=-_-isv-flower-mask ks-switchable-trigger-internal638 tm-isv-flower-mask id=ks-switchable642 role=tab style=left: 50%; top: 0px; width: 0px; height: 0px; right: auto;

  div style=left: 475px; position: relative;

  embed width=475 height=1000 src=http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf type=application/x-shockwave-flash wmode=transparent flashvars=scene=taobao_shop allowscriptaccess=never

  /div

  /div

  /div

  /div

  /div

  /div

  /div

  复制好以前的代码,请打开卖家中心--店铺装修---首页装修,在页尾添加自定义模块,把代码复制进去。

  熟悉PS后,可以把照片或者图片做出很多效果,比如把春天变为冬天。下面就为大家介绍PS简单制作逼真的下雪特效方法,不会的朋友可以参考下面的步骤!

  打开素材,复制一层,点击“曲线”调色。

  第二部,点击“黑白”数值可参考图片。改变该图层模式为滤色(过滤掉黑色)。

  第三部,新建一个图层,填充黑色,然后点击“滤镜-像素化”数值参考图片。然后点击“滤镜-模糊-动感模糊"数值参考图片。

  第四步,改变该图层模式,”滤色“。然后Ctrl+L打开色阶,调整,可参考图片。

  第五步,调下亮度对比度(根据自己情况),然后回到图层一,用白色画笔把远处的山模糊一下,”透明度30,流量50“根据情况可在其他地方涂抹,制造雾气和雪的效果。最后完成图。

  最后说一点就是,放上淘宝装修代码后打开首页可能会有一点卡,介意的请勿用!因天猫是禁止此类代码的,所以不知道什么时候就给屏蔽了,如果你发现代码失效了,就说明已经被屏蔽了!

  

最新发布
...
淘宝卖家装修店铺需要注意哪些细节?
不管你做什么事情,都是开头比较难,那么新手装修网店也是难上加难。由此,我们特别为大家准备了需要着重了..
...
淘宝宝贝详情页如何装修?装修教程
很多人都对网店详情页的装修都不清楚不了解,现在针对这个问题小编就给大家讲一下,怎么用详情页的装修来吸..
...
如何在淘宝装修的时候制作轮播图片?
我们在逛店铺或者是浏览网页的时候,我们会有发现吗?就是有些比较炫酷的特效,就是一些图片会在轮流播放,..
...
高转化率的淘宝店铺怎么装修?
店家们常常在网店引流方面花费很多钱和时间,但效果并不是那么理想。对此,小编给店家们提供怎样从淘宝店铺..
热文阅读
...
淘宝详情页页头不显示怎么办?
有卖家朋友在设置淘宝详情页的时候,发现页头背景图在详情页无法显示,但是在首页可以显示的问题,不知道该..
...
淘宝产品图片风格怎么定位?如何设计?
一个淘宝产品的风格透露的东西可多着呢!不仅能反应出这个淘宝产品的定位是高贵奢华还是朴实无华。亦或者从..
...
淘宝网店装修首页导航栏背景设计有什么方法?
淘宝网店装修看似简单,其实是一项比较复杂的技巧活。比如淘宝网店装修需要装修很多个版块,导航栏装修、详..
...
淘宝网店装修直通车图片有哪些优化技巧
淘宝网店装修直通车图片如何优化才能突出网店的整体效果呢?相信很多人都会知道淘宝网店装修直通车时是有一..
随机推荐
淘宝宝贝详情自定义模板在哪里设置?教程
不同的宝贝就该有不同的信息,自定义内容和不同的关联推荐,那么宝贝详情模板就是解决这样的问题,一个类目..
淘宝网店装修布局排版有哪些技巧?
淘宝网店装修除了要有相应的装修模板以及装修宝贝图片之外,大家还需要学会页面的排版布局,才能使店铺更具..
网店宝贝描述装修有哪些需要注意收藏?
淘宝开店如何才能吸引消费者,如才能赚到钱呢? 开淘小编认为,固然影响因素有很多,但店铺装修非常重要。网..
淘宝店铺装修前必做哪些准备工作?
一般我们在做一件事之前都要考虑很多问题,做好相应的准备工作,做淘宝店铺装修也是一样的,我们也要提前把..