首页 电商 正文

淘宝详情页动图怎么制作?附详细制作流程?

2024-03-22 15:13
admin

淘宝详情页是淘宝装修里重要组成部分,除了可以上传静态图片之外,淘宝卖家也可以制作动图,让买家能够直观的看到商品全貌,那么淘宝详情页动图应该怎么制作呢?

打开PS,将这三张图片同时拖入一个你设置好的图片大小中,(我设置的是790*800px),降低图像透明度,依次将图层对齐好

调整完毕,将透明度调回100%

打开窗口-动画/时间轴,会出现一条时间轴,点击时间轴右下角的图标,将模式切换为图片帧模式

点击时间轴下方的图层按钮,复制图层

(因为我有三个图层颜色要变化,所以点击两下,复制两个图层),点击时间轴上的第一个图层,调整PS面板右下角的图层面板,将图层1、2、3前面的眼睛都点掉,只留下原背景图层,也就是第一个发光效果图层

时间轴上的第二、第三个图层处理方式和第一个图层相同,就是依次将他们的发光效果图层前的眼睛点上(第二个图层是对应图层面板的图层1,第三个图层是对应图层面板的图层2)调整时间轴上的时间,将图片单帧展示时间改为0.1秒(点击0.1秒后面那个小箭头就可以改时间),将重复模式改为永远

如果系统设置的时间间隔不是你所理想的,你还可以自己设置

点击时间后方的那个小箭头,选择其他,设置帧延迟时间

选择-文件-存储为web和设备所用格式,将预设下方的图像模式改为GIF即可

注意事项:

1、未设置手机端描述,会显示电脑端描述内容,请放心

2、只要设置了手机端描述(不管是文本编辑还是模板/淘宝神笔编辑),无线端宝贝描述不会显示动图,就算插入在手机端描述的图片是GIF动图

3、需要自己取舍

①不设置手机端描述,有可能出现电脑端描述兼容问题显示不好等问题;

②设置手机端描述,GIF动图不展示

淘宝详情页动图的制作方法还是比较简单的,如果还不会制作动图的卖家,可以看一下以上淘宝详情页动图操作流程

淘宝详情页是淘宝装修里重要组成部分,除了可以上传静态图片之外,淘宝卖家也可以制作动图,让买家能够直观的看到商品全貌,那么淘宝详情页动图应该怎么制作呢?

打开PS,将这三张图片同时拖入一个你设置好的图片大小中,(我设置的是790*800px),降低图像透明度,依次将图层对齐好

调整完毕,将透明度调回100%

打开窗口-动画/时间轴,会出现一条时间轴,点击时间轴右下角的图标,将模式切换为图片帧模式

点击时间轴下方的图层按钮,复制图层

(因为我有三个图层颜色要变化,所以点击两下,复制两个图层),点击时间轴上的第一个图层,调整PS面板右下角的图层面板,将图层1、2、3前面的眼睛都点掉,只留下原背景图层,也就是第一个发光效果图层

时间轴上的第二、第三个图层处理方式和第一个图层相同,就是依次将他们的发光效果图层前的眼睛点上(第二个图层是对应图层面板的图层1,第三个图层是对应图层面板的图层2)调整时间轴上的时间,将图片单帧展示时间改为0.1秒(点击0.1秒后面那个小箭头就可以改时间),将重复模式改为永远

如果系统设置的时间间隔不是你所理想的,你还可以自己设置

点击时间后方的那个小箭头,选择其他,设置帧延迟时间

选择-文件-存储为web和设备所用格式,将预设下方的图像模式改为GIF即可

注意事项:

1、未设置手机端描述,会显示电脑端描述内容,请放心

2、只要设置了手机端描述(不管是文本编辑还是模板/淘宝神笔编辑),无线端宝贝描述不会显示动图,就算插入在手机端描述的图片是GIF动图

3、需要自己取舍

①不设置手机端描述,有可能出现电脑端描述兼容问题显示不好等问题;

②设置手机端描述,GIF动图不展示

