zoukankan      html  css  js  c++  java
  • 使用PS+AE制作动态页面效果

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

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

      我选了这张:

      

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

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

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

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

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

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

      

      

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

      Nice!

  • 相关阅读:
    外校培训前三节课知识集合纲要(我才不会告诉你我前两节只是单纯的忘了)
    floyd算法----牛栏
    bfs开始--马的遍历
    (DP 线性DP 递推) leetcode 64. Minimum Path Sum
    (DP 线性DP 递推) leetcode 63. Unique Paths II
    (DP 线性DP 递推) leetcode 62. Unique Paths
    (DP 背包) leetcode 198. House Robber
    (贪心 复习) leetcode 1007. Minimum Domino Rotations For Equal Row
    (贪心) leetcode 452. Minimum Number of Arrows to Burst Balloons
    (字符串 栈) leetcode 921. Minimum Add to Make Parentheses Valid
  • 原文地址:https://www.cnblogs.com/moegarn/p/14221903.html
Copyright © 2011-2022 走看看