The Lost Ghost part 2 | Lires Artwork Process | Original Art

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@lires·
0.000 HBD
The Lost Ghost part 2 | Lires Artwork Process | Original Art
![tlg b.png](https://steemitimages.com/DQmVWGVpUi7qTjVgUgyGR84vW5xzpTBnBLYwhFhKMBfao6E/tlg%20b.png)

So I'm back with part 2 for The Lost Ghost. To animate this artwork, I'm going to use [Esoteric Software](http://esotericsoftware.com/)'s **Spine**. It's a bit pricey (US$299) but it's one of the best 2D animating software I've used. The only reason why I've decided to buy it was because I was also using it to animate my sprites in my game.
## Chopping up the parts!
Using any software (in my case, it's Photoshop), I saved the parts separately as .PNG. I then import them to Spine..

![ani pcs.png](https://steemitimages.com/DQmQeefkybpdgRf2C5JNMAVdH7TTpNECnGE2CsPCoERQA6e/ani%20pcs.png)
## Attaching to Bones
Spine animates images using the skeletal feature. You basically attach 'bones' to the images you have and move them when you move the bones.

![ani bon.png](https://steemitimages.com/DQmQKdBYq4R4Ybuh9HR9EBcrTf5GRFUSAFYRKYij1KohN1V/ani%20bon.png)
## Meshing
You can also use the Mesh feature to take advantage of Spine's FFD (Free Form Deformation). This will give my animation a "3D" feel.

![ani msh.png](https://steemitimages.com/DQmSYZaoxau458kHVrmuGD8RCrzVZU74j8UVpKrocrZtavT/ani%20msh.png)
## Weights
This step is an additional step to meshing. The weights is attached to the bones so that you don't have to manipulate the FFD manually.

![ani wgt.png](https://steemitimages.com/DQmPqArFLnpan8VqtCtByzWKoj3RMGM7p7QKKMbi2pFjnxZ/ani%20wgt.png)
> The red bone controls the red points, while the yellow bones control the yellow points. You can also assign them to both by sharing the percentage of control. (50%-50% or 25%-75%, depends on what you want)
>
## Animation w/ Bones
Adding all that together, I then move the bones in the timeline.

![tlg-ani.gif](https://steemitimages.com/DQmTgQtSv1PTEqDqqZEAwA3WBtVntfHT4fzZKoJY6zCgGNJ/tlg-ani.gif)
## Animation w/o Bones
So this is what it looks like without the bones.

![The-Lost-Ghost-Animated.gif](https://steemitimages.com/DQmXKpTMaFVBgWVWdJm2MPAGaz71kfu362DqRfgcGZvcDrz/The-Lost-Ghost-Animated.gif)

I hope you liked my post and I hope you find this art process worth your while. I'll try to post more. ^-^
Bye for now!

-lires
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,