[动画] spine 8方向 动画示例 第1部分– Photoshop

查看:2949 |回复:7 | 2020-12-4 20:17:31

您需要 登录 才可以下载或查看,没有账号?注册

x
本帖最后由 花酒嫣 于 2020-12-4 20:18 编辑

1.jpg

欢迎来到我的Spine的8 Direction Character教程的第一部分。
在本Spine 2D教程系列中,我们将完成在8个方向上创建角色的过程。非常适合自上而下和第三人称游戏。
我们将介绍完整的工作流程:Photoshop,装配,动画和Unity集成。角色将有一个空闲和行走周期,以及攻击动画。
在这一部分中,我们将在Photoshop中创建面向所有不同方向的角色,并组织文件以方便导出到Spine。

2.gif

5个方向
您可以使用一种技巧来减少必须制作的动画数量,即镜像 右 动画以获得左动画  。
它最适合对称字符,因为这暗示了对非对称字符的这种快捷方式会破坏这种错觉。
我们首先创建基本方向:向下,向上和向右。
在绘制过程中,我们将身体部位放置在不同的层中。这将节省我们创建其他方向的时间和精力。
我们可以在Spine中复制和镜像腿部和手臂,因此我们只能创建四肢的一侧。
一旦获得向下方向,我们就可以复制它来创建向上方向。
我们可以删除或放置在头部下面的面部。我们只需要进行少量编辑,就可以得到Up方向。
要创建正确的方向,我们可以重复使用耳朵和身体等部位。
为了创建45度,我们可以向下和向上移动现有零件的形状。通过一些调整,我们可以获得令人满意的结果。

PhothoshopToSpine导出脚本
我们正在使用PhothoshopToSpine脚本将PSD导出到Spine。
我们使用标签来传达我们对脚本的意图。标签是图层或文件夹名称开头的关键字,用方括号括起来。

PhotoshopToSpine脚本下载
我们将为根文件夹指定[文件夹]的标签及其方向的名称。
导出到Spine时,标签会将所有图层放置在子文件夹中的文件夹下。
在每个根文件夹内,我们将所有身体部位放在一个文件夹下,并用[slot]标签和身体部位名称标记。
导出时,此标签会将图层作为附件放置在我们的Spine项目中的“插槽”下。
在Slot文件夹下,我们将艺术品放置在一个图层上。其名称将包含其相关的方向以及放置在其下的Slot文件夹的名称。
如果需要多层,则可以为它们创建一个包装文件夹,并以[merge]标签为前缀,在导出后将合并为单个附件。


folders所有文件夹和图层必须具有相同的名称。
导出后获取准确的Spine文件至关重要。导出后,我们在Spine项目中将有不同的插槽,每个插槽都充满了所有五个方向的相关附件。

水平指引
导出PSD后,我们希望角色位于Spine中的水平线上方。
这对于可行走的角色至关重要,因为水平辅助线代表地面。这样,我们可以确保角色不会在空中行走,或腿部被地面割伤。


要控制Photoshop文件中字符的根枢轴点,请单击标尺角,然后在按住鼠标的同时将光标拖动到您选择的位置。
如果看不到标尺,则在Windows上按Ctrl + R,在Mac上按⌘R将显示并隐藏它们。
现在我们有一个准备导出的PSD文件。随时进行检查并自己探索文件夹层次结构。







2020-12-4 20:17:31  
 赞 赞 0

使用道具 登录

7个回答,把该问题分享到群,邀请大神一起回答。
3#
谢谢分享.........
回复 收起回复
2021-9-24 14:35:46   回复
 赞 赞 0

使用道具 登录

4#
太棒了,学习到了
回复 收起回复
2022-2-15 15:17:00   回复
 赞 赞 0

使用道具 登录

5#
元素帖子强,满满正能量
回复 收起回复
2024-11-2 02:19:38   回复
 赞 赞 0

使用道具 登录

6#
狠不错,学习了
回复 收起回复
2024-11-2 02:19:50   回复
 赞 赞 0

使用道具 登录

CG 游戏行业专业问题

图文教程技术文章技术文库动画
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表