100 天动态设计

北京/设计爱好者/3年前/81浏览
100 天动态设计
萧许儿

我是如何自学 100 天制作 50 部动画的

那是珠海的一个夏夜。我吃了一些冰淇淋,看了一个 Youtube 教程,并下载了 Principle 的免费试用版。几个月后,我完成了我的第 5 个 100 天项目——100 天运动。

我在 2022 年开始了我的第一个 100 天项目。

对我来说,100 天项目是一个创造性的出路。它让我通过艺术表达自己。创造的乐趣和学习新手艺的挑战总是让我回来寻求更多。

在 100 Days of Motion Design 中,我自学了动画,并在 100 天内创建了 50 个基于矢量的动画。

这是我的创作过程、我使用的工具以及对项目的反思。

草图+原理

前两周,我在 Sketch 中绘制插图,然后将其导入到 Principle 中进行动画制作。

  • Sketch一个轻量级的矢量编辑工具,直观且价格合理。我发现它是创建简单插图的便捷工具。
  • 原理生成交互式动画的轻量级原型制作工具。它与 Sketch 无缝协作。我发现它是初学者学习动画属性和时间线概念的好工具。

插画师 + After Effects

前两周后,我切换到 Illustrator 和 After Effects 以获得更高级的控制。

  • Illustrator最强大的矢量编辑工具。在 Illustrator 中创建的插图可以无缝导入 After Effects。
  • After Effects最强大的动画工具。它有一个陡峭的学习曲线。在整个项目中,我学会了使用它的许多高级控件和内置视觉效果。

创作过程

制作动画非常耗时。我将创作过程分为四个步骤,目标是在两天内完成。

第 1 步:寻找灵感(15 分钟)

我每天都从 Dribbble、Behance 和 Instagram 收集动态设计灵感。Pinterest一直是我的灵感来源。

我还在 Youtube 上收集运动设计教程。这是我在 100 天项目中使用的教程列表。

第 2 步:草拟想法(5 分钟)

一旦我有了一个想法,我就在我的笔记本上勾勒出它的关键动作。

第 3 步:创建插图(40 分钟)

我创建了插图并将其导入到 Principle 或 After Effects。保持设计文件井井有条可以显着加快导入速度。

本教程展示了如何准备 Illustrator 文件并将其导入 After Effects。或者,Sketch2AE插件可以将 Sketch 图层导入 After Effects。

第 4 步:创建动画(60 分钟)

我为插图制作动画并将最终动画导出为短视频。我用 #100daysofmotionbytx 的标签将视频发布到 Instagram

如果您想将动画发布到 Dribbble,本教程将展示如何将视频导出为 GIF。

第1-14 天:从基础开始

我通过观看Principle-Simple Character Animation (Jumping Donut )创作了我的第一个动画。

100 天运动——跳跃甜甜圈

我按照原理——使用滚动手势的头像动画创建了一个交互式原型。

100 天的运动——杰克和比萨

很快,我无需遵循教程就可以在 Principle 中创建动画。

100 天运动——日/夜切换

100 天运动——日食

第15天-70天:学习AE曲线

在第 15-70 天,我总结了以下方法来学习 After Effects 曲线。

方法一:看教程,凭记忆创作

我以 1.5 倍的速度观看了视频教程,并尝试从内存中创建动画。

必要时,我会记下关键步骤,并且只有在我觉得卡住时才重新访问教程。我还努力记住常用的 After Effects 快捷方式,以帮助加快流程。

我在观看了烟雾动画之后创建了烟雾效果 - After Effects Tutorial

运动的 100 天——Epicurrence


在观看After Effects 教程 - Lava Lamp 之后,我创建了熔岩灯。

100 天运动——熔岩灯

方法二:分析别人的工作

我逐帧研究了其他人在 Dribbble 上的工作,然后提出了自己的想法。

我分析了 Deekay 的Bouncy Fruits。我解构了他的作品来研究“Squash and Stretch”动画原理。

100 天的运动——有弹性的甜点

我分析了 Tony Babel 的Ducky Walk Cycle。他的教程After Effects—Walk Cycle 教程教会了我如何为行走周期设置动画。(这个角色的灵感来自Skinny Andy的涂鸦。)

100天的运动——茶杯先生

方法3:有意识地重新应用学到的技能

重复是强化新学到的技能的关键。我有意重新应用我学到的技能来创建新动画。

我通过重新应用“挤压和拉伸”动画原理创建了有弹性的南瓜。


100 天运动——南瓜

第71天-100天:尝试自己创造想要的动画

一旦我熟悉了这些工具,我就会尝试自己创作动画。

我的一些作品的灵感来自我最喜欢的游戏和电影。

100 天项目结束时,我从我的 100 天水彩画中创作了银河女孩。

非常感谢那些创建教程并免费发布在 Youtube 上的大佬们。

2
Report
|
2
Share
相关推荐
电影海报
Homepage recommendation
《唐宋传奇集》系列插图
Homepage recommendation
内容含视频
秋天的画
Homepage recommendation
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
《动物水浒》3
Homepage recommendation
20251020
Homepage recommendation
内容含视频
一大波可爱小动物
Homepage recommendation
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
8月的“话”
Homepage recommendation
韶音OpenFit 2+
Homepage recommendation
华为项目——Ai智慧网图
Homepage recommendation
装东西Packing.
Homepage recommendation
相关收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in