资讯首页>>>店铺动图设计教程,让你的粉丝也一起动起来>

店铺动图设计教程,让你的粉丝也一起动起来

发布时间:2019-03-18 19:17来源:万师傅阅读量:3310

  大家在逛淘宝的时候也会看到很多的动图吧,相对于动图来说,你是比较倾向动图还是静图呢?当然了,每个人心里想法不一样,不管那种形式的图片也都有个字的优缺点。如果大家对动图设计感兴趣的话,这里小编就给大家简单讲解一下,以Photoshop 2018 cc为例,详细步骤见下文。

店铺动图设计实操步骤:

步骤一:首先寻找4-6张图片(可以是用自己的照片,或者是你想恶搞的人照片),然后打开ps新建一个画布。(定好画布的高度和宽度,因为这将决定成品gif的大小)

https://qncdn.wanshifu.com/202312/6fba261a8661754762cdb80f0784ecd9

步骤二:选择窗口→时间轴(如果是比较老的版本应该是叫“动画”,新版的一般都是叫“时间轴”),然后会在底部显示一个时间轴的画框,然后选择“创建帧动画”,选择完毕之后点击“创建帧动画”确定。

https://qncdn.wanshifu.com/202312/6fba261a8661754762cdb80f0784ecd9

步骤三:将图片全部拖入,并且按照顺序依次排列,点击左侧眼睛,显示图片1可见,图片2-6不可见。(这个时候如果想加入文字的话,可以直接添加文字,但是注意隐藏图片的时候要把文字也隐藏掉哦,因为我这里的图片自带文字,所以就省去这个步骤啦)

https://qncdn.wanshifu.com/202312/6fba261a8661754762cdb80f0784ecd9

https://qncdn.wanshifu.com/202312/6fba261a8661754762cdb80f0784ecd9

然后在时间轴内复制一层,此时显示图片2可见,图片1以及图片3-6不可见。

https://qncdn.wanshifu.com/202312/6fba261a8661754762cdb80f0784ecd9

以此类推,然后得到6帧画面,分别对应6张图片。

https://qncdn.wanshifu.com/202312/6fba261a8661754762cdb80f0784ecd9

步骤四:点击每帧画面下面的时间,可选择每张图片停留的时间长短,我以每张图片显示0.5s为例(每张图片显示的时间可以不一样长,长短可随自己心意调节)。

https://qncdn.wanshifu.com/202312/6fba261a8661754762cdb80f0784ecd9

另外点击中间的小三角可以预览gif动图。

https://qncdn.wanshifu.com/202312/6fba261a8661754762cdb80f0784ecd9

步骤五:最后保存,选择文件→导出→存储为web所用格式。然后跳出保存的对话框,在红线标注的地方选择gif,其他地方不用更改,最后点击保存即可得到一张gif动图!

https://qncdn.wanshifu.com/202312/6fba261a8661754762cdb80f0784ecd9


  看完以上的介绍以及图示,是不是觉得很简单呢?这种动图设计出来还是比较吸引人的,所以还没有设计动图的朋友不妨在你的宝贝详情页设计试试,看看效果如何。想要知道更多关于店铺动图设计的内容,就收藏万师傅网站吧,小万将持续为您更新!

转载请保留:http://www.wanshifu.com(万师傅)


免责声明:本网站转载内容均注明出处,转载是出于传递更多信息之目的,并不意味赞成其观点或证实其内容真实性。转载稿涉及版权等问题,请立即联系网站编辑,我们会予以更改或删除相关文章,保证您的权利。
网店装修技巧你懂多少?能否吸引用户就看装修是否有魅力图片去同质化怎么弄,四步教你快速上手

热门文章