【Live2d】一张图制作Live2d基本脸捕动画(下)

这篇具有很好参考价值的文章主要介绍了【Live2d】一张图制作Live2d基本脸捕动画(下)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

上一篇讲了CubismEditor(CE)的基本操作和动画设置,接下来就是正式的脸捕设置的创作了


  • 眼睑的制备

由于立绘是睁开眼的,如果需要让他闭眼,需要自己手绘2个眼睑,一个上眼睑,一个下眼睑

(如果是自己的OC那就叫画师帮忙画一下和记得分层)

 我这种图像由于眼睛附近的颜色都是一样的,所以直接扣下来

注意准备至少3个图层

一个是原图防止改图改崩了

一个是真实使用的身体,需要把五官一个个扣下来涂掉,不然会穿模

一个是眼睛分层,这部分等下需要手动补满

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

接下来是画眼睑,同时把身体图层的眼睑给涂掉。如果眼睑在模型中不满意可以重画。

注意保存

live2d如何修改图层名字,Live2d,游戏,unity,photoshop


  • 眼睛模型的导入

打开CubismEditor,打开刚刚保存的psd,出现弹窗,选择下面这个(上篇文章中保存的模型) 

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

选择替换,这样同名的图层就能直接替换live2d的图像

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

新增的图层就会在这里显示,而且和psd的所在位置一致

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

不过因为我增加了原图图层,所以需要屏蔽原图,并用重新使用身体图层做呼吸动画

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

用身体图层覆盖原图图层只需要两步

  1. 创建网格
  2. 把图像拖动到曲面下面作为子类

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

接下来是将新增的眼睑和眼睛拖动到右侧图像的对应位置,这时就需要原图作为参考,调整透明度来放置部件

选择部件后可以调整透明度,而且图像的图层排序是排在上方的图层越上 

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

 如果出现我这种画错图层的情况(我经常发生),只需要去psd中修改保存,再来CE中打开覆盖即可 live2d如何修改图层名字,Live2d,游戏,unity,photoshop

 live2d如何修改图层名字,Live2d,游戏,unity,photoshop

再把刚刚错误的组件删掉

 live2d如何修改图层名字,Live2d,游戏,unity,photoshop


  • 顶点设定

眼球通常是按以下顺序,上眼睑>下眼睑>眼球(如果有的话)>眼白

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

 然后将所有组件拖动到呼吸的曲线中(曲线也能重命名)

为了保证所有组件都能在呼吸时一起移动

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

接下来是添加眼睑的网格,注意选择的是手动编辑网格

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

第一个是网格顶点选择工具,可以一个个选择顶点

第二个是套索选择工具,可以花圈选择顶点

我们先把默认生成的四个顶点删掉live2d如何修改图层名字,Live2d,游戏,unity,photoshop

 再选择第三个工具追加顶点

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

按下面这样添加顶点,这里需要注意的是

  1. 眼睫毛两侧的顶点最好贴近眼睫毛,不然拖动的时候会发现眼睫毛变形严重
  2. 上眼睑的位置也需要画顶点,这部分就是需要拉伸来吧眼白给覆盖
  3. 蓝色的线是选择自动连接时会连接的线,红色的是已经连接的线

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

画完选择自动连接,如果有不满意的线可以选择第四个工具进行删除 

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

画完后点击上面的勾勾才会生效。

 live2d如何修改图层名字,Live2d,游戏,unity,photoshop

 下眼睑同理,就不展示了

live2d如何修改图层名字,Live2d,游戏,unity,photoshop


  • 动画设置

这里需要注意的是,参数里的左右眼是对应的生理解剖左右,我这里使用的图像就是解剖学左眼,所以记得选择左眼参数

选中2个组件,创建2个关键帧,注意参数为1时是张开眼睛

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

 所以我们需要将参数改成0,同时编辑图像,这里使用的是曲线变形路线,选择工具后沿着眼睫毛点对应的点。

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

 选择箭头工具 

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

将变形路线的点往下拖动,然后眼睑侧的顶点往上拖动,如果有需要添加的顶点可以直接添加顶点后再选择箭头工具继续拖动

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

下眼睑一样操作

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

调整完后可以直接拖动参数查看动画效果

live2d如何修改图层名字,Live2d,游戏,unity,photoshop


  • 模型的导出

编辑完后点击上方的编辑纹理集

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

修改名字,其他默认即可

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

这个页面中,左侧的是当前模型使用到的组件图像,右侧是没使用的。没使用的元素不需要拖到左边。确认完毕后点击最下面的ok

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

然后在菜单栏中找到【导出为moc3文件】,这个存储格式才是live2d的模型文件格式 

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

全部默认即可 

live2d如何修改图层名字,Live2d,游戏,unity,photoshop


  • 脸捕测试

