Spine的环境搭设及PS导入（一）

http://zh.esotericsoftware.com/
然后看到是这个一系列的教学视频
https://www.bilibili.com/video/av31215397?from=search&seid=14477457929329170124

认识Spine

Spine是一款骨骼绑定的动画软件吧，相对于之前帧动画可以提高效率。
Spine有一点问题是换装的问题，不太适用于换装，因为只要动画改变会把换装节点下Image置回默认值，也就是说Spine不支持操作Image，比如眨眼。
相对于Live2D与部位互动较差
相对于Dragonbones比较贵 效果好
官网下载试用版
网上大多破解版都不行
安装一路确认
打开下载一些东西
打开界面 因为是试用版少了很多功能 做好也没办法导出


image.png

自带中文点击这个例子进入


image.png

这个是转换动画模式 一般绑好骨在这个界面才会去转换
image.png

这个spine图标就是设置
image.png

这个就是参数面板
image.png

可以缩小
image.png

关闭了可以在这里找到
image.png

这个权重就是影响运动的重要程度 创建是创建骨骼 倾斜类似于改Z轴


image.png

然后这里是锁定，处理一些群体处理关系不会被移动缩放等影响
image.png

分别是 是否能选中 是否能看见 最后一个显示名字
image.png

小技巧

1.鼠标右键是移动 滚轮是缩放
2.选中移动 可以拖空白处快速移动
3.左键拖动 可以全选
4.多选的话选错了ESC取消选中 双击左键也可以

PS导入

然后下载PS
ps2019
下载链接: https://pan.baidu.com/s/1PwqtiaLNNcF-ZUiClkjNQQ 提取码: 2f3u
用这个越过网盘高速下载
http://pandownload.com/index.html
直接飞速

image.png

直接SetUp安装
image.png

然后要注册一个账号 不然还安装不了
就去有个界面我卡住了加载不出来
把这两个文件复制到你的PS文件目录下替换
image.png

我的在这里
image.png

然后就OK了
这里下载插件LayerToPNG插件
https://pan.baidu.com/s/1nwZxccp
粘贴到PS这里
image.png

有大佬说这个也可以
image.png

然后是白图的话还要切图处理 命名不要开头是中文或者数字，用拼音也好啊 不过不要名字重复，不然会导致重复的无法导出
我的LayerToPNG失败了估计PS版本太高了
image.png

把这个粘贴到之前那个PS目录下
原来是我没保存项目所以才运行不了脚本 这里选中脚本直接OK就行了
image.png

在那之前我们先要切图
然后开始了官方自带的学习
image.png

截图截下来切
image.png

用PS打开
我先用污点修复工具 把龙给刷了当背景层


image.png

用这个选择白色的地方


image.png

选择反向就是龙了 觉得粗糙的可以多点几下
image.png

然后右键拷贝
image.png

就有单独的龙了


image.png

或者选中空白Delete键直接删除同样效果简单快速
缩放工具点图变大 如果太大可以
image.png

选择一些属性 我是直接适合屏幕
image.png

然后就是钢笔工具抠图补图，我是练习时长2年半的瓜皮画手(小学时候3年多吧)早都忘了，补图需要一定基础，当时我记得我的方位感比较差，结构关系没搞清
圈完之后就可以抠图了
image.png

Ctrl Enter选中路径
image.png

image.png

然后就扣出来了个嘴


image.png

然后扣舌头 然后实际是不可能这么用的，所以要修补
image.png

单个点住小兰点删除然后描大一点，需要美术基础吧根据图片脑部舌头大小
image.png

脑补原始大小
在这里新建路径填充其他位置类似于总大小
image.png
image.png

用画笔工具Alt左键吸颜色 然后左键描绘


image.png

记得调小


image.png

然后选择一个路径Ctrl Enter就开刷 这样只会刷在指定区域
image.png

觉得不对可以用这个画笔刷掉
image.png

Ctrl Enter 之后 不需要蚂蚁线可以Ctrl D取消
其实放大看看不出来什么区别


image.png

其实还有种切图就是这个
image.png

用添加左键切个大概，然后再用减扣去
image.png

然后截图切图补图好了 终究还是有点色差 毕竟第一次用PS
image.png

导出Spine类格式
image.png

找到你的spine文件夹的这个插件
image.png

image.png

Trim whitespace 修剪空白 勾上吧
scale：导出的缩放比例
padding 像素大小一般是3-5
OutPath是输出路径
一顿设置后导出


image.png

名字不要重名导出是覆盖
image.png

检查了一下图这个身体空了少补图了


image.png

右键眼睛这样就可以显示或者隐藏其他所有图层


image.png

用污点修复工具涂涂画画OK了
image.png

再次到出

到Spine导入项目


image.png

选Json导入
image.png

就这样导入完成了
image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • Blender 学习笔记
    https://www.jianshu.com/p/c52605b4b8e8越害怕的东西越要去学习，对于程序员来说...
    兜兜_2925阅读 3,042评论 1赞 7
  • PS金牌讲师姜哥:PS最全最实用的的快捷键大全
    大家好，我是小渔。 不论是工作，还是学习，效率都是非常重要的。 在PS的使用上，同样如此。所以姜哥根据日常使用频率...
    上进青年研习社阅读 771评论 0赞 4
  • 无标题文章
    越害怕的东西越要去学习，对于程序员来说害怕莫过于美术，所以开始学点3d建模。 开源免费的Blender近年来大热，...
    好孩子橙米文阅读 618评论 0赞 0
  • Blender 学习笔记
    越害怕的东西越要去学习，对于程序员来说害怕莫过于美术，所以开始学点3d建模。开源免费的Blender近年来大热，做...
    云上听风阅读 28,978评论 14赞 107
  • 提升自己
    通过这次活动，增强了彼此之间的距离。人生就是一个不断完善超越的过程。现在要做的除了落实每相工作就是提升自己。随着团...
    钟姣阅读 202评论 0赞 0

友情链接更多精彩内容