16.Unity2D 横版 骨骼动画 之 单张PSB图+PS像素画软件

上一节课我们学习了单张的切片图，是最简单的一种骨骼动画，但是过几天我发现一个很大的问题--切片间的骨骼没有相连，就导致一个BUG：当你通过代码移动骨骼位置或者旋转的时候，另外一个相邻的切片图骨骼不会跟着上去，因为是切片图分别给每个骨骼做的动画。所以我们要回到单张不切图（多图层图）上来解决这个问题，骨骼相连问题就是IK动力学。我们要最先学习一下基础psd图的骨骼动画创建。

回顾上节课重要的骨骼操作

15.Unity2D 横版 骨骼动画 之 单张切片图骨骼动画+Aseprite像素画软件_ζั͡ ั͡雾 ั͡狼 ั͡✾的博客-优快云博客骨骼动画的原图主要有三种1.直接单图片骨骼动画绑定（最简单，直接绑定就行，本教程后面涉及）2.部件切片图骨骼动画绑定（本教程主要讲述）3.部件多图层骨骼动画绑定（Aseprite像素画绘图没有psd文件类型，本次教程不讲解）Aseprite1.下载Aseprite，优快云搜索，自带压缩包，教程和中文汉化方法2.Aseprite简单教程;3.绘制骨骼层，每一个骨骼作为一个图层先新建几个骨骼图层，右击图层，新建图层就可以，我新建了三个骨骼，并重命名为花，茎，叶，三个骨骼。。。。https://blog.youkuaiyun.com/qq_54263076/article/details/126794962?spm=1001.2014.3001.5501

没有PS也不要紧，自己画的图片下载地址：点击下载 石精灵.psdhttps://download.youkuaiyun.com/download/qq_54263076/86621529

PS

为了以后更强大的骨骼动画功能，我们今天也要学习一种新的软件----功能强大，但要求配置高的像素画软件--PS

（1）PS下载

我随便找的一篇文章，可以自己去优快云搜索下载教程

PS下载 PS2021中文版下载 Photoshop2021中文版22.5.1 ACR14.0最新_yht6005的博客-优快云博客PS2021又更新了，这次直接把内置的ACR升级到了14.0，算是一次非常的更新，只不过很多朋友目前依然还不清楚PS2021最新中文到哪里下载、怎么下载、怎么安装等问题，所以此文主要就是针对下载和安装进行分享，还没有软件需要获取PS最新版的你，请认真观看；这是PS最新中文安装完成后的PS初始化启动页面，在我们安装PS软件之前，首先也是必须要做的就是自己的电脑上，要下载PS的软件安装包，从哪里进行下载呢？我告诉你下载的渠道：手机微信搜索公众号：西关二少关注后回复关键词：下载软件根据提示，就可以获取Phttps://blog.youkuaiyun.com/yht6005/article/details/120824704?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166381578316782427427548%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=166381578316782427427548&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-1-120824704-null-null.142%5Ev49%5Ebody_digest,201%5Ev3%5Econtrol_1&utm_term=PS%E4%B8%8B%E8%BD%BD&spm=1018.2226.3001.4187（2）PS像素画

我推荐了解下面两篇文章

ps学习——基本工具_snow_small的博客-优快云博客1、选择工具：小箭头，快捷方式v复制：按住alt键，小箭头变为两个小箭头，移动松开就复制成功，图层：一张一张的图组：一个以上的图层，合为组2、自由变换工具：Ctrl+T，编辑下的自由变化，用来改变位置大小角度，改变后，双击确定右键可以改变形状3、矩形选择工具：M，shift+M可以转换里面的内容，规则选区，对选区中的内容操作，被叫做蚂蚁线正方形：按住sh...https://blog.youkuaiyun.com/snow_small/article/details/95223483?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166381600616782395380605%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=166381600616782395380605&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduend~default-1-95223483-null-null.142%5Ev49%5Ebody_digest,201%5Ev3%5Econtrol_1&utm_term=ps%E5%9F%BA%E7%A1%80%E5%B7%A5%E5%85%B7&spm=1018.2226.3001.4187