相关文章

  • PS如何运营蒙版,PS蒙版有什么作用

     PS如何运营蒙版,PS蒙版有什么作用 下面本文就带领我们一起来了解一下PS怎么运营蒙版,以及PS蒙版有什么效果这两个主要问题,我们一起来看看吧!,首要我们先在PS软件里边打开自己需求做的图片素材,然后对该图层进行双击再该图层的背景层改为一般层。,第二步,在菜单栏里选取戏法棒东西,将戏法棒东西的容差选大一点,然后按住shift键,通过很屡次的点选将图片中的目标悉数选出来,或许我们也能够运用钢笔进行抠图将目标抠出来。

    2024-03-14 16:19
  • 如何做速卖通主图?主图制作内容是什么?

    如何做速卖通主图?主图制作内容是什么? 注意拍摄细节,方便后期处理,为后续调型留出衣袖和衣身的空间。,c.锐化:直接滤镜锐化,或添加“复制图层--去色-高反差保留图层—柔光模式”柔和锐化d.服装照片调色:可对照服装实物,通过曲线、色彩平衡等多种工具综和调色。,图章填充:要注意复制区域和alt键。

    2024-03-22 11:03
  • 拍拍网店装修经验 教你制作超酷的并排立体字

    拍拍网店装修经验 教你制作超酷的并排立体字 在拍拍网店装修中,制作立体字制作学习一些透视原理是非常必要的。只有掌握好透视方法,我们才可以用较为正确的方法作出任何方位的透视图。最终效果1、打开PS,输入文字,并用一个灰色背景框住。字体最好是方正形,便于后期的处理。2、将文字经行透视变形,并在背景层画好透视点、线。3、将文字复制,移动到适当位置,并且沿透视线调整大小。4、删除多余的图层,只留下两个文字图层。5、利用多边形索套工具,将文字前后的透

    2024-03-22 08:10
  • 淘宝店铺首页设计无水印怎么设置?去除水印方法介绍

    淘宝店铺首页设计无水印怎么设置?去除水印方法介绍 因为淘宝开网店不仅要学会还要会后期的运营和管理。,单单在网店装修方面就可以让一些新店主感到头晕,不知所措。,7、再按快捷键Ctrl+i把图层改为反相状态。

    2024-03-22 07:04
  • ps混合模式在哪里调(处理照片时混合模式能达到什么效果)

    ps混合模式在哪里调(处理照片时混合模式能达到什么效果) 混合模式调整法在实战中很容易被大家所忽略,因为很多朋友都会忽略混合模式,具有调整画面明暗的作用,其实如果将选区图层和混合模式运用到位,就是一种非常好用的方法,照片中局部明暗问题严重,混合模式调整法的调整效果最好也是最佳途径之一。,混合模式调整法:第一打开曝光问题严重的原图。,第三将最顶层的背景副本图层显示出来,同样将其混合模式改为屏幕(滤色),此时照片又增加了一个层次的亮度。

    2024-03-21 20:56
  • 商品白底图怎么制作,纯白底图高清无字图片如何获取

    商品白底图怎么制作,纯白底图高清无字图片如何获取 白底图的重要性我就不多说了,想必大家都懂,对自然流量和日后报活动都有很重要的作用,如果我们需要参与相关电商活动,没有商品白底图自然难以操作,那么商品白底图怎么制作?纯白底图高清无字图片如何获取?本期教你如何操作!1、白底图制作程序:导入图片打开PS,导入商品图片。2、选中主体使用快速选择工具选中商品主体。3、调节细节设置快速选择工具大小,对边缘细节处理。4、点击选择并遮住在属性栏,点击选择并遮住。

    2024-03-21 18:26
  • 如何用PHOTOSHOP做GIF动画装修网店

    如何用PHOTOSHOP做GIF动画装修网店 为了避广告嫌疑,本贴中所有图片均不是本店出售的商品,不信您可以去搜索,呵呵。,同样,现在点击图层2,这时你会发现,再移动鼠标时,在动的图不是刚才那张,而是另一张。,用同样的方法将所有图片位置全部调整好如图11,空白区域我们得为店招写点文字。

    2024-03-21 10:28
  • 如何用photoshop制作你的网店logo

    如何用photoshop制作你的网店logo 如何用photoshop制作你的网店logo。,第二步:再图层上设计你的网店LOGO;接下来就是让你的字体活起来啦;字体可以再这个地方下载哦:www.font.net.cn点击“T”字符号选择你要变换的字看上图同样的操作选择“T”字符号选择后面字母部分进行变换,看上图;上面变换好后选择“T”字符号选择下面店铺地址部分进行转换,看上图;第三步:让字体更有个性化点击后出现以下窗口;编辑完成后轮到店铺地

    2024-03-21 10:28
  • 新手用PHOTOSHOP制作“淘宝旺铺店招”教程

    新手用PHOTOSHOP制作“淘宝旺铺店招”教程 新手用PHOTOSHOP制作“淘宝旺铺店招”教程,首先申明一下我是新手哈。大侠们就走开吧,网店装修新手学习最好。刚开店的时候也是在网上到处搜索免费的旺铺店招哎图片太多了,看的眼花缭乱很难找到自己喜欢的想想还是自己动手来做吧,于是就在网上看人家是怎么做的,认真学习了一下下面就是我用PHOTOSHOPCS3制作店标的过程哦,刚学会店招成果图很简单哈,但是我还是花了好大时间才有这个效果的哦,请各位指点哈

    2024-03-21 10:27