天天看点

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

作者:转生成为空白简历

作为一个合格的死肥宅,从我触摸到二次元这扇大门开始,我就在脑海里有一个想法:我要创造一个没有作业的世界!

基于这样的想法,我在上高中的时候上网搜索了Flash动画的制作方法。这不搜不知道,一搜我就看到了王者荣耀(打钱)这款游戏的广告。其宣传动画之精美,人物角色塑造得如此生动。看完更加坚定了我入坑王者荣耀的心,然后我就把学动画的事忘得一干二净。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

直到前几天,我因为吃饭不知道看啥,就又开始看动漫和二创视频,脑子里也有一些想法(一点都不奇怪的那种)。但是苦于不知道怎么做,我就斥“巨资”下载了Blender和Adobe AN寻思着学点咋做动画。

于是我在完全没有任何美术基础和小时候电脑课老师教PS的时候偷摸着玩4399啥也没学进去的情况下,开始了学习Adobe Animate的旅程。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

第一件要做的事情当然是下载Adobe Animate在电脑上(以下简称AN),下载的途径有很多,一些学校会提供下载。或者上网搜搜教程然后给视频制作者三连一下,还是很容易得到的,实在不行上万能的橘色软件找也有。

下载前得先确认一下自己的电脑是否能够带动AN,官方的配置要求放在了下方,大伙可以打开自己的电脑看下。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

图片来源自https://helpx.adobe.com/cn/animate/system-requirements.html

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

图片来源自https://helpx.adobe.com/cn/animate/system-requirements.html

可以根据电脑配置选择是否下载最新的AN版本,要是电脑无法正常运行,那就真的还不如用ppt。

1

进入正题

打开AN后可能会有两种情况,一种是像我下图一样空荡荡的什么也没有,另一种是中间会有一个窗口。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

其实这些没什么区别,这个时候可以点击左上角的文件-选择新建(快捷键N)

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

在这里可以选择很多种类别例如角色动画、游戏、广告等,在这里选择最基础开始学习的角色动画。

2

在建立好文件之后,需要了解的就是整个界面上各个工具的作用。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

界面看上去有点复杂,有一些PS基础的同学学起来会轻松很多,像我这样不好好听课的还是得从头学起,所以我笔记里记下了目前所有的基础工具。

首先是最左边的工具栏,要用到的基础工具分别有(如果没有以下工具,可以在工具栏最下方部分有...图标那里选择编辑工具栏):

  • 选取工具-v
  • 套索工具-L
  • 钢笔工具-P
  • 线条工具-N
  • 添加字体
  • 颜料桶工具-K
  • 颜色填充

上方的菜单部分主要是文件的保存编辑又或者是其他工具的使用,这里可以暂时忽略又或者后续快捷键可以替代。

最底下的部分是时间轴部分,如果学习过PR或者AE的同学可能会熟悉一些。在时间轴上有数字,5个为一个间隔,这代表的是帧数。在后续会进行详细讲解。

右边的属性栏部分分别是到时候制作动画时的属性(添加一些效果)又或者是调整动画/字体的位置等。

最中间的空白部分就是画布,也就是进行操作绘画以及展示的地方,如果要看最终的动画成品则是用快捷键Ctrl+Enter。

3

在了解了基础的工具之后就可以直接开始动手了,毕竟直接上手肯定是要比听我这讲更好学一些。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

一开始肯定也不能搞复杂的,第一节课的笔记就是简单地了解下AN是怎么用的。

首先两个基础的小技巧,按住ctrl,然后用鼠标滚轮或者触控板的方式可以进行画布的放大或者缩小。然后space空格键,鼠标指针按住画布(指针变成手套)就可以进行画布的拖动了。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

第一节课要做的就是临摹一个图像,可以随便找一个图。图标在下载好之后可以直接拖拽进画布中,即便不在画布上也可以。

在将图片放在图片的左下角之后,可以按住快捷键Q(任意变形工具)。这时候会发现图标的中心有一个小白点,这个白点的作用就是固定图标。想要将图标等比例放大或者缩小,则是在拖动的时候按住Shift键。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

这个时候可以把图标挪到画布之外了,因为在临摹之前需要做一些准备

4

这时候先简单地在画布上画一个线条,选用线条工具(快捷键N)。在画完线条之后用选择工具v将整个线条框住。

在主要工具栏的最下方有两个选项,分别是填充颜色和笔触颜色,建立形状例如画一个方块,然后让方块的中心充满红色就是用填充颜色,而方块的边则是笔触颜色。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

将鼠标放在画出来的线两端的时候(用选取工具)可以发现指针旁边出现了两个直角,这个就可以调整线条的角度。而当鼠标放在线条的中间时,指针会变成一个圆弧,则是可以变成像皮筋一样调整弧度。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

当然还有其他的知识点例如选取部分线段、异色啃食等等,那些都是后续需要时会讲到。现在回到正题来。

将图标托回到画布中,并且将画布移至画面中心,让我们开始动手吧!

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

5

首先需要在下方的时间轴部分建立一个新的图层

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

这里其实和PS有点像,得先学会一些静态的东西后面才能让它动起来。

然后在原始的图层(一般是图层_1)旁边有个锁的标志,给初始图层锁起来。

建立好新的图层之后,在新的图层建立一个矩形(快捷键R),并且其填充颜色选择为紫色,同时笔触颜色选择不要描边(颜色窗口有一个白色底中间一个红色斜杠图标)。

因为我选择的图标是没有渐变颜色的,如果图标背景的颜色为渐变的话则可以在右侧属性区选择颜色。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

接下来用钢笔工具来进行绘画,可以基于原图来描绘,(不熟悉怎么使用钢笔工具的可以去看一下PS或者跟我一样自己琢磨一下)

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

字母红色的边就是钢笔画的

在确认线条是闭合的情况之后,可以根据图标颜色进行填充,例如我这里需要将A和N两个字母填充为淡紫色,然后拖到我们图层二建立的底上就完成啦!

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

(死活调不出那个同款颜色,图标圆边怎么削第一节课也没讲,自己挑的不是正方形的图标)

问题不大!第一节课嘛,只要图标有八成甚至是七成像就可以了哈哈哈哈

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

第一节课的内容还是很简单的,只需要了解基础工具然后上手尝试一下就可以。下一节课的笔记就会提到如何让画面动起来了,距离我去二次元又近了一步,想想还有点激动。

关于我一睁眼突然发现变成二次元这件事 Adobe Animate基础-1

大伙下篇笔记见!

原教程链接:

https://www.bilibili.com/video/BV1Yf4y1J77P/?spm_id_from=333.337.search-card.all.click&vd_source=24f33eddf5587fb40e947798abce6715

继续阅读