菜单 优优教程网 - UIIIUIII

本期视频教你制作 Q弹可爱的 3D 旋转 Tabbar 动效，一起来看看吧~

2021年已经进入尾声了，今天我们来做一个简单一点的效果吧，之前有鹿友发了一个效果问我如何制作： 我这里把它压缩成了动图大家看看吧： 原图来源油管 如侵请联删 win11这种壁纸的效果应该是用布料做的，但是我有点怀疑是不是C4D做的哈。 首先大家知道C4D的布料系统。。。唉，不提了，然后我尝试了一下用C4D的Syflex布料插件来做，但是由于Syflex的力场太少，不好做出这种像花一样的形态。

关于教程 本期研究苹果的Face ID动画，使用AE实现了全状态幻影循环动效，如果帮助到你的话可以点赞支持一下~ 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step 01 圆形边界 通过对圆形路径边缘进行调整，获得一个超椭圆图形。然后Ctrl+R打开标尺，确定图形四周的边界。

关于教程 我们每天都会在手机APP中看见的那个故障风动态图标是怎样实现的？今天就带大家一起来揭秘这个熟悉的陌生人~ 教程简概 详细操作请看文章开头的视频教程演示。 Step 00 原理拆解 实现一个抖音图标的故障动态效果，可以分为颜色叠加、随机抖动、故障变形三个环节来完成。

