恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
童年的回忆-俄罗斯方块
0.0°
2019-07-22 原创文章 教程 举报 2065 5 9 0

闲暇时做的一些列小动效,跟之前的单车、篮球是一系列的。只不过在做这个的时候就是想到了小时候自己玩过的游戏以及着了魔一样买游戏机的时候。所以就试着做了一下,怀念一下过去。

资料收集

第一步当然依旧是在网上以及手机上搜集一部分的素材作为参考,最适合的方式就是在应用市场搜集一些怀旧经典版本的游戏,然后截图整理一个文件夹,方便后期与AE文件等保存到一起。(PS:AE文件需要建立一个文件夹不然源文件会因为找不到同一个路径的文件而失效。)单元格

第二步打开PS CC对原有的素材图片进行修改,最后整理出来需要的背景图以及每个单独的单元格(包括彩色的单元格)并且命名好。(PS:这里需要把每个图层全部归类分组有助于我们后期修改时候用到时不至于找不到。)

AE合成设置

第三步就需要我们打开Adobe After Effect,首先我们需要在新建合成里面来设置一下宽度以及高度(由于我做的背景图是基于移动应用的场景做的,所以我需要设置一下。)这里因人而异。然后我们“导入-文件”(快捷键ctrl+i)。

Image title

接下来就是比较繁重的阶段了,下面先给大家看看最终的合成以及分散出来的“预合成”截图。(我的做法可能比较麻烦一点,如果有更简便的方法可以告诉我哦,互相学习嘛。)为了更直观的来讲解这一阶段的思路,我决定先把第一个当做示例。(因为之后的操作基本都是一样滴!!!是一样滴!!!一样滴!!!)第一个合成首先我们可以很直观的看到所用到的基本功能(不透明度T;位置P;旋转R;缩放S)那么我们要做的第一步呢就是先复制(CTRL+D)四个,作为最底层的一个铺垫,然后把原来的第一个移动到我们所谓的上方居中按下位置按钮P,然后移动帧数做自由落体,到达底部之后再设一个关键帧。

第二步我们开始制作“消失”的效果,先把5个单元格都按下“不透明T”按钮,依次四个关键帧,设定的值是100%-0%-100%-0%。最后我们需要把屏幕上单独的一个单元格做关键帧让它下落到底部,这个动作要跟上面的同步,即当两排单元格消失的时候,发生此次事件。然后我们还需要做最后一个事件与此同时发生。

第二个

这个动作命令与上述命令是一致的,就是说上面的命令执行完毕后就是这个的开始。我们需要设定不透明度以及位置来做这个长条格格的动态以及消失效果。

(以上仅为个人的一些观点以及制作方法,欢迎大家多多提出意见,多多讨论哦。)

(PS:

  效果 E

  遮罩羽化 F

  遮罩形状 M

  遮罩不透明度 TT

  不透明度 T

  位置 P

  旋转 R

  时间重映象 RR

  缩放 S)

更新:2019-07-22

收藏

5人已收藏

Stammer

君子性非异也 善假于物也

  • 38

    作品

  • 7

    粉丝

  • 17

    关注

  • 冬至的温暖
  • 你凭什么做设计
  • 小白学摄影的必经之路
  • 油画风格插画

    猜你喜欢

      2019-07-22 原创文章 教程 举报 2065 5 9 0

      童年的回忆-俄罗斯方块

      0.0°

      你确定要举报童年的回忆-俄罗斯方块

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年05月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      9
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录