菜单 优优教程网 - UIIIUIII

今天要和大家分享一下使用C4D制作扭蛋机动效的一个方法～如果你有更好的方法，欢迎一起交流～

本期教程将使用 Sketch + AI + AE 向你展示如何从零开始制作弥散毛玻璃动态图标的全过程

对于 UI 设计师来说，会做动效，代表着更强的职场竞争力。本期教程，就教大家 6 种与音乐播放器有关的交互动效，看完就让你的作品动起来~

一、关于教程 动效在 UI 场景中的运用，极大的提升了用户的使用体验，也增加了产品的品质感。对于 UI 设计师来说，会做动效，代表着更强的职场竞争力。本期教程，就教大家 5 种常用的交互动效，看完就让你的作品动起来~ 二、关键步骤提示 详细操作请看文章开头的视频教程演示。

一、关于教程 本期教程为大家拆解一下腾讯课堂下拉刷新动效，教大家如何在AE中创建3D立方体动画，通过关键帧和旋转工具使立方体进行一系列有序的旋转动作。 二、关键步骤提示 详细操作请看文章开头的视频教程演示。 #01 创建3D立方体 首先，在AE中新建一个1000x1000分辨率的正方形项目，然后创建一个200x200的纯色矩形。

一、什么是AE表达式 接触过 AE 的同学肯定都听说过「表达式」这个名词，它是一段基于 JavaScript 的代码，听起来是不是很不明觉历？对于编程小白来讲，看起来好像也不算太友好，不过没关系，只要我们会用它就可以，就好像我们需要冰箱制冷，但并不需要了解其原理一样。 在一些情况下，表达式能够帮助我们快速实现效果，减少了反复 k 关键帧的繁琐工作，因此，可以极大地提高作图效率。

本期教程将使用 Sketch + AI + AE 向你展示如何从零开始制作磨砂毛玻璃动态图标的全过程，涵盖设计理念，制作方法，以及如何拓展设计出不同的毛玻璃质感图标。

一、关于教程 本期视频为大家介绍 AE 中 4 种能够做出旋转动作的表达式，帮助你快速搞定复杂的旋转动效，表达式中的数值都可以根据需求进行修改哟～ 想让如如老师手把手教你制作更多有趣的AE动效吗？戳下方链接立即报名： 二、教程简概 详细操作请看文章开头的视频教程演示。 #01 time表达式 使用time表达式可以快速让物体旋转起来。

一、关于教程 大家好，我是修老师十七，今天为大家带来的是火腿切片动效图标制作教程。本次教程将使用 Ae 内置效果 CC page Turn，带你1秒实现翻页动画效果！ 想要让讲师如如手把手教你制作更多动态插画？

想让如如老师手把手教你制作更多有趣的AE动效吗？戳下方链接立即报名： 公开课演示案例 更多直播录屏案例回顾清戳→【训练营免费公开课】 看完这篇的人还在看…

一、关于教程 来啦！今天跟大家分享一个比较实用的液态标签栏效果，此次使用的是 Sketch+AE，Sketch导入 AE 需要用插件 AEUX，没有 Sketch 的同学也可以自己用其他软件绘制图标~ 二、教程步骤 Step 01 导入素材 01. 在AE的“窗口”-“扩展”里点开AEUX → 设置各参数 02. Sketch里点击“插件”，打开“AEUX” → 选中要导入的画板 → 点击“Send selection to AE”，导入到Ae 03. 点击色块，不同icon标记不同颜色...

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第十一集，本集将为大家讲解交互动效的设计原则，以及交互动效实际案例演示。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

本期视频使用 Sketch + AI + PS +AE ，为你带来从零开始制作轴侧毛玻璃图标动效的全过程详解，学会之后使用类似的思路，还可以拓展设计出不同的毛玻璃质感图标。

关于教程 平面icon实现空间感旋转需要几步？今天我们就来拆解一下，不需插件，不用外挂，只需要一个质朴的AE。 教程分为两部分，第一部分：逆时针旋转至90度，第二部分：继续旋转至一整圈，接下来开始吧～ 教程步骤 #01 逆时针转至90度 1  打开AE → 点击“新建合成” → 设置合成的各参数 2  选中“多边形工具” → 打开“描边”，关闭“填充” → 按着Shift画一个五边形（鼠标滚轮上下滑动可以增减边数）→ 图层改名为“轮廓”（重命名：Enter键） 3  旋转180度 ...

视频第2部分：导入素材与时间线上的编辑 https://www.bilibili.com/video/av413090782?p=2 视频第3部分：关键帧的概念与动画制作 https://www.bilibili.com/video/av413090782?p=3 视频第4部分：工程管理与渲染输出 https://www.bilibili.com/video/av413090782?p=4 关于教程 这是一节AE入门课程，适合完全零基础想学AE的童鞋。 在讲解案例的同时，详细讲解了AE的入门操作。...

关于教程 大家好我是小雪，今天要做的底栏动效，是一个由描边路径生长组成的“撒花动画”，一起来看看吧~ 教程效果图 教程步骤 一、准备icon 01. 在AI里画好icon → 每个要做动画的图层，都单独分组 → 保存为ai的格式 02. 打开AE → 双击左边的空白区域 → 选中“首页”icon 03. 双击“首页”预合成，内容图层会在左下方区域出现 04. 打开合成设置（Ctrl+K） → 设置各参数 05. 选中所有图层 → 右击鼠标 → 创建 → 从矢量图层创建...

关于教程 大家好我是小雪，今天来做这个底部导航的小动效，大概分为两步，第一步是蓝色的形状覆盖描边，第二步是辅助图形的运动。 教程效果图 教程步骤 一、导入素材 01. 在AI里画icon并分好组 → 存为ai格式 02. 打开ae → 双击左侧空白区域，导入首页icon → 导入为“合成-保持图层大小” 03. 双击“首页”预合成（展开它的内容图层） 04. 打开合成设置（Ctrl+K） → 修改背景颜色和各参数 05. 选中三个图层 → 右击 → 创建 → 从矢量图...

今天来给大家分享 9 个简单又实用的 AE 表达式，随机抖动、无限旋转、双向循环...每个表达式拿来就能用，个个都能让动效制作效率翻倍！

本期课程教大家制作底部导航的微动效，在水滴从上面落下的同时，icon 向下坠再弹起，十分Q弹～

视频第 2 部分：从材质动效，到渲染输出 https://www.bilibili.com/video/av850607630?p=2 关于教程 本期视频教大家从零开始，设计一个玻璃质感魔方三角的旋转效果动画，非常适合 blender 初学者尝试练习哦~ 如果大家喜欢的话，欢迎多多点赞分享！ 教程效果图 教程简概 Part 01 造型建模 从立方体开始，搭建出一个中间挖空的白色立体魔方造型。中间的立体三角，由两个四棱锥底部相连构成。