100天插画动效计划

本文转自链接 uxdesign.cc/100-days-of…

我是如何教自己在100天内制作50个动画的

这是西雅图的一个夏夜。我吃了一些冰淇淋,看了一个Youtube教程,并下载了一个免费试用的Principle。几个月后,我完成了我的第五个100天项目 - 100天动效。
我在2015年开始了我的第一个100天项目。我过去的项目包括100天涂鸦,100天刻字,100天水彩和100天矢量插图。
我过去的100天项目
对我来说,100天项目是一个创意出路。它允许我通过艺术表达自己。创作的乐趣和学习新工艺的挑战总能让我回归更多。
在100天的动画设计中,我自学了动画,并在100天内制作了50个基于矢量的动画。你可以在 Instagram和 Dribbble上找到所有这些。
这是我的创作过程,我使用的工具,以及对项目的反思。

工具

Sketch+Principle

在前两周,我在Sketch中进行了说明,然后将其导入到动画原理中。
  • Sketch 轻量级矢量编辑工具,直观且价格合理。我发现它是一个创建简单插图的便利工具。
  • Principle 轻量级原型制作工具,可生成交互式动画。它与Sketch无缝协作。我发现它是初学者学习动画属性和时间轴概念的好工具。

Illustrator + 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 - 简单角色动画(Jumping Donut)创建了我的第一个动画。
100天的动作跳跃甜甜圈
我按照 Principle - 使用滚动手势的头像动画创建了一个交互式原型。
100天运动 - 杰克和比萨饼
很快,我就可以在Principle中创建动画,而无需遵循教程。
100天运动 - 日/夜切换
100天运动日食

第15-70天:爬上学习曲线

在第15-70天,我开发了以下方法来攀登After Effects的学习曲线。

方法1:观察教程依靠记忆创建

我以1.5倍的速度观看了视频教程,并试图依靠记忆创建动画。
必要时我写下了关键步骤,只有在我感到困难时才重新阅读教程。我还努力记住常见的After Effects快捷方式,以帮助加快这一过程。
我在观看了 Smoke Animation - After Effects教程后创建了烟雾效果。
100天的运动 - 发生
我看了 After Effects教程 -熔岩灯后创造了熔岩灯。
100天的运动 - 熔岩灯

方法2:反弹别人的工作

我逐帧研究了其他人Dribbble的设计,然后加入了自己的想法。
我通过Deekay 反弹了 Bouncy Fruits。我解构他的工作来研究“壁球和拉伸”动画原理。
100天运动 - Bouncy甜点
我通过 托尼巴贝尔反弹了 Ducky Walk Cycle。他的教程 After Effects-Walk Cycle Tutorial教我如何为步行周期制作动画。(角色的灵感来自 Skinny Andy的涂鸦。)
100天运动 - 茶杯先生

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

重复是加强新学习技能的关键。我故意重新应用我学到的技能来创造新的动画。
我通过重新应用“Squash and Stretch”动画原理创造了这个有弹性的南瓜。
100天运动 - 南瓜
我将从Tony的步行周期教程中学到的东西重新应用到火烈鸟中。
100天的动作 - 火烈鸟

方法4:阅读书籍以连接点

在为期100天的项目中途,我花了一天时间阅读书中的。通过以更系统的方式重新学习学到的技能,我能够连接点。我还发现了我想尝试的新技术。
Adobe After Effects CC课堂教学(2018年版) 创意专业人士寻求最快,最简单,最全面的学习Adobe After Effects CC的方法(2018 ...www.amazon.com

第71-100天:从内心创造

一旦我对这些工具感到满意,我就会从心里创造出动画。
我的一些作品受到了我最喜欢的游戏和电影的启发。
100天运动 - 守望台(灵感来自视频游戏 Firewatch)
100天动态乌鸦人(灵感来自手机游戏 纪念碑谷)
100天动感魔法玫瑰(灵感来自电影美女与野兽)
我的一些作品受到其他人插图的启发。
100天运动 - 灯塔( 保利乌斯灯塔的反弹)
100天运动 - 水下( Dave Chenell的鲸鱼迁移反弹)
以下是我对 Uplab装载机设计挑战的提交。它让我离开了我的舒适区,并激励我学习新技术。
100天的动作旋转木马
我创建了艺术作品来推广 Type Thursday  Seattle--一个月度设计聚会,讨论专注于字体的正在进行中的项目。
100天运动 - 霓虹灯
我为我去过的地方和我想去的地方创建了动画。
100天运动 - 热气球
100天的运动 - 极光
100天运动 - 天灯
100天运动 - 森林(反弹 Mikael Gustafsson的鸟类)
在为期100天的项目结束时,我从100天的水彩画中反弹了 Galaxy Girl。
100天运动 - 银河系

反映

1.受到想法驱动

一旦我有了一个想法,我就被迫将它变为现实。我需要学习什么技术并不重要。
例如,我想表达我对阅读的热爱。为了让我的翻书想法成真,我在Youtube上找到了一本教程 Open Your Book,并学习了如何为2D对象打开3D图层。
100天的Motion-Book Flip
同样,我想制作一杯南瓜香料拿铁咖啡。我在Youtube上找到了一个 平面2D烟云教程,并学习了如何使用滑块控制和摆动表达。
100天运动 - 南瓜香料拿铁咖啡
这种以创意为导向的方法让我充满动力,并促使我发现新技术。

保持谦虚

在项目开始时,我对我的动作设计技巧充满信心。当我开始探索After Effects时,我的信心迅速下降 - 巨大的技能差距使我意识到我在运动设计方面的经验和知识实际上是多么有限。
该 达克效应说明了认识上的偏差,其中的低能力的人有虚幻的优越感,并错误地评估自己的能力大于它。
邓宁克鲁格效应
我越是意识到自己的无能,我变得更加谦虚。
为了改善自己的技艺,我需要保持谦虚,不管我以为我已经知道多少。

3.是1%

在我开始为期100天的项目之前,我花费了大部分业余时间来消费内容:社交媒体,Netflix ......有时我甚至可能会上网或读书。但所有这些都只是输入。
在互联网文化中,有一个 “1%规则”描述了互联网社区的参与率:只有1%的社区参与者积极创建新内容,9%的参与者编辑内容,90%的参与者仅查看内容。
1%规则(网络文化)
自从我开始为期100天的项目以来,我成了一名创作者。我开始制作我喜欢的东西,学习新工艺,并以积极的方式影响我周围的人。
我想要属于创造内容的1%的人 - 这种想法促使我每天都出现,特别是当它很难的时候。

结束

回顾过去,我很感谢那些创建教程并在Youtube上免费发布的人。我深受所有那些一直在制作美丽事物的创意人员的激励。
以下是10位在整个项目中让我受到启发的创意人员:
  • 巴勃罗·斯坦利
  • 加尔希尔
  • 托尼巴贝尔
  • 詹姆斯柯伦
  • 伊兰孟德尔
  • Hanna Jung
  • Yup Nguyen
  • Mikael Gustafsson
  • 戴夫切尼尔
  • Beeple(Mike Winkelmann)
谢谢阅读!在
Instagram
Twitter上
关注我的下一个100天项目
?




转载于:https://juejin.im/post/5b7cbbdef265da43365590bd

你可能感兴趣的:(100天插画动效计划)