• 查看作者
  • spine 8方向 动画示例 第1部分– Photoshop

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

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

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

    5个方向

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

    PhothoshopToSpine导出脚本

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

    PhotoshopToSpine脚本下载

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

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

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

    水平指引

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

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

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

    • 大版主
    • 小版主

    暂没有数据

    暂没有数据

  • 到底部