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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
【教程】超简单的翻页动画
0.0°
2019-09-02 原创文章 教程 举报 3133 16 7 3

AE超简单的翻页动画

HI!

大家好,

又到了开学季了。

下面我们开始吧!


首先

先用PS或者AI绘制图形,也可以直接百度几张图片

绘制图形这里我就不多说了

Image title

(拆分图)


做好后复制几张,我这里做了7张

做好后再导出图片

Image title


然后

打开AE

新建合成

Image title


导入图片并重命名,然后调整好合适的位置和大小

Image title


接下来添加效果了

找到“效果—扭曲—CC Page Turn”

然后把效果添加给图层

Image title


添加好后就设置关键帧了

给“Fold position”打上关键帧

第一帧处的值

Image title


第二帧处的值

Image title


设置好复制效果给其他图层,如图:

Image title

注:我这里有7张图,我只给6张图加了效果,最后一张图不要添加翻页效果

最后一张图效果如下:


复制一层图层7

Image title


然后右键给最下面的图层7添加投影

Image title


投影的参数如下

Image title


所有图层效果如下:

Image title


是不是很简单啊!

最终效果:

Image title

最后祝回归校园的同学们学业有成!


好了,教程到这里就结束了!


最后说一句:

教程只是一种思路,使用的工具和参数设置也不是绝对的,可以根据自己的方法来尝试,同一种效果可以有很多方法来完成,关键是要找到最合适自己的方法来达到最终效果,这才是提高自身能力的最佳方式。


也可以微信搜索公众号“优秀咪”关注我们,更多精彩等着你!

微信公众号回复“6677”即可领取

1wPPT模板+Adobe全套+海量字体和图片





更新:2019-09-02

收藏

16人已收藏

  • 18

    作品

  • 52

    粉丝

  • 2

    关注

  • 【教程】AE科技扭曲线条动画
  • 【教程】样条约束文字动画
  • 【教程】C4D弹弹果冻
  • 【教程】C4D药瓶制作
相关标签
教程UI设计动效

    猜你喜欢

      2019-09-02 原创文章 教程 举报 3133 16 7 3

      【教程】超简单的翻页动画

      0.0°

      你确定要举报【教程】超简单的翻页动画

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年09月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      16
      3

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

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

      登录

      手机号

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

      登录
      第三方账号登录