可以安装steam的prprlive或者哔哩哔哩直播姬,但是prpr已经挂了而且整合到直播姬了。建议直播姬的虚拟主播,里面的2d模式(第一次打开自动下载对应功能)

目前prpr由于被啊逼收购,且内部程序都被啊逼删除(包括以前的付费功能),所以等于逼人使用啊逼,看prpr的steam评论似乎都跑VTS(VTube Studio)去了

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

 打开模型时选择json文件即可

live2d如何修改图层名字,Live2d,游戏,unity,photoshop

开启脸捕模式之后测试即可

live2d如何修改图层名字,Live2d,游戏,unity,photoshop文章来源地址https://www.toymoban.com/news/detail-773077.html

到了这里,关于【Live2d】一张图制作Live2d基本脸捕动画(下)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在Unity中简单地制作一张2D地图并随机生成资源

    这个作业属于哪个课程 软件工程2022年春-F班 这个作业要求在哪里 软件工程实践总结个人技术博客 这个作业的目标 课程回顾、个人技术总结 其他参考文献 《构建之法》 1.1 技术使用场景   你不满足于别人提供的现成的地图,想要利用原有的素材来将你自己的想法实现吗?

    2023年04月08日
    浏览(48)
  • Unity的live2dgalgame多语言可配置剧情框架

    这段代码用于读取表格 这个方法里面设置剧情列表,和分支事件 最终效果

    2024年02月05日
    浏览(37)
  • Unity学习笔记(7) Unity2D骨骼动画制作流程

    用骨骼动画最大的好处就是方便之后做换装系统。 无论对3Dor2D游戏都是这样的。 这篇博文记录一下2D骨骼动画的制作流程,参考b站麦扣的系列教程: https://space.bilibili.com/370283072/channel/seriesdetail?sid=211996 用PS做一个将人物各个部件(骨骼)都分解开来的人物模型。 导出时注意

    2023年04月09日
    浏览(58)
  • 财务思维一张图

    系统研读了《肖星的财务思维课》和得到《贾宁·财务思维课》,尝试用一张最简单的图总结财务思维所学到精髓吧。 《肖星的财务思维课》 得到《贾宁·财务思维课》 附: 【清华大学】最好的财务课《商业的财务逻辑》(全7课)肖星教授 【清华大学】最好的财务课《商业

    2024年01月19日
    浏览(59)
  • 一张图学会python递归函数

    递归函数属于那种“难者不会,会者不难”的事情,回想自己大学时学习递归函数的经历,简直是痛不欲生,代码里没有一行是看不懂的,但就是理解不了它是怎样运行的。 等到自己悟通了原理,就又会觉得这东西太简单了,不明白自己当初为何想不清楚。 对于递归函数,

    2023年04月09日
    浏览(38)
  • 【Linux】一张图了解系统文件

    首先先认识磁盘结构 系统文件分布图 文件查找 文件删除 文件的增删改查都是围绕 inode 来完成的,所以当我们要进行文件删除的时候,只需要通过 inode 来获取到它对应的 block bitmap 和 inode bitmap 数据块容器和保存文件属性的位置置为 0即可 ,如果想要恢复,通过一定的方法设

    2024年02月11日
    浏览(49)
  • 一张图搞懂微服务架构设计

    当前,微服务架构在很多公司都已经落地实施了,下面用一张图简要概述下微服务架构设计中常用组件。不能说已经使用微服务好几年了,结果对微服务架构没有一个整体的认知,一个只懂搬砖的程序员不是一个好码农! 在上图中可以看到,Nginx作为整个架构的流量入口,可以

    2023年04月17日
    浏览(54)
  • 一张图快速了解 Istio 的 EnvoyFilter

    EnvoyFilter 提供了一种机制来定制 Istio Pilot 生成的 Envoy 配置。使用 EnvoyFilter 修改某些字段的值,添加特定的过滤器,甚至添加全新的侦听器、集群等等。 这个功能必须谨慎使用,因为不正确的配置可能会破坏整个网格的稳定性。与其他 Istio 网络对象不同,EnvoyFilter 是叠加应

    2024年02月08日
    浏览(51)
  • uniapp:手写签名,多张图合成一张图

    要实现的内容 :手写签名,协议内容。点击提交后:生成1张图片,有协议内容和签署日期和签署人。 实现的效果图如下: 1、签名页面

    2024年02月15日
    浏览(93)
  • GLES学习笔记---立方体贴图(一张图)

    立方体贴图 如上图是一张2D纹理,我们需要将这个2D纹理贴到立方体上,立方体有6个面,所以上面的2D图分成了6个面,共有14个纹理坐标 上边的立方体一共8个顶点坐标,范围是[-1, 1]; 我们要做的是将纹理图贴到这6个面上面 我们绘制的时候使用了VBO、VAO、EBO、 indices里面是绘

    2024年01月19日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包