动效设计思路教程!百分比环形动效的设计加代码,我都一起教你了!
关于教程
大家好,我是灰大设计团队的灰色执照,一个会做设计、会写代码,还很喜欢写小说,才华横溢的中年男人。
今天给大家带来的是干货中的干货,手把手系列教程。考虑到设计群总有同学说自己家的程序员「无法实现效果」,而且一直有很多同学想要前端代码的教程,因此本期教程我把设计和代码都一起教了。
Pr视频剪辑教程!如何制作出酷炫的卡点震动效果?
关于教程
本期视频为你介绍制作Pr震动效果的两种方法,记得做好后保存预设,方便下次使用喔~
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
00:10 方法一:方向模糊法
在震动点打上标记,调整方向模糊的具体方向和模糊长度即可。
01:37 方法二:变换打关键帧法
在效果中搜索添加「变换」,将缩放增加到105,并给位置添加定点关键帧,让开头结尾保持默认位置。
AE教程!教你制作波光粼粼的水波动效!
关于教程
以为水波纹为主,花随着水流动,树叶作为装饰物的画面,整体风格比较写实,AE绘制时主要以画面效果为主,数据仅供参考,根据画面可以调整参数。
大概步骤分为:
① Ai素材准备 — ② AE导入素材 — ③ 绘制树叶动画 — ④ 绘制水波纹效果
— ⑤ 增强画面效果以及流水的感觉(包括花和倒影)— ⑥ 渲染动画avi格式 — ⑦ Ps导出GIF格式。
注意:水波纹效果无法做到循环播放~
教程效果图
动态效果图见教程底部网盘~
教程步骤
Step 01 Ai素材准备
打开Ai,绘制画...
AE教程!动效周期表解析(下)
关于教程
动效周期表是由日本设计师 Kazuki Akamine按照基础动效的特点属性,把他们分成了大家所熟悉的类似元素周期表的形式。
教程内容
最后一波更新啦!
大家看完前两期(并进行操作)再看最后一期会觉得越来越轻松的
走起~
49.对称移动
原理: 利用表达式-1,使方向相反。
AE教程!动效周期表解析(中)
关于教程
动效周期表是由日本设计师 Kazuki Akamine按照基础动效的特点属性,把他们分成了大家所熟悉的类似元素周期表的形式。
上篇:
教程内容
第二波更新啦,整体来说会比上一期简单一些,更多的是使用效果和预设中的效果来制作,希望我的思考可以带给大家一些灵感~
继续开始!
25.旋转褪色
原理: 旋转与不透明度结合。
AE教程!动效周期表解析(上)
关于教程
动效周期表是由日本设计师 Kazuki Akamine按照基础动效的特点属性,把他们分成了大家所熟悉的类似元素周期表的形式。
教程内容
在AE软件中有很多效果预设插件,都值得我们去思考探索,日本设计师Kazuki Akamine编写了动效周期表涵盖了大部分常用效果,把里面的动效逐一解析,更易于对AE软件的学习以及动效的应用。大家可以先看原理,然后尝试制作,下面也都配有相应效果的制作步骤,当然,方法不唯一,大家可以广开脑洞去实现不同的拓展应用。
AE教程!教你制作复古滤镜质感动效!
关于教程
今天给大家分享一个复古点刺的画面风格。这种风格的特点是只有黑白两种颜色,画面过渡的地方用点的疏密变化来代替。摸了很长的鱼,终于把这种效果摸出来了,今天赶紧来分享给大家~
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
AE教程!文字动效原来这么简单!?
关于教程
文字,是最常见的动效对象之一。我们可以通过对透明度、位置或者角度的改变,制作出丰富的动态效果。但你可能不知道的是,AE内置了超多的文字预设,只需用鼠标点击几下,就可以完成复杂丝滑的文字动效。
C4D教程!教你制作春联展开动效!
关于教程
使用软件:Cinema 4D+Octane
教程时长:3分45秒
知识要点:C4D运动样条的使用/OC渲染技巧/C4D渲染动画在AE中的合成技巧
效果图
关键步骤提示
详细操作见文章顶部视频。
Step 01 新建工程
新建C4D工程,创建运动样条,调整运动样条的方向和尺寸,然后找到样条弯曲属性,在第一帧打上关键帧。
Step 02 设置运动样条
到第60帧,将运动样条调整为展开状态,添加关键帧。
AE教程!人工智能语音助手圆环扭曲动效!
关于教程
使用软件:After Effects
教程时长:1分38秒
难度指数:🌟
知识要点:CC Scatterize效果的使用/CC Radial Blur效果/Deep Glow插件
效果图
关键步骤提示
详细操作见文章顶部视频。
Step 01 新建合成
打开AE,新建合成,命名为圆环,尺寸为1920x1080,帧速率30,持续时间为1秒,在合成中绘制600x600的圆形
Step 02 添加动画
在效果-模拟中找到CC Scatterize效果,添加到圆形图层上,为Le...
AE教程!教你制作赛博朋克文字动效
关于教程
哈喽各位小伙伴们大家好呀,
今天我们来做一个非常简单的赛博朋克文字效果,
简单易上手,快来试试吧~
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 输入文字
选择赛博朋克风格的字体并输入文字,添加块溶解效果。
Step 02 勾画效果
将文字复制一层并添加勾画效果,调整成一半实线一半消失的状态。
AE教程!磨砂质感毛玻璃卡片动效
关于教程
在之前的教程中,我们已经学会了静态磨砂效果怎么制作,这次我们来学习动态磨砂效果哦!
效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 新建画板
在PS中新建1000*600的画板,背景内容设置为透明
Step 02 绘制矩形
绘制1000*600的矩形,调整圆角为50像素,将填充透明度设为10%
Step 03 添加图层样式
打开图层样式,添加两个内阴影,颜色为30%的白色,角度分别调整为150°和-30°,不要勾选全局光
Step...
AI+AE教程!可爱的小鸡摇摇车动效!
关于教程
首先我们来分析这张gif,gif的主体是小鸡和摇摇车,以及底座和投币机等装饰物,所以绘制时,我们将按照8个步骤来进行,分别是1.在Ai中新建文档并创建背景->2.绘制底座->3.绘制支柱->4.绘制摇摇车->5.绘制小鸡->6.绘制投币机->7.在Ae中为小鸡和车车制作动效->8.在Ps中导出gif,现在来一步步详细说明:
教程效果图
教程步骤
步骤1:新建文档并创建动画背景
1.1 打开AI,点击文档→新建,创建一个新文档(快捷键Ctrl...
AE教程!故障风挤压文字动效!
关于教程
具有故障效果的文字挤压动效设计,学会后就可以应用到自己的视频开头啦~
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 添加文字
将所有文字单独分层并居中对齐,按照动效的先后顺序排好。
Step 02 合成动效
更改前后文字的锚点,并输入合适的表达式,制作出文字切换时的挤压效果。
自学路径动效周期表!NO.55 旋转系:重复旋转
知识点链接:
如果你对AE还不熟悉可以看这里→知识树系列!最全面的AE零基础入门教程合集
视频中提到的循环动态案例,请戳:
效果图
案例效果
看完这篇教程的同学还在看...
AI+AE教程!手把手教你制作小猫咪敲键盘可爱动效!
关于教程
今天教大家做一个小动物敲键盘的可爱动效~
你也想做出这么有趣的动效作品吗?戳右边链接让如如老师手把手教你→点我学习制作AE动效
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 绘制AI部分
重点难点
Step 02 导入素材并给小箭头添加动效
导入素材
将不相关的图层锁住
给小箭头的位置属性添加关键帧并调整,添加表达式
Step 03 给尾巴添加动效
给尾巴添加操控点,添加关键帧及表达式并调整
...
AE教程!轻松搞定人物行走动效!
行走在角色动效中经常出现,也是我们学习角色动效应该掌握的基础,优秀的行走动效不仅要符合运动规律,而且要准确传递出角色的性格和情绪状态。
本篇文章就教大家如何用“接触法”来分析和制作行走动效,通过普通行走动效、双反弹行走、奔跑等几个不同的动效案例,弄清楚行走动效的循环规律,深入了解“接触法”在行走动效的实际使用。
文章概览
1 普通行走动效
2 双反弹行走动效
3 奔跑动效
4 总结加干货
1.普通行走动效
从最简单的普通行走动效入手更容易理解行走循环的基本规律...
C4D教程!如何快速绑定复杂角色动效?
前言
上篇文章讲了c4d中简单角色的快速绑定方法,这次书接上文,讲讲在C4D中如何快速绑定复杂角色,本次使用到两个工具:Mixamo网站和RH Character Tools插件(下文简称RH插件),我们知道,三维软件的角色绑定比较复杂,要进行骨骼绘制、刷权重、建立控制等等一系列操作,那么Mixma网站就可以帮我们自动建立骨骼和刷权重,我们只需要上传模型,然后下载,其他的MIxma自动帮我们搞定,然后用RH插件对maixma绑定好的模型建立控制器,到此复杂角色的绑定就完成了。
工具介绍
先来分别介绍...