登录 关闭

账号或密码错误

使用合作账号登录

新浪微博 qq

和小伙伴一起畅享优动漫平台!

登录即代表你同意用户协议隐私政策

第八十七课 优动漫PAINT制作动态插画

首页>软件教程>第八十七课 优动漫PAINT制作动态插画

优动漫

2020-12-21 17:56:35发表

教程简介
教程内容

举报

优动漫PAINT制作动态插画

 

本教程讲述如何使用优动漫PAINT制作动态插画。

以下将以下图的绘制过程为例,讲解优动漫PAINT的使用方法。



本教程将按以下步骤讲述插画绘制过程。





[1]构思·草稿

—————————————————————————————————————————————

 

首先构想一下我们要创作一个什么样的动态插画。新建画布,画草稿。

 

1.构思


首先构想一下我们要创作一个什么样的动态插画。


最后决定,让以下几张插画动起来,制作一张查查斯吃饼干的动态插画。


1.1.1.png


■2.新建画布


启动优动漫 PAINT,新建绘制动态插画所用画布。


1.首先新建画布。

选择[文件]菜单→[新建],打开[新建]对话框。


2.在[新建]对话框进行设置。

个人版/EX版本环境下,需首先从[作品用途]中选择[插画]


1.2.1.png


①将[单位]设置为[px];


②[宽度]输入[600],[高度]输入[600],[分辨率]设置为[72];


③勾选[制作动态插画];


④[胶片张数]输入「11」,[帧速率]选择[8fps]。

 

【注意事项】

·试用版/个人版环境下,[胶片张数]上限24,无法设置更高的数值。

·各网络平台均设置有相应的上传图像时的尺寸和文件大小上限,建议提前确认目标平台所需的[宽度]和[高度]。

·网络平台发布的插画,多以「px(像素)」为衡量单位。

·建议在将动态插画发布于各社交网络平台时,将分辨率设置在72dpi~144dpi区间内。

 

■3.打开时间轴面板


通过[时间轴]面板,可让插画动起来。选择[窗口]菜单→[时间轴],弹出[时间轴]面板。


1.3.1.png


■4.查看画面


至此,绘制动态插画的准备工作完毕。查看画面是否符合以下要求:


·[图层]面板上已生成动画组,胶片(图层)的生成数量是否与[新建]对话框阶段设置的[胶片张数]数值一致。


·在[时间轴]面板,动画组内的胶片是否已经得到指定。


1.4.1.png


【注意事项】

「动画组」即管理动画胶片的文件夹。动画组内的图层,将被看做为动画添加动作的「胶片」。

·为[时间轴]面板指定胶片,即可让动画动起来。

 

■5.画草稿

以胶片为单位画草稿。

 

1.<画第一张胶片>

在第一张胶片上画草稿。

 

①从[图层]面板中,选择胶片「1」。


1.5.1.png


②使用[铅笔]工具和[橡皮擦]工具画草稿。

 

草稿完成。


1.5.2.png


2.<从第2张开始画剩余胶片>

同样,在从第2张起的胶片上,也绘制草稿。


①从[图层]面板中选择要描画的胶片。

这里我们选择胶片「2」。


1.5.3.png


【注意事项】

·关于动画组内的胶片,仅显示选定的部分,同组内的其他胶片不会显示。

 

②点击[时间轴]面板中的[洋葱皮功能设置]


1.5.4.png


画在胶片「1」上的插画,将显示在画布上——这就是「洋葱皮功能」。


1.5.5.png


【注意事项】

所谓洋葱皮功能,即展示所选胶片前后的胶片,并对其进行查看的功能。

参阅后文的『Tips:洋葱皮功能』,了解如何变更洋葱皮功能的显示颜色、显示张数。

 

③参照洋葱皮功能,在胶片上画草稿。


1.5.6.png


④剩余的胶片也采用同样的方法画草稿。


待所有胶片上都画好草稿之后,草稿绘制作业宣告完成。


1.5.7.png


⑤点击[时间轴]面板中的[洋葱皮功能设置]。


洋葱皮功能隐藏。

 

<Tips:洋葱皮功能>

所谓洋葱皮功能,即展示所选胶片前后的胶片,并对其进行查看的功能。

点击[时间轴]面板中的[洋葱皮功能设置],可显示或隐藏洋葱皮功能。