关于教程 大家好，我是灰大设计团队的灰色执照。 自从我上次教大家模仿制作 袋鼠云 公司的这个百分比环形动效后，很多同学希望我顺便写一下立体饼图的教程。 ▲ 这就是上次教大家制作的百分比环形动效，具体过程可以阅读下面这篇教程文章： [link https://uiiiuiii.com/other/1212403222.html] ▲ 现在大家想学习这个效果，该效果出处来自：EasyV数据可视化（如果不小心侵犯了你的权益，可以找我删除） 需要特别强调的是： 我当然不可能知道原作者到...

关于教程 本期教程为大家带来一个几何艺术小姐姐走路的动效绘制教程，包括在AI中绘制插画，以及在AE中设计动效的全过程，一起来学习一下吧~ AI绘图部分 步骤1 打开 Illustrator，然后ctrl+N新建画板 步骤2 然后用矩形形状工具做一个和画布相等的矩形，800px*800px 步骤3 用直线工具画一条差不多300px的直线（只要能居中就行不强求），颜色为FF3E4E，后面的圆可有可无 切记从这一步开始就要分图层拉！！！一点要一个形状一个图层，切记 ！切记！

温馨提醒 本篇文章大概 9300 字，配图 86 张，约 13 分钟视频教程一个。配合文章制作 1 个示例网页，代码示例 5 个。阅读设计部分需要 10 分钟。

效果图 关于教程 之前看到训练营的这篇微博，很多同学都在要教程，所以今天我就找时间录了一下，用到的都是很普通的移动和缩放属性，以及偏移效果，整体制作起俩还是非常简单的，大家如果感兴趣的话，可以跟着视频一起练习，如果有不清楚的地方，可以下载文章底部的源文件，或者在文章底部留言哦～ 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step 01 输入文字 在AI中输入文字，按照视频中的讲解（00:30~03:23），扩展文字之后，复制并调整颜色，分成不同图层。 Step 02 导入A...

关于教程 本期教程为你带来一套快餐店主题的美食图标设计，包含了在Ai中绘制图案和在Ae中制作动效的全过程，每个步骤都有是否详细的拆分和讲解，非常适合新手学习，赶紧来上手试试吧~ 教程效果图 AI绘制步骤 Step 01 新建文档 打开Adobe Illustrator，点击文件->新建（快捷键Ctrl+N）创建一个新文件，参数设置如下： Step 02 新建背景 2.1 找到AI的图层面板，双击图层名称处，将名称修改为「背景」，使用「矩形工具」（快捷键M） 在画板中间点击一下 ，...

直播案例 更多直播录屏案例回顾清戳→【训练营免费公开课】 想要来「优优自学团」和500位小伙伴一起交流学习进步吗？ 添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦） 学完这篇教程的人还在学… [link https://uiiiuiii.com/aftereffects/12127671.html]

关于教程 相信用Ae的同学大多都有在使用插件，越来越多的插件也在完善和丰富Ae软件的功能，我刚开始用Ae的时候也非常热衷于安装各种插件，但真正在工作中经常用到的也就那么几个，所以这篇文章就来总结下我最常用到的5个Ae插件！ 01 Auto Crop插件 官网：https://www.batchframe.com/docs/help/autocrop.html 这个插件功能比较单一，但却十分好用，它能帮我们自动裁切合成的定界框！给大家简单演示下 这里我画了三个不同的形状，现在这三个形状的定界框...

关于视频 点赞图标是怎样变成已点赞状态的？图标动效有哪些变化的可能性？它们又是如何一步步引导用户互动的？

关于教程 大家好，我是灰大设计团队的灰色执照，一个会做设计、会写代码，还很喜欢写小说，才华横溢的中年男人。 今天给大家带来的是干货中的干货，手把手系列教程。考虑到设计群总有同学说自己家的程序员「无法实现效果」，而且一直有很多同学想要前端代码的教程，因此本期教程我把设计和代码都一起教了。

关于教程 本期视频为你介绍制作Pr震动效果的两种方法，记得做好后保存预设，方便下次使用喔~ 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 00:10  方法一：方向模糊法 在震动点打上标记，调整方向模糊的具体方向和模糊长度即可。 01:37  方法二：变换打关键帧法 在效果中搜索添加「变换」，将缩放增加到105，并给位置添加定点关键帧，让开头结尾保持默认位置。

关于教程 以为水波纹为主，花随着水流动，树叶作为装饰物的画面，整体风格比较写实，AE绘制时主要以画面效果为主，数据仅供参考，根据画面可以调整参数。 大概步骤分为： ① Ai素材准备 — ② AE导入素材 — ③ 绘制树叶动画 — ④ 绘制水波纹效果 — ⑤ 增强画面效果以及流水的感觉（包括花和倒影）— ⑥ 渲染动画avi格式 — ⑦ Ps导出GIF格式。 注意：水波纹效果无法做到循环播放~ 教程效果图 动态效果图见教程底部网盘～ 教程步骤 Step 01 Ai素材准备 打开Ai，绘制画...

关于教程 动效周期表是由日本设计师 Kazuki Akamine按照基础动效的特点属性，把他们分成了大家所熟悉的类似元素周期表的形式。 教程内容 最后一波更新啦！ 大家看完前两期(并进行操作)再看最后一期会觉得越来越轻松的 走起~ 49.对称移动 原理: 利用表达式-1，使方向相反。

关于教程 动效周期表是由日本设计师 Kazuki Akamine按照基础动效的特点属性，把他们分成了大家所熟悉的类似元素周期表的形式。 上篇：[link https://uiiiuiii.com/aftereffects/1212379817.html] 教程内容   第二波更新啦，整体来说会比上一期简单一些，更多的是使用效果和预设中的效果来制作，希望我的思考可以带给大家一些灵感~ 继续开始！ 25.旋转褪色 原理: 旋转与不透明度结合。

关于教程 动效周期表是由日本设计师 Kazuki Akamine按照基础动效的特点属性，把他们分成了大家所熟悉的类似元素周期表的形式。 教程内容 在AE软件中有很多效果预设插件，都值得我们去思考探索，日本设计师Kazuki Akamine编写了动效周期表涵盖了大部分常用效果，把里面的动效逐一解析，更易于对AE软件的学习以及动效的应用。大家可以先看原理，然后尝试制作,下面也都配有相应效果的制作步骤,当然,方法不唯一,大家可以广开脑洞去实现不同的拓展应用。

关于教程 今天给大家分享一个复古点刺的画面风格。这种风格的特点是只有黑白两种颜色，画面过渡的地方用点的疏密变化来代替。摸了很长的鱼，终于把这种效果摸出来了，今天赶紧来分享给大家~ 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。

关于教程 文字，是最常见的动效对象之一。我们可以通过对透明度、位置或者角度的改变，制作出丰富的动态效果。但你可能不知道的是，AE内置了超多的文字预设，只需用鼠标点击几下，就可以完成复杂丝滑的文字动效。