HOME | DD

#animated #animation #background #bg #draw #game #gif #guide #infinite #make #pixel #pixel_art #scroll #scrolling #tutorial #video #how
Published: 2016-09-15 16:41:30 +0000 UTC; Views: 12651; Favourites: 472; Downloads: 214
Redirect to original
Description
EDIT: eh, screw it, just view the full thing here: i.imgur.com/TVSALro.pngi love making these things and want to spread the joy so here's a quick thing to show you how I do it. I know a lot of people are intimidated by animation and don't want the hassle of learning a new program, so this also works as a quick and dirty summary of a lazy method you can use for simple animations.
obvs you can simplify this a bit if you're working with an actual animation program, but the basic scrolling method still applies
this assumes knowledge of things like layers and the magic wand tool, so if you don't know how to use those you might want to look up some other tutorials on DA first.
Related content
Comments: 28
Nyanganronpa [2018-02-17 20:40:44 +0000 UTC]
I don't know how I didn't find this earlier, but this is really helpful, thank you! <3
I love how it doesn't even need to be a complex background c:
I'm really garbage with backgrounds so this will do nicely!
👍: 0 ⏩: 1
SqdPxl In reply to Nyanganronpa [2018-02-17 20:56:19 +0000 UTC]
aw thank you, I'm glad you found it helpful! 8D
👍: 0 ⏩: 1
EnchantedOcelot [2017-09-12 03:19:26 +0000 UTC]
I just made one of these! Using a 500 wide image, I did 10 frames. What would be a good speed to make the gif for the fps?
👍: 0 ⏩: 1
SqdPxl In reply to EnchantedOcelot [2017-09-12 12:02:15 +0000 UTC]
I always do these at the default 100 ms speed c:
👍: 0 ⏩: 1
EnchantedOcelot In reply to SqdPxl [2017-09-13 02:56:20 +0000 UTC]
100 miliseconds? So you say its at 10000 frames per second? XD
👍: 0 ⏩: 1
SqdPxl In reply to EnchantedOcelot [2017-09-13 10:34:09 +0000 UTC]
I don't use any programs that gauge animation speed in terms of frames per second, so ¯\_(ツ)_/¯
👍: 0 ⏩: 0
AGuardianOfDreams [2017-03-31 07:33:04 +0000 UTC]
(you should also includes that this thing assumes you can use Sai ... )
👍: 0 ⏩: 0
animefairytail-freak [2017-01-24 20:35:23 +0000 UTC]
its too small to read :'c <-- *lost glasses*
👍: 0 ⏩: 1
SqdPxl In reply to animefairytail-freak [2017-01-24 21:15:29 +0000 UTC]
the full tutorial is here: i.imgur.com/TVSALro.png
👍: 0 ⏩: 1
Laerke-Bluesky [2016-10-13 15:29:45 +0000 UTC]
Yay I'm going to make one of these as soon as I've gotten som practice in making backgrounds XD
👍: 0 ⏩: 1
Laerke-Bluesky In reply to SqdPxl [2016-10-14 00:05:18 +0000 UTC]
I made one : laerke-bluesky.deviantart.com/… XD it turned out better than i thought it would.
👍: 0 ⏩: 1
SqdPxl In reply to Laerke-Bluesky [2016-10-14 01:59:45 +0000 UTC]
aaa that's lovely! 8D i like the colors. i'm glad my tutorial inspired you to make something cool
👍: 0 ⏩: 0
kwsapphire [2016-09-15 18:11:01 +0000 UTC]
Ah very cool, thanks for the tutorial! The act of animating it isn't as complicated as I thought it would be.
Of course, the actual creation of the background is still way out of my league, but this info is still good to have. ^_^
👍: 0 ⏩: 1
SqdPxl In reply to kwsapphire [2016-09-15 18:20:34 +0000 UTC]
ty ty! yeah, that's part of the reason why I wanted to make a tutorial - a lot of people seem to overestimate how hard animation is and don't even want to attempt it. like, of course the super advanced stuff is hard, but it's not like you're applying for a job at disney and there lots of of beginner level things that are easy to learn and add tons of flavor to your art.
(people also occasionally underestimate how hard animation is and ask me to animate like...full cartoon openings, but that's less common LOL)
👍: 0 ⏩: 0
lulltonull [2016-09-15 16:46:58 +0000 UTC]
the full view isn't much bigger than the preview...
👍: 0 ⏩: 2
SqdPxl In reply to lulltonull [2016-09-15 17:18:54 +0000 UTC]
okay getting it to work on DA was too much hassle so I just tossed it on imgur LOL i.imgur.com/TVSALro.png
👍: 0 ⏩: 0
SqdPxl In reply to lulltonull [2016-09-15 16:52:39 +0000 UTC]
yeah I screwed it up, fixing it in a sec
👍: 0 ⏩: 0