菜单 优优教程网 - UIIIUIII

温馨提醒 本篇文章大概 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内置了超多的文字预设，只需用鼠标点击几下，就可以完成复杂丝滑的文字动效。

关于教程 使用软件：Cinema 4D+Octane 教程时长：3分45秒 知识要点：C4D运动样条的使用/OC渲染技巧/C4D渲染动画在AE中的合成技巧 效果图 关键步骤提示 详细操作见文章顶部视频。 Step 01 新建工程 新建C4D工程，创建运动样条，调整运动样条的方向和尺寸，然后找到样条弯曲属性，在第一帧打上关键帧。 Step 02 设置运动样条 到第60帧，将运动样条调整为展开状态，添加关键帧。

关于教程 使用软件：After Effects 教程时长：1分38秒 难度指数：🌟 知识要点：CC Scatterize效果的使用/CC Radial Blur效果/Deep Glow插件 效果图 关键步骤提示 详细操作见文章顶部视频。 Step 01 新建合成 打开AE，新建合成，命名为圆环，尺寸为1920x1080，帧速率30，持续时间为1秒，在合成中绘制600x600的圆形 Step 02 添加动画 在效果-模拟中找到CC Scatterize效果，添加到圆形图层上，为Le...

大家好，我是TV=。= 关于教程 AE自带形状工具就能搞定复杂多变的万花筒效果！ 效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。

关于教程 想要制作科技感光环动效吗？跟着教程一起练习吧！ 效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。

关于教程 哈喽各位小伙伴们大家好呀， 今天我们来做一个非常简单的赛博朋克文字效果， 简单易上手，快来试试吧~ 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step 01 输入文字 选择赛博朋克风格的字体并输入文字，添加块溶解效果。 Step 02 勾画效果 将文字复制一层并添加勾画效果，调整成一半实线一半消失的状态。

关于教程 在之前的教程中，我们已经学会了静态磨砂效果怎么制作，这次我们来学习动态磨砂效果哦！ [link https://uiiiuiii.com/photoshop/1212333419.html] 效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step 01 新建画板 在PS中新建1000*600的画板，背景内容设置为透明 Step 02 绘制矩形 绘制1000*600的矩形，调整圆角为50像素，将填充透明度设为10% Step 03 添加图层样式 打开图层...