荷塘月色_淘宝抖音跨境电商卖家论坛社区
标题:
淘宝详情页动图怎么制作？附详细制作流程？
[打印本页]
作者:
网创
时间:
2022-5-8 16:26
标题:
淘宝详情页动图怎么制作？附详细制作流程？
淘宝详情页是淘宝装修里重要组成部分，除了可以上传静态图片之外，淘宝卖家也可以制作动图，让买家能够直观的看到商品全貌，那么淘宝详情页动图应该怎么制作呢?
& e- V! X$ N/ \- b+ N% W
. J( @ S; _! v, d) x
打开PS，将这三张图片同时拖入一个你设置好的图片大小中，(我设置的是790*800px)，降低图像透明度，依次将图层对齐好。调整完毕，将透明度调回100%。打开窗口-动画/时间轴，会出现一条时间轴，点击时间轴右下角的图标，将模式切换为图片帧模式。
' S6 Q6 f% p: r) K" }. x
* O7 i0 t: U. {" `3 g3 L
点击时间轴下方的图层按钮，复制图层。(因为我有三个图层颜色要变化，所以点击两下，复制两个图层)，点击时间轴上的第一个图层，调整PS面板右下角的图层面板，将图层1、2、3前面的眼睛都点掉，只留下原背景图层，也就是第一个发光效果图层。
, w% l5 D8 |+ R+ I) ?$ x1 t) w
/ L0 d9 |5 y0 R$ j
时间轴上的第二、第三个图层处理方式和第一个图层相同，就是依次将他们的发光效果图层前的眼睛点上(第二个图层是对应图层面板的图层1,第三个图层是对应图层面板的图层2)调整时间轴上的时间，将图片单帧展示时间改为0.1秒(点击0.1秒后面那个小箭头就可以改时间)，将重复模式改为永远。
4 Y% C% y/ B1 b6 S s& i# s: O. d
+ e" c- k) T( M2 Y; [
如果系统设置的时间间隔不是你所理想的，你还可以自己设置。点击时间后方的那个小箭头，选择其他，设置帧延迟时间。选择-文件-存储为web和设备所用格式，将预设下方的图像模式改为GIF即可。
# J3 T7 ^ f" p: ^9 H3 I" [
8 q0 }, k7 k+ S: ^0 \% N* h
注意事项：
& l+ j( P0 ^5 A3 l: U! e
- D+ g3 o( o& u& J, h% Y
1、未设置手机端描述，会显示电脑端描述内容，请放心。
_# u5 Q3 u9 P( I
# _' f# d& c+ t; a e
2、只要设置了手机端描述(不管是文本编辑还是模板/淘宝神笔编辑)，无线端宝贝描述不会显示动图，就算插入在手机端描述的图片是GIF动图。
9 c; ]/ x* K* @; H! Q" n
0 U. Z; x" H: X
3、需要自己取舍。
5 Z0 L2 M$ r) E& a6 P6 r
* |* r8 B, o0 E! q
①不设置手机端描述，有可能出现电脑端描述兼容问题显示不好等问题;
, e5 O+ f( E6 \# V* @
& b! R7 I! W- v9 H9 G* ]
②设置手机端描述，GIF动图不展示。
0 U& B0 ?( }+ J& T' E! U S
+ B6 x: V5 T! n7 r8 G) i1 r
淘宝详情页动图的制作方法还是比较简单的，如果还不会制作动图的卖家，可以看一下以上淘宝详情页动图操作流程。
1 e3 s+ J7 I$ C' `. Z, S/ L9 k+ X
% n$ b" K: ?* L1 {. C% a
8 K( }/ ?5 ?9 [" A
, g7 Y& A; W& V* U
欢迎光临 荷塘月色_淘宝抖音跨境电商卖家论坛社区 (https://htys123.com/)
Powered by Discuz! X3.2