Shop Mobile More Submit  Join Login
:Simple Bobbing Tutorial: by PrePAWSterous :Simple Bobbing Tutorial: by PrePAWSterous
A lot requested me to make a tutorial about animating, but I'm afraid I cannot do that since it will take a lot of time. So I decided making a tutorial on a 2-frame animation popularly known as the bobbing/bouncing anim.
This is my first tutorial so I hope you guys will like it :D
Feel free to ask me "valid" questions about this.
----
Darn! This won't be accepted in the tutorials category ;u;
Add a Comment:
 
:iconqueenwolfiey:
Queenwolfiey Featured By Owner Mar 21, 2015  Hobbyist Digital Artist
BEST TUTORIAL EVER
Reply
:icondaughterofmaat:
DaughterOfMaat Featured By Owner Feb 21, 2015
Thanks for this...:D
Reply
:iconisquaredd:
iSquaredd Featured By Owner Feb 20, 2015  Hobbyist Digital Artist
I just wanted to make it aware for everyone, GIMP can be used to animate things. Do the same steps shown here, but when it comes to animateing, do it in GIMP, export as a GIF.  Mark the box that says as animation, and but 200 in the box with the number. ♥
Reply
:iconarcobalenovixenarte:
ArcobalenoVixenArte Featured By Owner Dec 6, 2014  Student Digital Artist
i don't have photoshop...
Reply
:iconmoonfur323:
Moonfur323 Featured By Owner Dec 11, 2014  Student General Artist
Well, neither do I, but I think apps.pixlr.com/editor/ might be able to do the same stuff as Photoshop... Plus, it's free! Also, ezimba.com/index-ln.html has an animation tool under "Mix"- the 'Frame Animation' tool. So, you might be able to do this without buying or downloading anything! ^^ Hope I helped!
Reply
:iconthespazztasticpony:
TheSpazztasticPony Featured By Owner Jul 29, 2014  Hobbyist General Artist
Wow, I thought doing something like bobbing would be a very complex process, but this is great! Thank you <3 I will use this someday!
Reply
:iconsparklepop23:
sparklepop23 Featured By Owner Jun 15, 2014  Hobbyist General Artist
I'm pretty sure gimp has that option.. or an online animating site, possibly? But nice tutorial ^^
Reply
:iconchigbi:
chigbi Featured By Owner Jun 6, 2014  Student Digital Artist
Supeeeer dupeer cute
Reply
:iconvioletlightning244:
VioletLightning244 Featured By Owner Apr 27, 2014
is cute!!!!!!!!!!!!!!!!!!!!!!!!!!
thx for the tutorial!
Reply
:iconokamilota:
okamilota Featured By Owner Nov 16, 2013  Hobbyist Traditional Artist
I have a question.
What size(pixels) is that chibi drawing ?
Reply
:iconkatrinathekitty:
katrinathekitty Featured By Owner Nov 10, 2013  Student Digital Artist
A'wwwww your cat is so cuteeeeeeneeeeessssssssssssssssss :D

Reply
:iconhilups:
Hilups Featured By Owner Nov 3, 2013  Hobbyist Digital Artist
Useful! Will try!
Reply
:iconion-simon:
Ion-Simon Featured By Owner Sep 1, 2013  Student Traditional Artist
Thankyou for this tutorial! :D
Reply
:iconaylitales:
AyliTales Featured By Owner Jun 27, 2013  Hobbyist Digital Artist
thankyou
Reply
:iconfluffymonstrosity:
FluffyMonstrosity Featured By Owner Jun 19, 2013  Hobbyist Digital Artist
I tried to use this tutorial and followed every step. But for some reason when I submit it to dA it doesn't bounce.
I used photoshop Cs4 though.. is there a difference?
[link]
Reply
:iconprepawsterous:
PrePAWSterous Featured By Owner Jun 21, 2013  Hobbyist Digital Artist
did you save it as a "gif". Did you used "save for web and devices"?
Reply
:iconfluffymonstrosity:
FluffyMonstrosity Featured By Owner Jun 22, 2013  Hobbyist Digital Artist
oh i fixed it! thanks so much <3
Reply
:iconxneontabby:
xNeonTabby Featured By Owner Jun 2, 2013
It works on GIMP too!
Reply
:iconfoodly:
foodly Featured By Owner Jun 9, 2013
Can you tell me how? I've been trying to figure out bobbing animations but it never works...
Reply
:iconxneontabby:
xNeonTabby Featured By Owner Jun 9, 2013
[link] Here is a better tutorial from me
Reply
:iconfoodly:
foodly Featured By Owner Jun 9, 2013
Ok, cool, thanks! ^^
Reply
:iconxneontabby:
xNeonTabby Featured By Owner Jun 9, 2013
draw a pic---> Right mouse click---> new layer---> transparency 70% ---> draw on the new layer the next pic---> transparency 100% and then repeat those steps.

