如果角色可以动起来|Spine入门技巧-Part1

上海/UI设计师/142天前/209浏览
如果角色可以动起来|Spine入门技巧-Part1
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
Yo!Bro!这里是叶子Studio的动效设计师小黑~
作为设计师的你,是不是也遇到过这样的情况?
角色放进作品集里,总觉得还少了点什么,画面不够出彩、缺少动态冲击力;又或者,你正在投的岗位,刚好需要具备动效制作的能力?
别担心!这篇文章就来带你快速入门 Spine 的游戏动效制作,帮你的作品集动起来,一起让角色“活”过来!
如果角色可以动起来|Spine入门技巧-Part1
Collect
Step1:素材拆分导出
如果角色可以动起来|Spine入门技巧-Part1
Collect
选择一张角色原画后,在Photoshop中根据物体结构拆分素材,补画缺失的一部分结构。要注意:图层都需英文命名,否则会影响后续自动化脚本导出。
如果角色可以动起来|Spine入门技巧-Part1
Collect
使用PNG导出脚本,自动导出切好的素材和JSON文件。
如果角色可以动起来|Spine入门技巧-Part1
Collect
在Spine中新建工程并拖入刚才导出的JSON文件。这样能让图片素材导入后位置和图层关系保留PS中的层级,不会混乱。
Step2:创建骨骼绑定
如果角色可以动起来|Spine入门技巧-Part1
Collect
点击并拖动控制创建骨骼的长度,再次点击创建其子级的骨骼。选中任意骨骼可再创建分支子骨骼,类似脊椎和手臂骨骼的关系。
如果角色可以动起来|Spine入门技巧-Part1
Collect
图片需要塞到对应的骨骼底下,才能让骨骼控制图片移动。先选中图片,点击右下角设置父级按钮,再点击对应骨骼。
Step3:网格权重设置
如果角色可以动起来|Spine入门技巧-Part1
Collect
在图片上设置多边形网格,操纵多边形的顶点,让图片根据多边形变形,达到不同的动画效果。
如果角色可以动起来|Spine入门技巧-Part1
Collect
权重用于将网格顶点绑定到一个或多个骨骼。当骨骼移动或变形时,绑定的顶点会相应调整,实现网格的自动变形效果。
接下来,按照“由大到小”的顺序,把所有拆分好的素材依次添加骨骼和权重。动一动骨骼,检查蒙皮是否正常绑定。完成这一步后,一个可以进行动画制作的人偶就正式搭建完成啦!
下一篇我们将继续讲解:
如何通过关键帧制作动画,结合曲线工具、网格变形和逐帧特效,让角色动效更生动、更具表现力!
本周三上午10:30也有我的Spine动效公开课,我会通过这个案例讲解Spine软件的入门技巧!感兴趣的小伙伴也可以来捧场噢!
如果角色可以动起来|Spine入门技巧-Part1
Collect
如果你已经掌握了 Spine 的基础操作,想进一步系统学习 Spine 动效的完整流程,了解动效设计的原理,欢迎后台滴滴了解我们的【Spine动效 设计训练营】,还有双人成行的优惠哦!
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
如果角色可以动起来|Spine入门技巧-Part1
Collect
如果角色可以动起来|Spine入门技巧-Part1
Collect
2
阅读原文
|
Report
|
10
Share
相关推荐
学习
学习
学习
学习
作品收藏夹
如果美术当了老板,产品能做成什么样?
Homepage recommendation
文章内容含视频
「新怪谈」如何用美术 营造诡异氛围
Homepage recommendation
文章内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
学习
学习
学习
学习
作品收藏夹
教程
教程
教程
教程
作品收藏夹
动效
动效
动效
动效
作品收藏夹
疯狂动物城同人作品
疯狂动物城同人作品
疯狂动物城同人作品
疯狂动物城同人作品
精选收藏夹
作品收藏夹
茶酒包装
茶酒包装
茶酒包装
茶酒包装
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in