100 天动态设计

用户头像
北京/设计爱好者/3年前/98浏览
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
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
Log in