我使用的软件是PS CC201+AE CC2015,因为用到的都是常规功能,所以使用其他版本的PS、AE也都可以。之所以决定要做动态效果图,还要从我的毕设项目说起,我的毕设项目做的是基于Web的网页游戏开发,当然其中也少不了后台管理嘛,毕竟我是学习软件工程的,学院老师考虑到工作量以及答辩考核通过的问题(其实论工作量单做一个游戏也要花不少时间的,只是怕答辩老师不给过,不过这也不重要,毕竟在我看来毕设这是顺便走个形式,我是需要拿这个项目来准备以后应聘工作的,所以要好好做呀!)

  我要做的动态效果图就类似于王者荣耀等游戏的登陆壁纸那种效果,只有部分人物肢体和部分环境事物在活动,所以,首先要选一张制作精美的壁纸作为源材料。

  我选了这张:

使用PS+AE制作动态页面效果_软件工程

  

  这张图来自网络游戏《英雄乂》(武侠版吃鸡游戏,没玩过,不评价),正好同我做的游戏风格比较像,因为我做的项目非商业性质,纯属个人娱乐,也没有什么影响力,所以不涉及什么版权问题。

  拿到图后,我的想法是需要让人物活动,场景中为了衬托人物也需要让部分事物进行活动,经过考虑,决定让人、人物上方的两条铁链进行活动,其余部分继续保持静态。

  既然制定好了设计方案,那么就开始撸袖子干活,想法挺好,实现起来也要看真本事了,作为修图小白的我必须请教度娘、B站了。

  很快啊!我在B战找到了制作动图的教程,篇幅不长,知识不冗杂,可以活学活用,最关键的是小姐姐讲课,技术好,说话又好听,还不啰嗦。我在这里放一下教程链接:https://www.bilibili.com/video/BV1ts411a7gs,有想法的小伙伴可以传送过去学习。

  我建议小伙伴们可以先找一张自己喜欢的图,提前下载好适合自己电脑的PS和AE,跟着小姐姐直接学习制作,这样学习效率才会高!

  那么,经过了2天的时间,我终于把图做完了,以下是成品的动图效果,因为AE导出来的是视频格式,这里我就不放出了,因为到目前我写下这篇博客为止,我都没有把动图成品上传到网络上,一方面为我自己的毕设劳动考核问题考虑;另一方面,也为素材版权方考虑。所以,还请各位小伙伴谅解。

  使用PS+AE制作动态页面效果_Java_02

  

  我是用Gif制作工具做了一张gif动图用来展示,所以图中衔接处会有卡顿,我自己导出的成品中是没有这个卡顿的。

  Nice!