GIF ANIMATION TUTORIAL

in art •  7 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

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

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

  ·  7 years ago (edited)

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. :)

Seriously.

Outstanding work .
You are really very talented.

:-)

thank you @omar-hesham. :)

That's so awesome! Looks very professional

thank you @wix. glad you like it :)

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

thank you @wilku. :)

Smugboated.
Banner

thanks @smug-chan

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!

Wow amazing man!

thank you @asbonclz

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

  ·  7 years ago (edited)

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

I impressed, nice job ;)

thanks @yamanis

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

Award for the number of comments
Award for the number of comments 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!

Dude?! 11 pages?! That's some dedication. 😮😮😮 Astiiiig. Seriously awesome. Thanks for sharing. ✌️

  ·  7 years ago (edited)

:o OMG, fellow Filipino! sa wakas! lol
oo nga eh, tagal gawin. pero inspired ako nung araw na yan matapos kong mapanood yung anime expo sa youtube. hehe thanks @erangvee :) you have nice drawings btw

YES PO! Hahaha. Amazing talaga, idol! Marami pang other Pinoys dito, check out the #philippines tag. Baka ma-overwhelm pa kayo sa dami natin. 😊✌️

On that note, let me copy-paste what I usually say to new Filipino creators I come across here on steemit. I invite you to use the tag #philippines for posts written in English and #pilipinas for posts written in Filipino. 😊 You are free to use them anytime. It's part of an initiative to help Filipino and Philippines-based content creators obtain more rewards for their well-done posts. It's called the @bayanihan Curation Project. You can read more about it HERE. 😊

At tsaka salamat po huhu. Nahiya ako bigla sa drawings ko. 😂

noted! will deffo do. ( deffo: definitely. I just learned that yesterday from other steemian haha)
no, okay mga gawa mo, wag ka mahiya. keep it up!

Amazing tutorial.. You have a lot of talent

thank you @breathandmotion :)

I use the old PhotoShop CS3. lol

Do you think that is old? that reminded me this type of animations:

wewewqegiphy.gif

  ·  7 years ago (edited)

well, it's old compared to what most people are using now.
haha yeah, I did that too in my notebooks when I was in elementary.

Ba't naman niya sinapak ang baboy? 😄

hahaha. actually aswang yung baboy, eh diba nagshe-shape shift yung mga aswang. bali yung albularyo OC ko ay di lang manggagamot, tagapagligtas din sya. yun yung balak ko sanang gawin dati sa komiks ko kaso di kaya ng time. hehe

hehehe ganun pala, congrats sa big payout! You can make it a weekly comic series here in Steemit. Mga kontrabida niya sina Mang Kukulam at Ma'am Babarang 😄 .

naisip ko nga dati na gumawa ng comics online sa patreon kaso nga lang di ko mapagsasabay sa trabaho ko. kaya ayun. di ko na natuloy.
haha at yes, di lang aswang yung kalaban nya, pati mga mangkukulam din. may nagawa nako dating character designs kaso di ko maalala kung san ko nailagay.

whoah, this is freaking awesome! I hope you'll do more animations in the future!!

  ·  7 years ago (edited)

thanks for commenting. yes, I'm thinking of doing more, so stay tuned :)

Galing naman talaga. :)

  ·  7 years ago (edited)

salamat @zararina. follow ko kayo ha. bihira lang ako makakita ng mga pinoy dito eh. :)

Pinoy ka pala sir! Astig!

  ·  7 years ago (edited)

uy, @deveerei nice to you here! oo, ako yung nagtatanong sa inyo ni jas sa fb about this site. medyo nangangapa parin. hehe salamat

Woah astig :D Kaw pala yan Sir. It's a good thing nahanap ng colleague ko yung post mo. :) Congrats nga pala sa big vote.

oo nga, salamat sa inyo :)

  ·  7 years ago (edited)

Thanks, followed you too. Daming Pinoy na dito. https://discord.gg/b9J42v yan po ang Steemit Philippines discord chat room. :)

uy salamat. ge, checheck ko yan. ^_^

Welcome. Buti nasa chat ka na. :)

yup, naninibago ako sa chatroom ng discord. nangangain ng tanga. haha feeling ko taong gubat ako eh.

Hehe nu ka ba, lahat naman dumaan sa phase na newbie. Masasanay ka rin. :)

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

Award for the number of upvotes

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!

Woah you did an awesome job sir the art work is superb and you animated it also. Will be following you sir. Hope to see more of your work.

  ·  7 years ago (edited)

thank you @ankarlie. sure, will do more for food. haha :) and thanks for the resteem. really appreciate it. cyber hug

Very creative and informative! Upvoted & Resteemed! You got a nice blog, you've earned a follower! 💯🙂

thank you @johnalexius maraming, maraming salamat. will follow you too :D

The @OriginalWorks bot has determined this post by @ritzzard to be original material and upvoted(1.5%) it!

ezgif.com-resize.gif

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

THIS IS AMAZING!!!!

salamat @deveerei ^_^

Walang anuman Sir. Just make a post similar to it after a week.

got it!

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

Award for the number of comments 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!

Thanks for showing me a process of how animation can be done. Thank you.

it's my pleasure to share this to people with the same interest. and thank you for stopping by :)

Sure.