一起学习如何使用Photoshop绘制像素图片_远行的风的博客-优快云博客_ps 像素图通过这篇教程，我们来学习如何绘制像素画。你能够学会如何制作很棒的美工，就像eBoy和Armyof Trolls（两款游戏）做的那样。https://blog.youkuaiyun.com/qwertyupoiuytr/article/details/53997770?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166381586816800186519982%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=166381586816800186519982&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-4-53997770-null-null.142%5Ev49%5Ebody_digest,201%5Ev3%5Econtrol_1&utm_term=PS%E5%83%8F%E7%B4%A0%E7%94%BB&spm=1018.2226.3001.4187（3）PS开始作图

【1】创建文档

 【2】画图

按Z快捷键放大

首先先新建并选中一个图层

点击铅笔工具，快捷键B(橡皮擦，快捷键E)，可以调整铅笔宽度和左键（前景色）右键（后景色）键色彩（X快捷键切换）

首先用铅笔功能画出线稿

 shift+G油漆桶快捷键上色，假设光从右上角照射，可用铅笔稍微调整色彩亮度和暗度

【3】 骨骼分图层

新建几个骨骼图层，并将部位剪贴到相对应的骨骼图层，并弥补填充一下被遮住的部位

利用套索工具（快捷键L）手绘区域，并通过Ctrl+X/V或者Ctrl+C/V来粘贴到其他图层，可以点击图层左边的眼睛来关闭/打开图层

【4】移动图层，组装身体，注意调整图层的上下遮挡关系

移动工具，快捷键V，用来移动图层位置

通过图层上面的十字箭头来锁定移动

图层前后关系是，越在上面遮挡下面，所以将图层上下关系调整

成图效果

【5】导出文件

导出文件格式为大型文件格式

点击【文件】-【存储为...】，修改为大型文档格式，即后缀为.psb

【6】拖入自己的Unity文件中，完成

Unity

（1）创建骨骼

【1】打开骨骼编辑器

 【1】根据上节课所讲，为图片添加骨骼

【2】为骨骼赋予自动权重（不嫌麻烦了可以手动）

【3】由于身体某些部分重叠原因，有些部分收到了不该有的骨骼影响，所以我们需要手动删除不需要的收到影响的骨骼，在Weight下第四个功能Bone Infucences

 

【4】点击应用，保存

(2)创建动画

上节课已经说过步骤

【1】将该psd图像拖入到游戏场景直接形成空物体

【2】打开“动画”，点击该物体，使用录制功能对骨骼进行动画创建

下面是我创建的idle动画，通控制骨骼起伏和骨骼缩放表现出呼吸感觉，注意：前后一帧要相同

 同理创建攻击动画

 （3）动画器（动画状态机）的建立

2.Unity2D 横版 帧动画sprite animation+动画状态机animator+丝滑连击动作_ζั͡ ั͡雾 ั͡狼 ั͡✾的博客-优快云博客_unity2d 帧动画Unity2D 横版 帧动画sprite animation+动画状态机animator+丝滑连击动作 为什么设置了attack之后还要设置normalizedTime参数？因为如果设置一个参数的话，你点击攻击按钮会直接跳转到下一个动作。并不能完整的将攻击动作放完，那么就多添加一个。他们参数用来判断行为达到哪个阶段，并通过脚本来控制他们参数在进入因为和退出行为时都设置normalizedTime成零。这样就可以使得你点击攻击按钮动作放完了之后才到下一个动作。...............https://wulang.blog.youkuaiyun.com/article/details/125631721?spm=1001.2014.3001.5502

上面是帧动画的动画状态机，骨骼动画的动画状态机并没有什么区别，注意创建参数和动画过度条件

完成

IK（反向动力学）：反向运动学 (IK) 是一种设置动画的方法，它翻转链操纵的方向。就是相当于你抬起手时，胳膊也会被带动的抬起来的意思。