Save the animation as .gif not as .png or .bmp

I will do a tutorial!
Reply
:iconfoodly:
foodly Featured By Owner Jun 9, 2013
Do you know how to do that with a transparent background? (sorry)
Reply
:iconxneontabby:
xNeonTabby Featured By Owner Jun 9, 2013
uhhm yes if you make a new layer with right mouse click then there should come a button. Click on transparency and then on ok.
Reply
:iconfoodly:
foodly Featured By Owner Jun 9, 2013
Thanks ^^
Reply
:icongoldensparkles:
GoldenSparkles Featured By Owner May 27, 2013  Student Digital Artist
Would it work for macs?
Reply
:iconprepawsterous:
PrePAWSterous Featured By Owner May 27, 2013  Hobbyist Digital Artist
1rdk
Reply
:icongoldensparkles:
GoldenSparkles Featured By Owner May 27, 2013  Student Digital Artist
wut?
Reply
:iconprepawsterous:
PrePAWSterous Featured By Owner May 27, 2013  Hobbyist Digital Artist
I don't know
Reply
:icongoldensparkles:
GoldenSparkles Featured By Owner May 27, 2013  Student Digital Artist
Oh okay
Reply
:iconamylovespenguins:
AmyLovesPenguins Featured By Owner Aug 22, 2013  Student Digital Artist
It does, you can download Paint Tool Sai for Mac. And if you don't have Photoshop you can use an online gif maker.
Reply
:icongoldensparkles:
GoldenSparkles Featured By Owner Aug 25, 2013  Student Digital Artist
ok thnx
Reply
:iconamylovespenguins:
AmyLovesPenguins Featured By Owner Aug 25, 2013  Student Digital Artist
No problem 
Reply
:iconrena-butt:
Rena-Butt Featured By Owner May 20, 2013
do you know if it will work with photo elements
Reply
:iconprepawsterous:
PrePAWSterous Featured By Owner May 21, 2013  Hobbyist Digital Artist
Sorry but I don't know ;u;
Reply
:iconrena-butt:
Rena-Butt Featured By Owner May 21, 2013
ok ill have to experiment ;w;
Reply
:iconamylovespenguins:
AmyLovesPenguins Featured By Owner May 5, 2013  Student Digital Artist
Amazing tutorial :)

[link]
Reply
:iconprepawsterous:
PrePAWSterous Featured By Owner May 5, 2013  Hobbyist Digital Artist
Aww Thanks :D
Reply
:iconamylovespenguins:
AmyLovesPenguins Featured By Owner May 5, 2013  Student Digital Artist
Could you by any chance make more tutorials? The way you explain things makes it easy to understand.
Reply
:iconprepawsterous:
PrePAWSterous Featured By Owner May 5, 2013  Hobbyist Digital Artist
probably next timee :D
Reply
:iconamylovespenguins:
AmyLovesPenguins Featured By Owner May 5, 2013  Student Digital Artist
Ok :)
Reply
:iconsparrowwrightheart:
SparrowWrightheart Featured By Owner Apr 30, 2013  Hobbyist General Artist
Thank you. :D [link]
I'd have never figured it out without this. ^^
Reply
:iconprepawsterous:
PrePAWSterous Featured By Owner Apr 30, 2013  Hobbyist Digital Artist
Glad it helped it you :D
Reply
:iconsparrowwrightheart:
SparrowWrightheart Featured By Owner Apr 30, 2013  Hobbyist General Artist
Thank you thank you thank you. :D I'm going to go try this right now.
Reply
:iconcatppuccinos:
catppuccinos Featured By Owner Apr 24, 2013
I really want to try this, but I don't have photoshop. :c Is there any other program I can use?
Reply
:iconprepawsterous:
PrePAWSterous Featured By Owner Apr 24, 2013  Hobbyist Digital Artist
you can use a website that can make gifs :D
Reply
:iconcatppuccinos:
catppuccinos Featured By Owner Apr 24, 2013
Okay. I think I'll try it soon. Thanks! c:
Reply
:iconprepawsterous:
PrePAWSterous Featured By Owner Apr 24, 2013  Hobbyist Digital Artist
Np :D
Reply
:iconsept-creature:
Sept-creature Featured By Owner Apr 24, 2013  Hobbyist General Artist
Hey, I have a question,
How do you make the animation loop and do you export the animation from photoshop or do you do it another way? Ugh, I'm horrible at this stuff ><
Reply
:iconprepawsterous:
PrePAWSterous Featured By Owner Apr 24, 2013  Hobbyist Digital Artist
In photoshop, you could actually have an option to make it loop :D
Reply
Add a Comment:
 
×
Download GIF 700 × 4000




Details

Submitted on
April 10, 2013
Image Size
517 KB
Resolution
700×4000
Link
Thumb
Embed

Stats

Views
3,732
Favourites
392 (who?)
Comments
115
Downloads
36
×