|
淘宝详情页是淘宝装修里重要组成部分,除了可以上传静态图片之外,淘宝卖家也可以制作动图,让买家能够直观的看到商品全貌,那么淘宝详情页动图应该怎么制作呢?
0 m7 g$ ?0 N* ?* Y8 m/ J Z( J* P
5 i2 d. C. x6 o$ @; n打开PS,将这三张图片同时拖入一个你设置好的图片大小中,(我设置的是790*800px),降低图像透明度,依次将图层对齐好。调整完毕,将透明度调回100%。打开窗口-动画/时间轴,会出现一条时间轴,点击时间轴右下角的图标,将模式切换为图片帧模式。
4 W9 ]$ z1 |& H3 V4 }7 y+ G, w6 P8 z! l# W% D) M: ?
点击时间轴下方的图层按钮,复制图层。(因为我有三个图层颜色要变化,所以点击两下,复制两个图层),点击时间轴上的第一个图层,调整PS面板右下角的图层面板,将图层1、2、3前面的眼睛都点掉,只留下原背景图层,也就是第一个发光效果图层。
9 C& y1 z2 f3 Y
! ?$ T: h' P# d6 Z时间轴上的第二、第三个图层处理方式和第一个图层相同,就是依次将他们的发光效果图层前的眼睛点上(第二个图层是对应图层面板的图层1,第三个图层是对应图层面板的图层2)调整时间轴上的时间,将图片单帧展示时间改为0.1秒(点击0.1秒后面那个小箭头就可以改时间),将重复模式改为永远。
/ W5 S( c0 B; Y! Z" H N8 t, I& G) A. W$ |& m
如果系统设置的时间间隔不是你所理想的,你还可以自己设置。点击时间后方的那个小箭头,选择其他,设置帧延迟时间。选择-文件-存储为web和设备所用格式,将预设下方的图像模式改为GIF即可。
" v h6 S# Q" P# x9 y( `% K) p- H. a5 C2 r( D5 b, T$ g
注意事项:
& L* U# y* S& R+ g. _. k: u, @$ s6 t& B+ [6 `9 ?. I5 n$ I
1、未设置手机端描述,会显示电脑端描述内容,请放心。
0 o+ A' D: c' j* S! `
; c; X! O3 L( |, z9 N# V2、只要设置了手机端描述(不管是文本编辑还是模板/淘宝神笔编辑),无线端宝贝描述不会显示动图,就算插入在手机端描述的图片是GIF动图。
- L @/ y, O. i3 g
4 R7 ? [2 K# O& D& j( d3、需要自己取舍。
% W9 L ~/ a* A( e) P9 v
l; K% C2 y" d" [ ?①不设置手机端描述,有可能出现电脑端描述兼容问题显示不好等问题;9 g& B0 C8 c5 ?/ o. q' U) }
: y# Y% X9 _' B) ^
②设置手机端描述,GIF动图不展示。
0 t# ]) j3 Y# Y3 @; b6 ^3 Q9 M! J, V1 G: |" O0 Q
淘宝详情页动图的制作方法还是比较简单的,如果还不会制作动图的卖家,可以看一下以上淘宝详情页动图操作流程。
: k. O7 @! b- g5 F& ]* f
# `' ^4 Q/ L. ~. [4 Z1 k$ j5 J0 `6 H3 O! l) @
) z q$ O9 Z7 @* ^2 P
|
评分
-
查看全部评分
|