本文仅供学习讨论使用，请勿深究作者教程功底。十分简单粗暴，适合快速阅读。如果涉及工具和页面等基础操作，请去百度其他教程。教程内容取自一个月前发布的“译·干货|7个交互设计tips提升你的APP用户体验”的配图。欢迎留言。
配图链接：https://www.jianshu.com/p/d0c269390f4e
内容跟随标签滑动gif效果图
图片摘自7个交互设计tips提升你的APP用户体验
01.分析
画面主要通过页面1，2切换
页面1，2
02.新建合成
新建合成设置，可参考可自定义
03.文件图层，请给所有的图层分层和命名
也可以在ps里面画完再导入ae，因为我比较懒，直接在ae里画。
请不要学我这么懒，爱你们😘
鉴于学习参考性，我十分勤奋的标注下各图层哈。不要嫌弃……
页面1，2标注
04.步骤图
整体图层效果
图层9的设置，请注意时间标尺和位置、缩放的数值，当然也可以自行尝试设置
图层3图层4的颜色色值，颜色设置过渡参考整体图层效果
图层11，位置在xy两个数值间移动，关键帧参考整体图层效果
图层10，位置在xy两个数值间移动，关键帧参考整体图层效果
剩下的图层，跟随父级移动就好
设置完就可以导出了，简单快捷。
05.效果图
效果图
AE并不能直接导出gif文件，需要安装插件或者用别的软件生成。方式不一。在此我就不对此进行描述了，请自行百度。
我一直都觉得，什么软件都不重要，重要的是使用这个软件的你，祝所有学习软件的入门选手都成为大师。fitting~💐
网友评论