GIF ANIMATION TUTORIAL

in #art7 years ago (edited)

today, I'm gonna share with you a gif animation tutorial.

I put my OC "THE ALBULARYO" (witch doctor or a medicine man) against a monster pig into action.

first, I did a traditional animation. I draw the key drawings and then IB (in between) it.
maybe I'll do a separate tutorial for that in the future.











after that, I scanned it and open it in photoshop. btw I'm using the old version of photoshop. I'm still using CS3 haha
but the process is still the same in the latest version.

next, I put them all together in order into a single file by dragging one by one to the master file which is the key drawing number one.
the key drawing number one should be at the bottom layer.

now everything is set, I go to WINDOW and choose ANIMATION

animation timeline will appear then click the CONVERT TO FRAME ANIMATION. the one with the arrow

this should appear.

I click the little inverted triangle and choose MAKE FRAMES FROM LAYERS

and it will make frames from layers. yey!

at the far right, I select looping option to FOREVER by clicking that inverted triangle again.

next thing I did, I click frame one then hold shift, and click frame five. then I set the timing of the first five frames to 0.1 second delay that'll slow down the movement a little bit

and I did the same for the last five frames starting from frame seven.

and then I test played it to see if everything is all good

looking good so far...... then I thought I should add some shaking effects so that it would look and feel like he really gives that fat bastard a heavy hit. what I did was just click the frame I wanted to adjust which is the last frames because that's where the shaking effects happen.
I use the MOVE TOOL in photoshop to move the frames either upward or downward. so I started moving frame seven down by hitting the down arrow key 7x, the same for frame eight up 7x, nine down 7x, ten up 7x and so on...

and here's the result

and finally, saving it to GIF file. go to file> save web and devices or Alt+Shift+Ctrl+S

a window will appear, choose GIF 64 no dither and save it.

and we're done. yey!

so, there. thanks for stopping by. hope you like it even though I use the old PhotoShop CS3. lol
have a great day ahead. :)
#philippines

Sort:  

What a amazing post I put this in my favorite blog. I love anime. Really like

oh, thank you @jennifer.jimenez. glad you like it. I love anime too. you should see the anime short in youtube where I got my inspiration. go search for anime expo. the robot traveler was fun. :)

It's things like this that make me very sad I have zero talent to draw.

aww.. don't be sad. you can learn how to draw if really you want to. there's a lot of free video tutorials online especially on youtube, you can learn from there. don't lose hope. :)

Outstanding work .
You are really very talented.

:-)

That's so awesome! Looks very professional

thank you @wix. glad you like it :)

wow... great tutorial !!! and such marvellous drawing skills !!
respect man

This is amazing Sir! I love your work!

Your post has been upvoted and resteemed by the @bayanihan curation group.

wow, thank you so much! this is big for me. thanks a million times. :D

Congratulations @ritzzard! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

you are so damn creative dude, maybe we have to do an art collaboration some day haha XD

thanks. I'm cool with the art collab :)

let's join our new community on discord
we are looking for a creators and artist ^^
here is it : https://discord.gg/YRrTRc

ok, I'll check it out. thanks :)