Sprite animation Tutorial: Bitmaps, Sprites and Symbols

Поділитися
Вставка
  • Опубліковано 28 жов 2024

КОМЕНТАРІ • 131

  • @James179
    @James179  4 роки тому +36

    As i said i would do for my 2000 subscriber goal i have begun this series, expect new episodes every Thursday for now

    • @nmk1ng
      @nmk1ng 3 роки тому

      @Ayaan’s random Games the software/program he used?

    • @CreeperG3
      @CreeperG3 3 роки тому

      @Ayaan’s random Games adobe animate

    • @CSS-MarioSonicGaming
      @CSS-MarioSonicGaming 6 місяців тому

      nice

    • @MedkidaShorts
      @MedkidaShorts 4 місяці тому

      i have adobe flash cc 2015 and theres no diffrence

    • @hugywuggyfan8570
      @hugywuggyfan8570 2 місяці тому

      What is the ap

  • @Sammio-Bros
    @Sammio-Bros 4 місяці тому +3

    So everyone is having this big problem where they can't move the sprites like in all the animations seen in one of the FLAs. It's actually quite simple. First, get a sprite sheet. (I highly recommend making a smaller sprite sheet by taking one of the sprites and cropping the image to it.) Next, convert it into a bitmap (Modify -> Bitmap -> Convert Bitmap, then set the settings to what is shown in 2:56.) and then convert it to symbol. (Modify -> Convert to Symbol...) and set it to graphic. Double click while the symbol is selected. Now you are in the editor for it. Move each sprite into the middle by moving the entire thing in each keyframe you make. After you're done, remove all the sprites around each keyframe (use first sprite for reference on where the middle is by seeing the sprite at the end). Then, double click to exit. Now, here's this: The longer the keyframe, the more sprites you see. Alright, that's my tutorial out of text. If you want a more visual example, just go to LucasRPDJ's sprite animation tutorial. It all starts at 17:11 in that video!
    Tell me if this helped.

  • @MacesMations
    @MacesMations 7 місяців тому

    Thanks I had some problems before I found this, still helpful 4 years later.

  • @AGGSab
    @AGGSab Рік тому +33

    Why didn’t you show how to actually animate the sprite. You showed everything perfectly then just said “here’s this spirit set that I already got to be animated now see as it moves and I move it around.” While I’m still sitting here with idle sonic sliding across the ground

    • @UnSwe3t
      @UnSwe3t Рік тому +7

      I'M HAVING THE SAME PROBLEM!?!?!?! If you've solved your problem please notifiy me.

    • @TinPanMan_REAL
      @TinPanMan_REAL Рік тому +2

      It appears he has used a moving sprite GIF or somehow someway moved the frame set

    • @Breadisliced
      @Breadisliced 8 місяців тому

      Well pretty easy use fucking onion skin

    • @killerbean4328
      @killerbean4328 8 місяців тому +1

      Word

    • @ZephyrYTOFFICIAL5464
      @ZephyrYTOFFICIAL5464 2 місяці тому +1

      @@killerbean4328word

  • @lenfixen_4126
    @lenfixen_4126 3 роки тому +8

    we need more people like you thanks this was big help

  • @panagiotiskladogenis1142
    @panagiotiskladogenis1142 3 роки тому +7

    Really good but when you are making a tutorial for complete beginners you have to explain things that you wouls assume to be logical. Like what to do if we want to drag sonic across the canvas (4:25) i had to play it in .25 speed to figure out what you did!

  • @Laiker_2003
    @Laiker_2003 4 роки тому +9

    this good guy is what I was looking for what program do I need to make the animations friend a I'm a new sub

    • @M_ZS19
      @M_ZS19 3 роки тому

      Adobe Animate CC. 20.00&/mo

  • @GottaBGlitches
    @GottaBGlitches 8 місяців тому +3

    I would try it, but I don't wanna pay for the subscription. Any other ways I can make animations?
    (I know there's a 7 day free trial, but I want something that I know I can still use after 7 days)

    • @Sonikku_Za_Hejjihoggu_1991
      @Sonikku_Za_Hejjihoggu_1991 7 місяців тому

      Just search "small flash cs4 test animation", go to the description, then get the download link from there.

  • @Gumpy6370
    @Gumpy6370 3 роки тому +7

    How do you make sprite libraries?

  • @frodunoanimations
    @frodunoanimations 10 місяців тому +1

    thanks james

  • @sqwshsqwsqws
    @sqwshsqwsqws 3 роки тому +3

    Ok, I have such a big problem, I say I want like a sonic sprite from the spriters resource and there is like a pink outline around the sprite when I try using the bitmap my you please help me?

  • @bertCS
    @bertCS Рік тому +1

    when im trying to convert mine to a sprite sheet, it blurs, fix?

  • @jectronawn7512
    @jectronawn7512 3 роки тому +1

    so like move clip's could be used to make adobe less laggy when animating if there's alot of charters at once

  • @ihebselfdefense6863
    @ihebselfdefense6863 3 місяці тому +2

    Can give me link to download this program

  • @rthestar64
    @rthestar64 3 роки тому +1

    This is just good

  • @Corrupt01godmiai
    @Corrupt01godmiai Рік тому +1

    So should I use graphic or movieclip

  • @snorlax9965
    @snorlax9965 6 днів тому

    3:21 How do you remove the background cleanly? I used the selection tool and it still leaves a color around the character. Is there a shortcut or a key you are using?

  • @BIkiniBottomFinalShowdown
    @BIkiniBottomFinalShowdown 3 роки тому +1

    I have a question I really hope someone could help me out but everytime I try to import a sprite it'll bleed through to where all of the colors are just blurry and bleeding through I hope someone could help me out

  • @undergroundriver809
    @undergroundriver809 3 роки тому +9

    How did you get all the sprites on the sprite sheet to move automatically?

  • @Mlkdoketchup
    @Mlkdoketchup 4 роки тому +4

    please give me the link of the adobe animate

  • @NicolasBC2014
    @NicolasBC2014 Рік тому +1

    2:32 I Can't Do That-

  • @NoahLeeNG
    @NoahLeeNG 3 роки тому +3

    could you send me a google drive folder with the moving sprite files?

  • @totodile4271
    @totodile4271 4 роки тому +3

    How do you create moving clips

  • @RealValo
    @RealValo 12 днів тому

    What animating software is this?

  • @donkeycheese8098
    @donkeycheese8098 4 роки тому +2

    I can draw good on paper but not with a mouse,this should help out alot

  • @bert5254
    @bert5254 4 роки тому +4

    Can i have the Sonic 3.fla

  • @slapz6196
    @slapz6196 3 роки тому +1

    How exactly did you get the jog animation in one Key frame? I'm new to adobe animate

    • @someone_does_stuff
      @someone_does_stuff 3 роки тому +2

      I haven't watched the full thing, but it's a symbol I think.
      It's like a folder as an image, when you open it, it has the frames inside (the animation)

  • @b-patientart4651
    @b-patientart4651 Рік тому

    i got stuck at the part where you removed all the background colours

  • @ratagorda2651
    @ratagorda2651 3 роки тому

    thanks

  • @frostnora8451
    @frostnora8451 3 роки тому +4

    right click the layer that you put the sprites in and then click convert layer to symbol. and then save as asset boom a animation that you can use later.

    • @sqrxzs1655
      @sqrxzs1655 2 роки тому

      OMG thank you sooooo much. I've been wondering how they all do it😊

  • @Roknaymer
    @Roknaymer Місяць тому

    Whats the program?

  • @M_ZS19
    @M_ZS19 3 роки тому

    Im stuck at the part when you make your sprite do the graphic thing my modgen sonic sprite wont go into its running animation

  • @hugywuggyfan8570
    @hugywuggyfan8570 2 місяці тому

    What is the program

  • @GameOnJackson103
    @GameOnJackson103 24 дні тому

    app?

  • @Roblo1938
    @Roblo1938 9 місяців тому

    THING DO U USE?!

  • @Sath16x
    @Sath16x 3 роки тому

    You make smooth animations for sonic 3 a.i.r?

  • @potato_gaming_yt3651
    @potato_gaming_yt3651 3 роки тому

    james what this app on your pc

  • @firethehegehog5850
    @firethehegehog5850 2 роки тому

    James 179 how do you delete the extra stuff on your Sprite

  • @tomasuniverse620
    @tomasuniverse620 7 місяців тому +2

    How does your image move, can anyone answer?

  • @TDplayerok
    @TDplayerok Рік тому

    What Program Do You Use To Make Sprite Animations?

    • @babajei
      @babajei Рік тому +1

      the program he uses is adobe animate

  • @thetalentlessanimator1513
    @thetalentlessanimator1513 4 роки тому +9

    how do you make the animations move at 5:10? I want to make sprite animations but idk how, please answer!

    • @_skwop_2755
      @_skwop_2755 3 роки тому

      Watch Doujin Pixations videos , they are more precise about sprites. But for the jump animation , look at his video. Hope it helps.

    • @M_ZS19
      @M_ZS19 3 роки тому

      @@_skwop_2755 Does Doujin Pixations video's use the same software?

    • @_skwop_2755
      @_skwop_2755 3 роки тому +2

      @@M_ZS19 No , it's on an old software , but it's almost the same process. You can trust me , I used to make an animation on Adobe Animate 2020 using Doujin Pixation videos technique. If sometimes things doesen't work , make sure you did just like the youtuber. Hope it helped. But like I said , for tutorials like jumping and sonic going in a cave so we can see it behind the cave for example , it's better to use james video.

    • @M_ZS19
      @M_ZS19 3 роки тому +1

      @@_skwop_2755 Alr thanks

    • @M_ZS19
      @M_ZS19 3 роки тому

      @@_skwop_2755 also one more thing, do I have to make it first like use all of the animations for the running or any other sprite anim?

  • @Hbwcatf1ghts
    @Hbwcatf1ghts 3 роки тому +1

    This didn’t really help because I have a sprite sheet where Sonic doesn’t move

  • @zupeerzanimates6571
    @zupeerzanimates6571 3 роки тому

    My sprites become very bad quality in Adobe animate plz help

  • @hugywuggyfan8570
    @hugywuggyfan8570 2 місяці тому

    What ap is that

  • @poofamong6273
    @poofamong6273 2 роки тому

    Bro this video is good but whenever i remove a background from a character theres still a weird outline how do i fix this

    • @imhimloki
      @imhimloki Рік тому

      i have the same problem did u find a fix?

  • @cerealaphid5389
    @cerealaphid5389 Рік тому +1

    App name

  • @pou8623
    @pou8623 7 місяців тому

    whatifidonthavemoneyforadobeanimate

  • @KingPhyll
    @KingPhyll 7 місяців тому

    what is that website

  • @flaviasimonesantos
    @flaviasimonesantos Рік тому

    how did you get a part of the image?

  • @Mega6468
    @Mega6468 3 роки тому +1

    what do you use

    • @ZephyrYTOFFICIAL5464
      @ZephyrYTOFFICIAL5464 2 місяці тому +1

      Adobe Animate. You sadly need to pay for any or all of the softwares :(

    • @Mega6468
      @Mega6468 2 місяці тому +1

      @@ZephyrYTOFFICIAL5464 piracy is always an option

    • @ZephyrYTOFFICIAL5464
      @ZephyrYTOFFICIAL5464 2 місяці тому +1

      @@Mega6468 Nahh what? 😭😭😭

  • @AltiTheController
    @AltiTheController 4 роки тому +2

    Does Someone Know How To Fix This? Like I Did All The Settings For The Trace Bitmap, But It Is Not High Quality & Not in The Pixels I want It To Be!!

    • @M_ZS19
      @M_ZS19 3 роки тому

      same

    • @M_ZS19
      @M_ZS19 3 роки тому

      Ok i fixed it

    • @M_ZS19
      @M_ZS19 3 роки тому +1

      When you go on spriters resource click on a sprite sheet make sure you click twice so u go full screen then get out the snipping tool carve the sprite then go in AN then right clcik paste to center blah blah ok when you do all of that go to Modify hover over bitmap, then it should say trace bitmap have your settings just like james

  • @M_ZS19
    @M_ZS19 3 роки тому +2

    Feee version?

    • @sirincompetent758
      @sirincompetent758 3 роки тому

      Adobe Animate is a paid program. I believe there are free trials, but after that it's a monthly or yearly subscription. There ARE freeware alternatives, but they might not have some features that Animate has.

    • @M_ZS19
      @M_ZS19 3 роки тому +1

      @@sirincompetent758 damn. Do you know any like free no trial ones?

    • @sirincompetent758
      @sirincompetent758 3 роки тому

      @@M_ZS19 Pencil2D is a good one, however it is very limited and basic, and doesn't support tweening. If you want a freeware alternative to Adobe Animate, I highly suggest Krita. Krita is basically Adobe Animate but free, and even supports tweening!

    • @M_ZS19
      @M_ZS19 3 роки тому

      @@sirincompetent758 nice also can I do sprites on there to?

    • @sirincompetent758
      @sirincompetent758 3 роки тому

      @@M_ZS19 I have no idea, I never used it. I just looked at what other people had to say about it. You can try if it works, though.

  • @cosmicsoldier488
    @cosmicsoldier488 2 роки тому

    Then what's the app name

  • @zzzynak
    @zzzynak 4 роки тому

    what are u using

  • @Tenrag.The.Katt.Official
    @Tenrag.The.Katt.Official Рік тому +1

    Id like a tut for mobile

  • @re4per00
    @re4per00 3 роки тому

    Why do you sound so much like Mumbo jumbo

  • @danielalexandervalencia1978
    @danielalexandervalencia1978 3 роки тому

    gracias, me ayudó

  • @coreyclark20
    @coreyclark20 Рік тому

    Bro can any one yelp with answering some of my question I'm animating a spirte movie for my youtube

  • @mikaelmonteiro6189
    @mikaelmonteiro6189 3 роки тому

    what is .fla

  • @Rey-boo
    @Rey-boo 5 місяців тому

    People of flipaclip:☠☠☠

  • @juanignaciojauregui9381
    @juanignaciojauregui9381 2 роки тому

    plis 4:39 sprites link

    • @ZephyrYTOFFICIAL5464
      @ZephyrYTOFFICIAL5464 2 місяці тому +1

      idk how to get sprite library but you can either copy paste a sprite from a sprite sheet or make a sprite pack

    • @juanignaciojauregui9381
      @juanignaciojauregui9381 2 місяці тому +1

      @@ZephyrYTOFFICIAL5464 bro i commented that 2 years ago 💀 (but ok)

  • @SonicCoolGamer
    @SonicCoolGamer 3 місяці тому +1

    What is this Call?

  • @deezburr
    @deezburr 3 роки тому +2

    when i use snipping tool and trace bitmap its still blurry

    • @polartic9961
      @polartic9961 3 роки тому

      X

    • @deezburr
      @deezburr 3 роки тому

      @@polartic9961 X

    • @polartic9961
      @polartic9961 3 роки тому

      @@deezburr Oh XD

    • @M_ZS19
      @M_ZS19 3 роки тому

      Tell me what your doing, because everytime i trace bitmap it isnt blurry. Make sure you follow all the steps

    • @laughdisable5397
      @laughdisable5397 3 роки тому

      Trace bitmap and then play around with it and find what you like the most, worked for me!

  • @Moaaz_Bruh
    @Moaaz_Bruh 3 роки тому

    app?