显示洋葱皮功能时,可参照已画好的胶片进行后续描画。


1.5.8.png


在[动画]菜单→[显示动画胶片]→[洋葱皮功能设置],即可查看洋葱皮功能的显示颜色和显示张数,并在[洋葱皮功能设置]对话框中进行设置。


1.5.9.png


■6.查看动作


使用[编辑时间轴]工具,查看绘制有草稿的胶片的动作。


1.从[工具]面板中选择[操作]工具→[编辑时间轴]。


1.6.1.png


2.在画布上点击。


点击画布,画面切换至下一张胶片,点击一次切换一次。直至切换至最后一张胶片,画面的显示切换停止。在[图层]面板选择首张胶片,即可再次进行胶片的切换。

 

【注意事项】

使用[编辑时间轴]工具时,还可通过左右光标键进行胶片的显示切换。


1.6.2.png




[2]上墨线·上色

—————————————————————————————————————————————


■1.创建图层组

创建图层组,将多张图层整合起来,当做1张胶片处理。

 

1.从[图层]面板选择胶片「1」。


2.1.1.png


2.选择[图层]菜单→[图层编组]。


即生成与胶片「1」同名的图层组,胶片「1」作为图层收纳在其中。之后即可把图层组当做一张胶片来处理。


2.1.2.png


【注意事项】

[图层编组]操作还可通过在[图层]面板右击图层名称弹出的菜单中进行。

 

3.其他胶片也依照相同的顺序创建图层组,

即生成下图所示图层组:


2.1.3.png


■2.上墨线


以胶片为单位进行上墨线操作。

 

1.<描画首张胶片>

在胶片「1」(图层组)内添加图层,进行上墨线操作。


①选择胶片「1」中的图层「1」,双击图层名称,输入「草稿」。


2.2.1.png


②选择胶片「1」内的「草稿」图层,点击[图层]面板中的[新建栅格图层]。

图层生成。


2.2.2.png


③双击生成的图层的图层名称,输入「线稿」。


2.2.3.png


④选择「草稿」图层,将[不透明度]变更为50%。


下调草稿的不透明度后,可使上墨线的线条更加清晰。


2.2.4.png


⑤选择「线稿」图层,进行上墨线操作。


2.2.5.png


【注意事项】

草稿画完之后,使用[钢笔]工具描出主线条。这个操作叫做「上墨线」。人物的主线条画在与草稿不同的另外一张图层上。

·如无法对图层进行上墨线操作,请参阅后文中『无法对胶片(图层)进行描画时的处理方法』。

 

⑥点击位于「草稿」图层左侧的[显示/隐藏图层],隐藏该图层。


「草稿」图层隐藏,仅显示线稿。


2.2.6.png


2.<从第2张胶片开始描画>


胶片「2」之后的胶片,同样参照胶片「1」的做法,创建上墨线专用图层,进行上墨线操作。


上墨线完成后,即生成下图所示图层


2.2.7.png



上墨线完成之后,选择[工具]面板→[操作]工具→[编辑时间轴]工具,点击画布,查看线稿的动作,并在上色前,完成不足之处的修改。

 

3.上色


以胶片为单位,创建上色所用图层,进行上色操作。

 

在此将如下图所示对各胶片创建图层并进行上色。


2.3.1.png



完成上色后,选择[操作]→[编辑时间轴]工具。点击画布切换上下帧,确认上色后的动态。如果有不自然的部分,可修正调整上色。

 

无法在胶片(图层)上进行描画时的处理方法


当出现无法在动画组内的胶片上进行线稿描画或上色的情况时,请查看以下事项。

 

1.<是否选中了动画组或图层组>


若选中了动画组或图层组依然无法描画,

请从[图层]面板中选择目标图层。


2.4.1.png



2.<图层组名是否显示在[时间轴]面板中?>


查看包含目标图层的胶片名称(图层组名)是否显示在了[时间轴]面板中。胶片已指定到[时间轴]面板上时,才可对动画组内的胶片进行编辑。


2.4.2.png


当动画组内的胶片名称与指定到[时间轴]面板上的胶片名称相异时,则将[图层]面板上的胶片名称,更改为指定到[时间轴]面板上的胶片名称。


下图所示案例中,未出现与[时间轴]面板上的胶片「1」一致的胶片,则需将「组1」重命名为「1」。


