【伪AE教程】简单的波浪循环动画

  • 作品类型动效
  • 作品属性原创作品
  • 作品版权署名-非商业性使用-相同方式共享
40390 96 544 2017-03-06

年度盛典有点刷不过大佬们,还是希望今年有机会能争取一下这个奖的,所以写点好用的东西,希望能对大家有所帮助,也希望大家能支持我一票:http://pingxuan.ui.cn/list.html,我是13号技师,谢谢。


这个效果在之前的工作中用的挺多的,最近有些小伙伴们也想做出实际能在软件中用的动画,于是就给大家分享一下之前的一些方法和经验。


希望写给没那么有基础的小伙伴们,有点絮叨,见谅。


另外,附件里有整理好的PSD,有基础的也可以直接拿去试验。


补充一下:对于没有看完文章就开始回复的亲,有几点需要统一回答的。

第一:文里写了,这个效果用ps自带动画就可以做,写这么多是因为写教程要告诉大家多一些有帮助的内容;

第二:这个效果我已经在很多上线项目使用过了,无论是web还是原生,不需要再留言说AE有很多效果能做了,文里也再一次写了,这个效果是可以输出一个单位或者周期素材,然后让开发直接做位移或就能实现的效果,讲的是原理,不是炫技类动效,而且在周期范围内加粒子加光线,只要是符合规律的,都是可以的。

全部评论:96

  • 小青蛙啊

    2022-06-16 16:06

    @Le seul yyqx: 第一帧的画面要和最后一帧的画面一样

  • 迟小潴

    2019-04-11 21:17

    幽默的教程,又详细~。希望多一些像你 一样无私奉献的大神~笔芯

  • SherlockH

    2019-02-07 17:17

    @Howie_t:

  • SherlockH

    2019-02-07 17:12

    形容起来:掰饽饽说馅儿

  • Le seul yyqx

    2019-01-05 15:15

    为啥我按照这个教程做了最后一帧到第一帧的循环会卡一下呢

  • Howie_t

    2019-01-02 18:09

    真的想让你学会系列教程

  • 王老五

    2018-12-26 09:38

    @肉桑大魔王Roshan: 谢谢

  • 肉桑大魔王Roshan

    2018-12-25 09:54

    @王老五: 很简单啊,就是上下位移,然后每个字统一拉开时间差就完事了。。。

  • 王老五

    2018-12-24 17:35

    想知道右上角那一行字是怎么做的嘤嘤嘤

  • 包子baozi

    2018-07-26 17:26

    很实用

  • 水月亮

    2018-05-30 15:06

    logo怎么变化啊

  • 肉桑大魔王Roshan

    2018-03-30 15:19

    @zytkofi: 而且如果你是使用这个思路的做的落地动画,开发会非常乐意跟你配合出这个动画

  • zytkofi

    2018-03-30 14:52

    跟着你做,第一次做成功了小动画,太棒了

  • 素材UI梦

    2018-03-24 19:54

    AE这玩意太复杂了

  • 一念一唸

    2018-01-25 14:05

    透明序列帧 那步骤就没搞懂了。弄出来的老是不对

  • 肉桑大魔王Roshan

    2017-10-18 17:46

    @K_ong: 简单弹性表达式,之前有出教程

  • K_ong

    2017-10-18 16:55

    那个LOGO旋转的是用插件调的吗?还是自己K针? 很顺滑

  • Jeol

    2017-10-11 11:47

    2333

  • 小卖部的座机

    2017-09-30 11:19

    字体怎么跳动的

  • 青_柠檬

    2017-08-08 14:58

    感谢分享,教程很棒,可是我有个问题,就是从左往右的帧好了以后,反方向的的帧不得需要拉回来0秒的位置么,可是帧一拉回来,从左网游的那个动效也就跟着回来了,意识就是怎么脱离上面的那个帧,好纠结

  • ZHRHAO

    2017-06-22 23:00

    @肉桑大魔王Roshan: 噢噢噢,这样子玩

  • 肉桑大魔王Roshan

    2017-06-21 20:04

    @ZHRHAO: 所以如果这个原理搞清楚了,最好是输入一片素材,用代码控制移动

  • ZHRHAO

    2017-06-21 16:42

    你那个红色APP的我会做,你那个背景色是红色,但是如果要弄透明的就麻烦了,我现在问题是,背景是可以用户随便换的,按你那方法用AE渲染出png序列帧透明底色,那步没问题,PS打开序列帧也没有问题,然后WEB输出就出问题了,怎么调都弄不好GIF,要不就有混在一起了没有透明度了,要不就有杂边有锯齿,要不就没杂边有杂色躁波,怎么输出都有问题,求解如何正确输出,要透明底色,波浪都是白色的,该怎么输出?

  • 肉桑大魔王Roshan

    2017-04-10 20:36

    @南宫朔丶: 因为可以用一块图形靠代码就实现

  • 南宫朔丶

    2017-04-10 16:24

    怎么ae用两块mask能解决的事情做得这么复杂。。。

  • Donor

    2017-03-21 09:17

    我总觉得你这个id非常熟悉...

  • 肉桑大魔王Roshan

    2017-03-16 16:16

    @妖姬末末: 在定位熟悉前面按秒表图标。。这是AE基础。。建议先看点基本操作再来试哦。。。

  • 妖姬末末

    2017-03-16 15:14

    怎么添加 一个定位关键帧

  • 妖姬末末

    2017-03-16 15:13

    小白 做到 把时间定到8秒的位置拉动图片 蒙了 出不来效果了

  • 肉桑大魔王Roshan

    2017-03-16 10:50

    @Reagan_Fok: 不是说了,方式有很多种,这种是为了在软件里落地使用的。。。用AE自带效果还用得着专门拿出来说么?你要开心导GIF进app里也没人阻止你

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票