|
淘宝详情页是淘宝装修里重要组成部分,除了可以上传静态图片之外,淘宝卖家也可以制作动图,让买家能够直观的看到商品全貌,那么淘宝详情页动图应该怎么制作呢?
2 H- p* y$ j4 _2 e
6 U g- f3 D+ C* C& A# P" z打开PS,将这三张图片同时拖入一个你设置好的图片大小中,(我设置的是790*800px),降低图像透明度,依次将图层对齐好。调整完毕,将透明度调回100%。打开窗口-动画/时间轴,会出现一条时间轴,点击时间轴右下角的图标,将模式切换为图片帧模式。3 N5 ]9 W1 y1 o' y* H1 f( m
3 ]* i, ]& `* A: k u. ]* M! U- E
点击时间轴下方的图层按钮,复制图层。(因为我有三个图层颜色要变化,所以点击两下,复制两个图层),点击时间轴上的第一个图层,调整PS面板右下角的图层面板,将图层1、2、3前面的眼睛都点掉,只留下原背景图层,也就是第一个发光效果图层。( @2 m+ h% \( d
( W6 s m7 v: v. @# M, b
时间轴上的第二、第三个图层处理方式和第一个图层相同,就是依次将他们的发光效果图层前的眼睛点上(第二个图层是对应图层面板的图层1,第三个图层是对应图层面板的图层2)调整时间轴上的时间,将图片单帧展示时间改为0.1秒(点击0.1秒后面那个小箭头就可以改时间),将重复模式改为永远。) n1 }- m! \" Q3 p( L% M o# Y
( h+ r$ |+ y, K
如果系统设置的时间间隔不是你所理想的,你还可以自己设置。点击时间后方的那个小箭头,选择其他,设置帧延迟时间。选择-文件-存储为web和设备所用格式,将预设下方的图像模式改为GIF即可。# x6 P/ y0 s N h6 v/ }( X( w
2 E% I S) R* ^+ T# Q+ A注意事项:
5 n/ D5 u$ @. d- z0 S1 Z
! p% i0 s. B& R. e* D6 H6 z1、未设置手机端描述,会显示电脑端描述内容,请放心。
9 C+ d; J' n( G" E4 [; A* O4 D6 m( @. H h: ?1 g' b
2、只要设置了手机端描述(不管是文本编辑还是模板/淘宝神笔编辑),无线端宝贝描述不会显示动图,就算插入在手机端描述的图片是GIF动图。
; `8 @! \0 C E$ D, D4 g8 e4 B- y" i- O5 c) L3 ?. p/ m
3、需要自己取舍。! ]$ P5 ~% m, t* ?: f2 e" I
5 ?+ F+ m4 C" `4 J/ q, k①不设置手机端描述,有可能出现电脑端描述兼容问题显示不好等问题;+ S& ~7 ]/ N$ t# v' u4 i7 n
# N! t' c$ Z8 P" c( @4 t; M. [; e②设置手机端描述,GIF动图不展示。7 @' \/ s+ o: Y; ~' J2 F) U5 S5 ]
# ^5 Y* h) s% l4 X
淘宝详情页动图的制作方法还是比较简单的,如果还不会制作动图的卖家,可以看一下以上淘宝详情页动图操作流程。
) G2 I+ V7 ?. O" _5 r7 a, w: O1 m# Y: E1 {4 s
# R/ N% ]' y( h9 v
" `! F# R& f6 S
|
评分
-
查看全部评分
|