2.4.3.png



3.<是否新增了胶片?>


若在动画组内新增了胶片,请在[时间轴]面板进行相应的胶片指定。


2.4.4.png



右击[时间轴]面板上的帧。在弹出菜单选择需要新增的胶片的名称。


2.4.5.png



【注意事项】

若没有指定到[时间轴]面板上的帧,请变更播放时间。参阅另一课教程《编辑时间轴》中的『变更播放时间』,了解具体操作方法。

 

4.<上墨线、上色的图层是否创建在了图层组之外?>


若上墨线、上色的图层创建在了图层组之外,可将图层拖拽至图层组内。


2.4.6.png




[3]让动态插画动起来

—————————————————————————————————————————————


点击[时间轴]面板上的[播放/停止],播放动态插画。


3.1.1.png




[4]编辑时间轴

—————————————————————————————————————————————




使用[时间轴]面板,变更播放时间、显示胶片的时间点。

 

■变更播放时间


当前播放速度较快,需进行变更,使播放时间拉长。


将鼠标光标悬停在[时间轴]面板的[结束帧]处,拖动到右侧。此案例中,拖动到第23帧处。


4.1.1.png



播放时间得以加长。


4.1.2.png



【注意事项】

试用版/个人版环境下,播放时间延长上限为24帧。

 

点击[时间轴]面板上的[播放/停止],播放动态插画。播放时间变长,但胶片和纸张图层中途消失。在下一个『编辑胶片的显示状态』中,对胶片和纸张图层的显示状态进行编辑。

 

■编辑胶片的显示状态


仅拉长播放时间,并不会改变胶片的显示状态。若要改变胶片的显示状态,需借助[时间轴]面板。

 

1.<变更片段的显示时间>


片段即编辑范围,展现的是胶片、图层的显示范围。播放时间内未显示片段的帧,不会出现胶片和纸张图层。


4.2.1.png


此处变更片段的长度,以确保胶片、纸张图层显示到最后。

 

①将鼠标光标悬停在动画组片段右侧,拖动至播放时间结束帧。


将鼠标光标悬停在可变更片段显示时间的位置上,鼠标光标的形状将变成左右双向箭头。


4.2.2.png



②将鼠标光标悬停在纸张图层片段的右侧,拖动至播放时间结束帧。


4.2.3.png



【注意事项】

将片段拖动到左侧,显示时间缩短。若缩短的帧已有指定胶片,则胶片指定将被删除。

 

2.<删除胶片指定>


胶片、纸张图层的显示得以持续到最后,但动作速度依然较快。此时需重新指定胶片,以保证动作与[时间轴]面板上的播放时间一致。重新指定之前,需删除当前胶片指定。

 

①点击[时间轴]面板的胶片「2」。


4.2.4.png



②点击[时间轴]面板中的[删除胶片指定]。


4.2.5.png


胶片「2」的胶片指定被删除。


4.2.6.png



③胶片「3」到胶片「11」也按同样步骤删除胶片指定。


胶片「1」之外的胶片指定将从[时间轴]面板被删除。


4.2.7.png



3.<指定胶片>


将胶片重新指定到其他帧。

 

右击[时间轴]面板上的第3帧。


4.2.8.png



②在弹出菜单中选择「2」。


4.2.9.png


[时间轴]面板的第3帧中,将显示「2」的胶片指定。播放第3帧时,将显示胶片「2」。


4.2.10.png



③右击[时间轴]面板的第5帧。在弹出菜单中选择「3」。


4.2.11.png



④右击[时间轴]面板的第7帧。


4.2.12.png



以此类推至胶片「11」,胶片的指定至此全部完成。


4.2.13.png




4.<查看动作>


点击[时间轴]上的[播放/停止],播放动态插画。若有不足之处,则对播放时间、胶片指定进行修正。


4.2.14.png



动态插画至此完成。

 

■添加镜头


新建2D摄像机组,即可给制作好的动态插画添加镜头。


通过镜头操作,可模拟各种情景,且无需图像本身进行变形——如背景离人物远去;或背景朝着与行进方向相反的方向远去等情景。


动画镜头.gif



1.选择[动画]菜单→[动画所用新建图层]→[2D摄像机组],创建2D摄像机组。


4.3.2.png



