欢迎访问自学路径

您尚未登录

登录后即可免费访问自学内容

点击登录

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

时间:2022-06-16
B站视频:av846207842
类别:其他教程
水平:入门
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

软件官方地址👉  Live2D Cubism【官网】

Live2D Cubism 中文版👉  下载地址

Live2D 介绍

Live2D Cubism 是一款可以让您的插画直接动起来的软件,从造型处理到动画化,全都可以在 LIve2D 编辑器内完成。Live2D Cubism 可以直接将原图当作素材使用,因此既能直接发挥该图形具有的魅力,又能立体地表现。处理好的数据可以直接用来制作动画视频,也可以用在各种平台上的应用程序以及游戏的研发。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

Live2D Cubism 可以直接给原图加上变形,拥有能够支持各种情形的多个变形工具,根据用途、目的将变形工具进行切换或组合,就能够按照设想来自由地建模啦~

本集教程内容概要

本集是 Live2D 官方入门教程第 3 集,我们将教你对导入的插画素材作进一步处理,例如修改顶点和图形网格,从而让之后做出来的动画效果更出色~

编者按:图文内容简概为视频内容的提炼总结,想要了解详细教程内容,请观看文章顶部完整的视频教程

一、读取文件

把之前拆分好的插画数据放入 Live2D Cubism Editor 中读取,为使插画动起来做准备。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

从文件夹中直接把 PSD 文件拖入软件界面上打开,或者从菜单栏打开该文件。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

加载后,各图层的情报数据会在画布左上的部件栏中显示。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

二、图形网格

点击插画部件后,会看到由白色的点、灰色的线组成的格子,被称作网格,包含部件的整个部分被称作图形网格。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作Live2D官方入门教程!NO. 03 让插画动起来的准备工作

移动顶点,可以使部件变形。默认情况下只有四个顶点,调整的幅度和变换相对有限。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作Live2D官方入门教程!NO. 03 让插画动起来的准备工作

快捷键 ctrl+A 选择全部图形网格,然后点击上方的 自动网格生成 按钮,即可对网格进行拆分。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作Live2D官方入门教程!NO. 03 让插画动起来的准备工作 Live2D官方入门教程!NO. 03 让插画动起来的准备工作

三、调整网格顶点

自动分割的网格可能会不合理,需要我们手动调整到合适的形状。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

选中部件,点击 手动编辑网格 按钮,快捷键为 ctrl+E,即可对顶点进行添加和删除。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

快捷键 B 可以调整笔刷大小,按住 ctrl 键可以选择复数顶点,点被选择的状态下按 delete 即可删除,按住 alt 键可以点击清除一部分顶点。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作 Live2D官方入门教程!NO. 03 让插画动起来的准备工作

如果网格没有完全包住插画,即使再次进入编辑模式也不会显示这部分。所以需要选择显示模型图像,来进行新的顶点添加及修改。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

四、分割技巧

建议用三角形将眉毛夹在中间的方式进行分割,或是沿着眉形中间划线并围起来,从而进行精美的变形。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

眼睛、睫毛等需要大幅度变形的部件,也可以用贯穿中线的画线方式进行分割,从而划分得更精细一些。

嘴巴也需要沿着唇线上方画线,并把肌肤的部分全部包起来,上唇和下唇都不要忘记。

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

五、注意事项

修改网格时的注意事项和基本方法:

  1. 网格要做成规整的三角形
  2. 用夹着线的方式打开网格顶点

Live2D官方入门教程!NO. 03 让插画动起来的准备工作

以上就是本集关于 让插画动起来的准备工作 的全部内容了,下一集将为大家讲解 live2D表情的制作方法,欢迎继续收看~

1 收藏 3

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了
/

支持键盘 ← → 键翻阅图片