Spine 2D Tutorial for Beginners: Rigging, Meshes and Weights

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ต.ค. 2024
  • In this Spine 2D tutorial I'll show you how to use meshes, weights, how to bind bones to the mesh, and many more small tricks that will help you create animations in Spine.
    And oh, yes, you'll learn how to build a rig for the character too! 😉
    Hope you'll find it useful! 👍
    _______________________
    FOLLOW US
    ►Instagram:
    / thinkcitric
    ►Twitter:
    / citricthink
    _______________________
    MUSIC
    TRACK #1:
    Beach Buggy Ride by SIRPRICE / sirpricedj
    Creative Commons - Attribution 3.0 Unported- CC BY 3.0
    creativecommons....
    Music promoted by Audio Library • Beach Buggy Ride - Ele...
    TRACK #2:
    Lights by Sappheiros / sappheirosmusic
    Creative Commons - Attribution 3.0 Unported - CC BY 3.0
    creativecommons....
    Music promoted by Audio Library • Lights - Sappheiros (N...
    #spine2d #spinetutorial #spineanimation #tutorial #howto #thinkcitric #gamedev #gamedevelopment #animation #2danimation, #mesh #beginner

ความคิดเห็น • 130

  • @ThinkCitric
    @ThinkCitric  4 ปีที่แล้ว +23

    Since many of you have asked, I've created a Udemy course on Spine Pro! 💛
    ► Enroll HERE:
    www.udemy.com/course/spine-pro-a-complete-2d-character-animation-guide/?referralCode=84DB13BBD24AC645D6EA

    • @Leatherjacks
      @Leatherjacks 3 ปีที่แล้ว +2

      Thank you so so so so so so so much!
      Just bought your course, super AMAZING!

    • @ThinkCitric
      @ThinkCitric  3 ปีที่แล้ว +1

      @@Leatherjacks Wow, thank you so much! :)

    • @myke113
      @myke113 2 ปีที่แล้ว +1

      I have both of your Spine courses, are you going to make anymore..?? Or perhaps one on the creative process of creating the characters in Photoshop, and another on integrating the Spine animations into Unity..?

    • @jasmyn1258
      @jasmyn1258 ปีที่แล้ว

      Hi! Is your tutorial and Udemy course using Spine 2D Essential or Professional? And if you're using Professional, would we be able to achieve the same effects with Essential? Thanks!☺️

    • @ThinkCitric
      @ThinkCitric  ปีที่แล้ว

      @@jasmyn1258Hi! I have separate courses on Spine Pro and Essential, each one covering the most important features of each version. If the effects you've mentioned is 2.5D, then Spine Pro is definitely better since it supports meshes. You can achieve 2.5D to a certain degree with Essential using shear and scale tools, but it will not be as smooth as with meshes.

  • @nadgraphicsandanimation4570
    @nadgraphicsandanimation4570 3 ปีที่แล้ว +10

    This is more clear than the other tutorial, thank you so much for this.

  • @AJShiningThreads
    @AJShiningThreads 3 ปีที่แล้ว +4

    You are a gifted teacher! I purchased your udemy course yesterday and already I understand things I couldn't get before. I'm going to take all your courses now!!

  • @Raidoven
    @Raidoven 2 ปีที่แล้ว

    thank you so much for mentioning what you're doing with your mouse and keyboard, unlike some other "tutorials" out there

  • @cellk6861
    @cellk6861 2 ปีที่แล้ว

    thank you very much, every time I search my questions about spine on TH-cam it's your page that always have all answers, you're awesome 💓💓💓💓💓💓

  • @re_Animated
    @re_Animated 9 หลายเดือนก่อน

    Amazing teacher and Tutorial!! I've struggled with other tutorials, but you managed to make a thorough tutorial in less than 20 mins while still keeping all the valuable information in!
    Thank you again! If I choose to buy Spine Pro, I will definitely buy your Udemy Course!

  • @waberoid
    @waberoid ปีที่แล้ว

    I never heard of this before but the concepts are almost the exact same with 3D rigging and animating, which makes it easier to understand.

  • @venkat9060
    @venkat9060 8 หลายเดือนก่อน

    Super Educator, Its clearly and detailed explanation, We need more tutorials about spine . Thank you.🙏

  • @GalGhil
    @GalGhil 7 หลายเดือนก่อน

    this cover everything for basic setup. what a incredible and usefull video. thank you.

  • @MuhammadTarik
    @MuhammadTarik ปีที่แล้ว

    This is the best basic tutorial in whole youtube universe

  • @milionST
    @milionST 4 ปีที่แล้ว +12

    Thank you. You really made my learning process so much easier! Instantly subscribed ;)

    • @ThinkCitric
      @ThinkCitric  4 ปีที่แล้ว +2

      I'm really glad it helps! :)

  • @albertoramirez9465
    @albertoramirez9465 4 ปีที่แล้ว +3

    This is the best Spine tutorial I have found in TH-cam! Amazing work.

    • @ThinkCitric
      @ThinkCitric  4 ปีที่แล้ว

      I'm thrilled to hear that! Thank you so much for your feedback!

    • @albertoramirez9465
      @albertoramirez9465 4 ปีที่แล้ว +1

      @@ThinkCitric just enrolled in your Udemy course. Your tutorials great!

    • @ThinkCitric
      @ThinkCitric  4 ปีที่แล้ว

      @@albertoramirez9465 Thank you so much for your support! Hope you will like the course, and feel free to ask me any questions! :)

  • @gregallen4702
    @gregallen4702 7 หลายเดือนก่อน

    I feel like Wonder Woman is teaching me Spine. Not complaining. Beautiful voice

  • @nightblind999
    @nightblind999 4 ปีที่แล้ว +15

    No matter what I do I cannot get past the binding process. Nothing is working when I attempt to bind bones to an image to be able to move it. nothing online has provided any help.

  • @hathien3612
    @hathien3612 9 หลายเดือนก่อน

    after too much video i found on ytb, this is video i need

  • @Cartoon_Caos
    @Cartoon_Caos 7 หลายเดือนก่อน

    really interesting, and very useful. A thousand thanks.

  • @brandonjacksoon
    @brandonjacksoon 3 ปีที่แล้ว +2

    Thank you! Your videos are really useful and you help me a lot! Waiting for a new exiting tutorials!

    • @ThinkCitric
      @ThinkCitric  3 ปีที่แล้ว

      Happy to hear that! :)

  • @이수연-p1f9n
    @이수연-p1f9n ปีที่แล้ว

    best tutorial I've seen. thank you.

  • @jml3322
    @jml3322 ปีที่แล้ว

    Thank you so much. it was easy to understand for me. best tutorial!

  • @Laaras_Channel
    @Laaras_Channel 2 ปีที่แล้ว

    Thank you!! I've been strugled in the "bind" parts before watch your video😅

  • @panpam-educar-jugando
    @panpam-educar-jugando 5 ปีที่แล้ว +4

    Thank you very much for the tutorial. I love how you explained it. I really want to see the second one! ;)

    • @ThinkCitric
      @ThinkCitric  5 ปีที่แล้ว +3

      Thank you so much for your feedback! Working on the second part right now, and will release it in 1-2 days, so stay tuned! ;)

  • @appolity
    @appolity 3 ปีที่แล้ว +1

    Switched from Spriter Pro to Spine and oh my gosh, loving Spine more. The skin mode in Spriter is buggy which is understandable since it’s experimental. But I can’t stand it because it doesn’t do what I wanted it to do. This tutorial is super helpful and I always refer to it. I just started using Spine too XD

  • @aomisaiki
    @aomisaiki 4 ปีที่แล้ว +2

    So helpful! Thank you :) You motivate me to keep on going and not to give up

    • @ThinkCitric
      @ThinkCitric  4 ปีที่แล้ว

      Thank you so much! It warms my heart to read that! :)

  • @tigerjustice
    @tigerjustice 10 หลายเดือนก่อน

    Thank you. This is a good tutorial

  • @RatanDeep-dz9ix
    @RatanDeep-dz9ix 3 หลายเดือนก่อน

    ILove you your tutorial style

  • @Code4You1
    @Code4You1 2 ปีที่แล้ว

    Just discovered this channel and I love it

  • @Mk2kRaven
    @Mk2kRaven 4 ปีที่แล้ว

    Very great tutorial. One of the best if not best. So much useful knowledge in such short time.

  • @FANCYTOON
    @FANCYTOON 5 หลายเดือนก่อน

    I like tutorial it for my games

  • @muratkakar
    @muratkakar 3 ปีที่แล้ว

    Dear Master, your education is so so good, i m not good my english but you realy easy learning to us. And i want to buy your udemy packed, i waiting udemy discont, its does some times. Ty for everthing :)

  • @gamezakutok
    @gamezakutok 2 ปีที่แล้ว

    Thank you so much! It's so understandable! The best tutorial! ❤

  • @Noctuary75
    @Noctuary75 4 ปีที่แล้ว +1

    Thank you - very helpful! Pls create more Spine tuts

    • @ThinkCitric
      @ThinkCitric  4 ปีที่แล้ว

      Thank you so much! Yes, I have a few ideas for new Spine tutorials. Just hope to find some time to create them soon! :)

  • @sugar_pill_xx
    @sugar_pill_xx 4 ปีที่แล้ว +3

    Amazing tutorial this helped so much~~~

    • @ThinkCitric
      @ThinkCitric  4 ปีที่แล้ว

      Thank you, I'm glad to hear that! :)

  • @a1be31s8x9
    @a1be31s8x9 2 ปีที่แล้ว

    Thank you!

  • @melisaozcan7403
    @melisaozcan7403 8 หลายเดือนก่อน

    i didn't understand the reason why you added the orange lines on the hair, arms and legs but not on the eye,mouth parts. What is the reason?
    Also thank you for the video, your explanation style is very clear :)

  • @atanako8655
    @atanako8655 ปีที่แล้ว

    thanks. awesome video.

  • @bojacksworldwideweb
    @bojacksworldwideweb 2 ปีที่แล้ว

    Lol this lady with an accent is smart as well as funny!!
    btw holarius charcater !!

  • @queen3333___
    @queen3333___ 3 ปีที่แล้ว +6

    I am 10 years old and I want to make stuff like this... One of the games I play is called meow playground created with spine, and I wish to create a spine game someday.

    • @ThinkCitric
      @ThinkCitric  3 ปีที่แล้ว +1

      Best of luck to you Aubrey! I hope to play your game someday!

    • @queen3333___
      @queen3333___ 3 ปีที่แล้ว +3

      @@ThinkCitric Really? You will? :O
      I'll send a link to my game when its finished :D
      Thanks!!!

  • @valeriandenis4933
    @valeriandenis4933 2 ปีที่แล้ว

    Thanks for this nice tutorial :)

  • @이수연-p1f9n
    @이수연-p1f9n ปีที่แล้ว +5

    0:00~8:35 Adding mesh to Image
    8:36~14:05 Rigging
    14:06 ~ Weight

  • @cellk6861
    @cellk6861 2 ปีที่แล้ว

    thank youu ❤️

  • @munishanimates
    @munishanimates 2 ปีที่แล้ว

    very helpful

  • @yuanyupers8982
    @yuanyupers8982 ปีที่แล้ว +2

    pressing control does not do anything i think the software has been updated to where its a different button and now im stuck

  • @brucelee7782
    @brucelee7782 ปีที่แล้ว +1

    is there a free alternative because it's too expensive!

  • @kevensmith7913
    @kevensmith7913 3 ปีที่แล้ว

    Thank you so much!!!!

  • @ayyanrizwan5951
    @ayyanrizwan5951 3 ปีที่แล้ว

    you are really really amazing

  • @lizamay3703
    @lizamay3703 3 ปีที่แล้ว +1

    Looks like it is important to make points on shape symmetrically so on left and right you have same amount of points ?? {Like on 3D mesh} Actually it is a question not a statement but just want to make sure my thinking is logical. When you made center line and you start connecting across points i noticed that somehow you have same amount of points on left and right side. So when you create all points around the shape you are already calculating how place those points and how many ? You do not go around just click click click click click click click click ??

  • @jonghocook1171
    @jonghocook1171 3 ปีที่แล้ว

    Thank you for the tutorial :D

  • @Patallogus666
    @Patallogus666 4 ปีที่แล้ว

    Очень классно!!! Благодарю мадам! =))))

  • @darkcult99
    @darkcult99 2 ปีที่แล้ว

    👍👍👍

  • @ParadEza
    @ParadEza 6 หลายเดือนก่อน

    Thank you for your perfect tutorials , Can you please teach me how and where to put Ik in horse character? I need it immediately

  •  3 ปีที่แล้ว

    Damn... You have take more time to do this animation with this app than if you make it yourself by hand !

  • @metaphysgaming7406
    @metaphysgaming7406 2 ปีที่แล้ว

    need more tutorial

  • @davidagiel8130
    @davidagiel8130 8 หลายเดือนก่อน

    Is there an iPad app with the same bones and rigging?

  • @aleksander_bono
    @aleksander_bono ปีที่แล้ว

    Thanks much! Where can I find this project PSD ?

  • @redsoulheart5040
    @redsoulheart5040 11 หลายเดือนก่อน

    When ever i click on the mesh its not bringing up the weights tab. can somebody help?

  • @Krolik89
    @Krolik89 ปีที่แล้ว

    Is this tutorial still up to date and works with new spine version?

  • @SarahBeckC
    @SarahBeckC 2 ปีที่แล้ว

    Is the character available somewhere so we can follow along?

  • @A_burger1720
    @A_burger1720 ปีที่แล้ว

    hello. I seem to having a problem when using ctrl. I can't select the image when i'm holding ctrl when doing bones

  • @deadassmemes1776
    @deadassmemes1776 4 ปีที่แล้ว

    Really amazing but I was wondering if I could create a mesh without the pro version?

    • @ThinkCitric
      @ThinkCitric  4 ปีที่แล้ว

      Unfortunately, no. Meshes are one of the Pro version features, and they are not available in Essential. Well, there's also a Trial version if you want to try it out, but you can't save or export your project there.

    • @deadassmemes1776
      @deadassmemes1776 4 ปีที่แล้ว

      @@ThinkCitric Yes I'm really dissapointed to hear this I really thought this is important to be able to make your character look more alive I might switch back to live2D thank you for replying!

  • @sandeshsatpute3797
    @sandeshsatpute3797 2 ปีที่แล้ว

    can you please tell me from where i can get this character for practice

  • @hathien3612
    @hathien3612 9 หลายเดือนก่อน

    15:30, why i dont have pink point

  • @gargantuan6241
    @gargantuan6241 3 ปีที่แล้ว

    Is there better software that lets you do this faster?

  • @BrendonReimer
    @BrendonReimer ปีที่แล้ว

    there is no mesh option when I click on the image file.

  • @darrylblake9680
    @darrylblake9680 3 ปีที่แล้ว +1

    "I know it sounds complicated now" - Me attempting to create bones for my 25th time.
    For the example when you bind the two bones to the arm mesh. The parent bone when I attempt to move it, the child doesn't move with it. Why is that?

    • @darrylblake9680
      @darrylblake9680 2 ปีที่แล้ว +6

      5 months later I come back to this to try and make sense of it And guess what? My child bones still don't move when I move the parent bone. - Update: I had the Bone option "locked". For anyone who has the same issue as me.

  • @profiAcc
    @profiAcc 4 ปีที่แล้ว

    how big should the illustration be if I'm making a mobile game? the character should cover almost the full screen. thanks!

  • @patelvraj1362
    @patelvraj1362 2 ปีที่แล้ว

    Did this method works on jeson files because it is not showing mesh button to me

  • @SatoKazuya
    @SatoKazuya 3 ปีที่แล้ว

    where can we download the example file so we can follow?

  • @elizabethmartin9273
    @elizabethmartin9273 2 ปีที่แล้ว

    Do you know where to get the program? I’m struggling to find it 😅

  • @fullystacked2297
    @fullystacked2297 ปีที่แล้ว

    15:09 bending area affected

  • @minderleister9255
    @minderleister9255 ปีที่แล้ว

    Bones wont bind to the created mesh and alwasy flips the layer. Im losing my mind. Anyone lese got this problem?

  • @Mockingartjay
    @Mockingartjay ปีที่แล้ว

    How did you unhide those meshes? 6:33

  • @CodeSly
    @CodeSly 4 ปีที่แล้ว +1

    I can't create or even see a mesh? Like I click the image the same way but there is no option to create a mesh? Do I need to download or am I missing something?

    • @CodeSly
      @CodeSly 4 ปีที่แล้ว

      I'm also having problems rigging bones to specific layers, what do I do?

    • @ThinkCitric
      @ThinkCitric  4 ปีที่แล้ว

      @@CodeSly Which version of Spine are you using? Is it Essential or Pro? Please keep in mind that meshes are available in Pro and Trial versions only.

    • @CodeSly
      @CodeSly 4 ปีที่แล้ว

      @@ThinkCitric Seems I only have the essential version... Does that mean I can't properly use the bone tool because every tutorial I see uses the mesh tool when rigging and I can't seem to get the bones working properly

    • @ThinkCitric
      @ThinkCitric  4 ปีที่แล้ว

      ​@@CodeSly you can use the bones with the essential version too. What you need to do, however, is to use only one bone per image. Linking two or more bones to an image will not have any effect in Essential version. Slice your character images into more images, if necessary.
      BTW, we have a Udemy course focused on Spine Essential, it has 3 hours of video content and covers everything you need to get confident about character animation in Spine. Here it is:
      www.udemy.com/course/learn-2d-character-animation-for-games-in-spine-essential/?referralCode=828AEA929E30837D1F4F
      Hope it helps! :)

    • @mistafisha
      @mistafisha 3 ปีที่แล้ว

      I am using Spine 4 and I do not see how you made a mesh for an image. There is no Option. This is totally holding me back. Please help.

  • @Chris_M_Romero
    @Chris_M_Romero 3 ปีที่แล้ว

    When you say the "left key", do you mean the left arrow key, or the mouse left key?

  • @update7302
    @update7302 2 ปีที่แล้ว

    I need spine creak please give me link

  • @parasgupta6939
    @parasgupta6939 3 ปีที่แล้ว

    can u provide the art ?
    it will be helpful

  • @WyMustIGo
    @WyMustIGo 5 หลายเดือนก่อน

    Why not just not use spine and do the same exact thing in Blender for free?

  • @SatoKazuya
    @SatoKazuya 4 ปีที่แล้ว

    Can you provide the project file?

  • @saputerbang5266
    @saputerbang5266 5 หลายเดือนก่อน

    look like moho animation

  • @PristineTangerine
    @PristineTangerine 3 ปีที่แล้ว

    what's a "left key"?

  • @chandreshpandya844
    @chandreshpandya844 2 ปีที่แล้ว

    hindi voice video you can

  • @TW-rd5ub
    @TW-rd5ub 3 ปีที่แล้ว

    Just tried it and none of the child bones will rotate with the parent bones.

    • @ThinkCitric
      @ThinkCitric  3 ปีที่แล้ว

      It might be that you have the bones compensation turned on, it does exactly that. To fix that, you just need to make sure the "Bones" button in the toolbar below is not blue. Here's more about it: en.esotericsoftware.com/spine-tools#Compensation

  • @creativegalaxy4083
    @creativegalaxy4083 2 ปีที่แล้ว

    plz show me a flag animation in easy way

  • @cathat3465
    @cathat3465 5 ปีที่แล้ว

    wololo

  • @robbie7726
    @robbie7726 4 ปีที่แล้ว

    Hi, what app do you use to draw the characters before exporting to Spine?

    • @ThinkCitric
      @ThinkCitric  4 ปีที่แล้ว +2

      Hi, I personally like using Photoshop. But Spine is also compatible with After Effects, GIMP, Illustrator and Inkscape.

  • @levitabusman
    @levitabusman 19 วันที่ผ่านมา

    Why is this software so unnecasirly tedious just use character animator its so much easier

  • @misselnora
    @misselnora 3 ปีที่แล้ว

    "holding the left key".... left key?

  • @jumpinjax2086
    @jumpinjax2086 2 หลายเดือนก่อน

    Is this frr

  • @orkun441
    @orkun441 5 ปีที่แล้ว

    can i use spine for free

    • @ThinkCitric
      @ThinkCitric  5 ปีที่แล้ว +1

      There's a trial version that you can download for free, but you won't be able to save or export your project.

    • @orkun441
      @orkun441 5 ปีที่แล้ว

      @@ThinkCitric its too expensive for a student like me

    • @milionST
      @milionST 4 ปีที่แล้ว +1

      @@orkun441 use Dragonbones. It is a free program that has, more or less, the same tools as Spine. Personally i prefer Spine, but Dbones is an amazing free alternative.

    • @orkun441
      @orkun441 4 ปีที่แล้ว

      @@milionST yes im using dragonbones right now 👍🏻

    • @bluethumbbuttoneek9465
      @bluethumbbuttoneek9465 4 ปีที่แล้ว +2

      Be a pirate

  • @TYNTD
    @TYNTD 3 ปีที่แล้ว +11

    What? She just jumps in idk what any of this stuff is? tutorial for beginners mean people who are beginning. Not people who already know.

  • @noctuaescopum
    @noctuaescopum ปีที่แล้ว

    lmao girl you skipped a giant step in the beginning... a tutorial for people who already know some of the basics not for beginners

  • @fugosfork7907
    @fugosfork7907 ปีที่แล้ว

    I just want to be able to turn the image into multiple layers like you... i dont have photoshop

  • @PatPatych
    @PatPatych ปีที่แล้ว +1

    > "Make sure to create as few vertices as possible"
    > Literally creates, like, a hundred verts for the hat portion
    niggа what

  • @pinkhairblackman8141
    @pinkhairblackman8141 ปีที่แล้ว

    15:09 bending area affected