2.在[图层]面板,将欲添加镜头的动画组或图层放入2D摄像机组中。


4.3.3.png


3.从[时间轴]面板中,选择欲添加镜头的帧。


4.3.4.png


4.用[对象]工具对显示在画布上的长方形框进行操作,即会新增关键帧,其设置将会添加到2D摄像机组。


4.3.5.png



以下设置可添加到2D摄像机组:


①拖动四角的手柄,可缩放图像;


②拖动上部的操控锚点,可改变图像的角度;


③拖动图像框,可变更图像的位置;


④在[工具属性]面板,输入数值,进行细微调整。此外,还可对[图层不透明度]进行设置。

 

关键帧之间的变化将被插值,并有镜头添加。


关键帧之间,将显示连接四角的2D摄像机轨迹。


4.3.6.png


4.3.7.png




[5]保存文件

—————————————————————————————————————————————


作品完成之后,保存文件。保存为「UDM FORMAT」(扩展名:clip)格式,以便在优动漫 PAINT进行后续编辑。

 

1.选择[文件]菜单→[保存]

 

2.自[保存]对话框中选择UDM FORMAT(扩展名:clip)进行保存。


若需重命名,则选择[文件]菜单[另存为]。


5.1.1.png



【注意事项】

选择[文件]菜单→[打开],即可打开保存的文件。




[6]导出动态插画

—————————————————————————————————————————————


绘制完成的动态插画,可导出为GIF动画或影片文件。导出的文件可发布于各社交平台、网站。


■GIF动画


GIF动画,是支持并适合将成品动态插画在多种社交平台、网络发布的格式。同时,相比影片文件,GIF动画文件容量小,但导出颜色数量上限256色。


以下讲解如何将完成的动态插画导出为GIF动画文件。

 

【注意事项】

·导出并发布GIF动画之前,建议确认文件符合社交网络平台设置的[宽度]、[高度]文件大小上限。

 

1.选择[文件]菜单→[输出动画]→[GIF动画]。

 

2.在[另存为]对话框,选择保存文件夹,点击[保存]。

 

3.弹出[GIF 动画导出设置],查看设置内容,点击[确定]。


6.1.1.png



【注意事项】

若导出为GIF动画的画布高度超过560px,则高度将自动裁剪为560px。

 

4.查看弹出的文件尺寸信息,点击确认。


6.1.2.png



【注意事项】

若导出文件超出目标网络平台大小上线,则点击[确定],重新输入数值,让文件尺寸缩小。在[GIF动画导出设置]对话框,调低[宽度]、[高度]、[帧速率]的值,文件尺寸即可缩小。

 

GIF动画文件即可生成于步骤2中指定的文件夹内。

 

■影片


Windows和macOS操作环境下,影片文件将分别导出为AVI格式文件(扩展名:avi)/MP4格式文件(扩展名:mp4)、OuickTime格式文件(扩展名:mov)/MP4格式文件(扩展名:mp4)。


影片文件与GIF动画文件的不同之处在于不会减色。同时,使用优动漫 ACTION,给影片文件添加背景音乐等音频文件后,可合并导出。影片文件可实现画面(动态插画)和音频的同时播放。


以下讲解如何将完成后的动态插画输出为MP4格式影片文件。

 

1.选择[文件]菜单→[导出动画]→[影片]。


2.在[另存为]对话框,[保存类型]选[MP4],保存。


6.2.1.png



3.在弹出的[影片导出设置]对话框查看设置内容,点击[确定]。


6.2.2.png



影片文件即可生成于步骤2中指定的文件夹内。

 

■序列图像


将已完成的动态插画,以帧为单位,导出为多张图像文件。按导出时的帧的顺序,给文件按序命名。


将序列图像导入到其他软件,或上传到各网络平台,即可转换为影片文件或GIF动画文件。


以下讲解如何将完成后的动态插画导出为序列图像。

 

1.选择[文件]菜单→[导出动画]→[序列图像]。

 

2.在[序列图像导出设置]对话框,查看设置内容,点击确定。


6.3.1.png



序列图像将生成于在[序列图像导出设置]对话框的[导出位置]指定的文件夹。


6.3.2.png



本教程讲述用优动漫 PAINT制作动态插画的操作。

评论
还可以输入500个字
全部评论

    查看对话

    关闭