外部导入方式添加背景图_电商美工如何做动态背景图？完成无线首页装修

知乎视频​www.zhihu.com

Hi，大家好久不见。今天来给大家分享一个超级大干货。如果你经常逛淘宝就应该见过类似上面视频这种视觉表现手法。其实大方向，大家伙都知道，无非就是一张gif图而已。但是我想说的是，如果你没有真正操作过，亲身实践过，我建议你最好动手一次，等你操作完，就知道这里面有很多道道了（大神不在内）。

我今天感触特别是，就是为了整明白这东西的来龙去脉，花了我好几个小时（当然了，中途包括做图，找视频素材等等），今天的内容大纲：

1.为什么要做成gif图

2.做这种gif图装修无线首页需要具备哪些能力？以及用到什么样的工具。

3.具体的操作流程是怎么样的？

4.一些必须注意事项

5.总结

一、为什么要做成gif图？

答案很简单，现在最流行的是什么？肯定是短视频，直播吧。短视频直播为什么会火，因为消费方式的转变，因为人的观念在变。那短视频跟gif有什么联系？答案是动。没错，就是动。这不仅是视觉表现形式升级，而且是符合当代社会发展需要的。

无论做什么，一定要明确做这件事的目的。做合成海报，做插画等等，最终的目的只有一个促进产品成交。gif这种形式不是一定要做，最主要是符合自己的人群定位，以及运营的要求。

总之一句话，设计目的为了给消费者更好的体验感，从而促进产品成交。gif只是其中的一种表现手法。

二、要完成gif图，上传到无线首页应该具备哪些能力？哪些工具？

能力，包括工具的使用，设计知识的积累，素材的积累等等。用到的工具，ps，pr，格式工厂，店铺装修工具。如果你只会ps，也行。方式，你做出来的gif是没有结合pr出来的效果好，我说的好一方面是效率上，另一方面是gif的质量，流畅度，清晰度。店铺装修工具，可以私信我。我这里不帮打广告

三、具体的操作流程

第一步，准备好视频素材，如果你不用视频素材做背景图，这一步可以忽略。你可以直接在ps做好gif图。（下文步骤是按结合pr来做的）

第二步：在ps里做好页面的排版布局，留视频背景图的空间。方便后面导出pr中使用

第三步：把排版布局好的图片文件导出，然后和视频素材一起导入到pr中，修改编辑。把视频素材调整到第二步留出的空间里。

第四步：在pr中导出文件，格式为gif动图，千万别选择gif，不然出来一大堆图片。

第五步：就是把gif图上传到图片空间，然后复制图片链接到店铺装修工具里。

第六步：这一步就开始运用到店铺装修工具了，主要是完成gif的转化和添加热点。

第七步：把店铺装修工具导出来的代码，复制到无线店铺后台，结合店铺装修工具完成代码安装。

第八步：大功告成。

四、注意事项

1.在ps里导出的图片最好是png带通道的图片格式，方便后面导入pr。而且内存大小在保持清晰度的情况下，最好越小越好。

2.素材的高清度不用说了吧。

3.新建pr序列，最好不超过15贞，因为淘宝无线首页对gif图就是小于15贞，超过了在手机端无法显示效果。

4.pr导出的gif图不能超过3m，因为超过了，淘宝图片空间无法上传。如果在pr里无法实现图片的压缩，可以用ps抽贞，或者用格式工厂，前提是必须保证清晰和流畅。

好了，以上几点是需要特别注意的。如果中途你遇到困难，可以看我主页找到我。私信可能不会及时回复。

最后，来总结一下。做gif图是要结合自己的商业需求的，商业不是艺术，也不是耍技术。最重要的是提升买家体验感，促进产品成交转化。用gif图做背景图来装修无线首页，步骤很多，细节很多，要细心有章法。

感谢大家的观看，希望对你有帮助。码字不易，感谢点赞。