Simple GIF Animation - Photoshop Tutorial

  Рет қаралды 366,748

Zimri Mayfield

Zimri Mayfield

Күн бұрын

Пікірлер: 174
@sayalirane3231
@sayalirane3231 5 жыл бұрын
Bruh u r the most nicest teacher on the internet.
@zimrimayfield
@zimrimayfield 7 жыл бұрын
Hey guys! This tutorial hopefully shows the very basics of animating with the video timeline in Photoshop! Hope it's useful to some, have a nice weekend : )
@ishitachandra2261
@ishitachandra2261 6 жыл бұрын
which shortcut key do you use to create key-frame after you tilted the body?
@brittanywinston9227
@brittanywinston9227 6 жыл бұрын
this is cool, .. is there a benefit to animation frame by frame in photoshop, to achieving this result in after effects ?
@lilyjones2811
@lilyjones2811 5 жыл бұрын
Hey Zimri, how do I make a smart object break down into its individual components when transferring objects from Illustrator to Photoshop for this? I made objects in Illustrator to make into GIFS, but when I import them in Photoshop as a smart object it just clumps it all together. Also, what button do you push to get the second little placer on the timeline after you push the stopwatch? For example, at 2:13 after you pushed the stop watch you then moved his body to look downwards, then pushed another button to get the white little marker you see at 2
@1notnilc
@1notnilc 5 жыл бұрын
​@@lilyjones2811- You need to drag each element of your object (that you want to animate) from illustrator to Photoshop. This will bring them in on separate layers in your Photoshop document. For example. A head, body, the arms and a background each on individual layers. For the placer. You just mouse click where you want it. Hope you don't mind me jumping in! :)
@clemencemira2533
@clemencemira2533 4 жыл бұрын
you're so fun! thank you!
@MicahBuzanANIMATION
@MicahBuzanANIMATION 4 жыл бұрын
So much you can do with loops. The principles are good for limited animation or music videos too.
@danielraygoza9110
@danielraygoza9110 4 жыл бұрын
This is me every time I do a GIF I just have fun with it and it flows a lot better, lovely tutorials DO IT AGAIN BOOOOOOOOM XD !!!! I Love me some donuts
5 жыл бұрын
heeeey! I really loved who you explained and how fun you are!! super entertaining and useful! big thanks
@dentdelions
@dentdelions 4 жыл бұрын
your voice and the way you deliver is so fun... thank u
@merylsigaton2938
@merylsigaton2938 3 жыл бұрын
this tutorial was legit fun! thank youuu for enjoying 'cause we did too
@sisan881
@sisan881 4 жыл бұрын
Great tutorial! Learned a lot! Can't stop smiling - you must have had a great time making it 🤗 😄 👏
@DiegoMendezMessias
@DiegoMendezMessias 5 жыл бұрын
man! this tutorial was very funny and usefull hahaha. The spontanious "mistakes" were the best, cause thats happen in real life: sometimes you are designin and stranger things happens to you and you dont know why or how
@garyofdonny
@garyofdonny 6 жыл бұрын
Once I got the hang of selecting/making smart objects - even though I had smart objects in place - this has made better sense. Great, thank you.
@Kudoobs
@Kudoobs 4 жыл бұрын
I’ve never laughed so hard watching a tutorial!
@catieclapper6079
@catieclapper6079 5 жыл бұрын
this is the funniest informational tutorial i have watched LOL
@dimensanikay
@dimensanikay 4 жыл бұрын
Can you please show us how to save the animation. I’m getting a lot of difficulty while doing that
@aaronfree8825
@aaronfree8825 6 жыл бұрын
This guy is hilarious and helpful. This is an amazing tutorial!!!
@cassandrafountaine9857
@cassandrafountaine9857 6 жыл бұрын
This is a great tutorial! I'm just getting started with animating and after watching this I'm super excited.Thank you!
@topjimmythe1
@topjimmythe1 2 жыл бұрын
Awesome! Super easy to follow along and taught in regular-guy speech!
@mikesheehan5946
@mikesheehan5946 7 жыл бұрын
Superb as usual. I always enjoy your tutorials and had no idea photoshop could do this... Reminds me of the stickman animations I used to make in Macromedia Flash with tweens!
@zimrimayfield
@zimrimayfield 7 жыл бұрын
Hey Mike! haha yesss! I'm sure those stick figures were epic : )
@Armin-Academy
@Armin-Academy 6 жыл бұрын
Your tutorial has added to the best Photoshop tips playlist so far in our channel, well done! 👈✅ 👌⭐⭐⭐⭐⭐
@Artbyvidhya
@Artbyvidhya 3 жыл бұрын
This was really very helpful. Gonna go try on my Illustration.
@madonnaj4197
@madonnaj4197 6 жыл бұрын
This is By Far! The best tutorial I have seen on this topic. Would you be open to creating one on Insta stories? Like how to animate text with accompanying images. Would love to learn how to create a basic template etc. tutorial on
@zimrimayfield
@zimrimayfield 6 жыл бұрын
Hey! aww I appreciate that! : ) That would be an interesting idea! : ) I'll definitely think about it, thanks for leaving the comment, you're awesome!
@girlychams
@girlychams 6 жыл бұрын
I would watch this!!
@PhilTravisano
@PhilTravisano 4 жыл бұрын
I don't usually say things like this, but when you got excited at the end about all those donuts, I said, "This guy is so high!" Munchie animation! ... I don't really believe that, though. Nice work.
@DragonFireTwin
@DragonFireTwin 4 жыл бұрын
I love your tutorial 😍👏👏👏
@johnsmith-sq1kn
@johnsmith-sq1kn 4 жыл бұрын
very nice tutorial. Thanks you.
@adamalsen3881
@adamalsen3881 3 жыл бұрын
Hillarious and helpful... Thanks man... How about exporting into a file size suitable for a website???
@jaseylove
@jaseylove 7 жыл бұрын
That's so dope! Learned a bunch of stuff(s) there - thanks.
@zimrimayfield
@zimrimayfield 7 жыл бұрын
Yayyy! That's so great to hear : D
@lilyjones2811
@lilyjones2811 5 жыл бұрын
Hey Zimri, how do I make a smart object break down into its individual components when transferring objects from Illustrator to Photoshop for this? I made objects in Illustrator to make into GIFS, but when I import them in Photoshop as a smart object it just clumps it all together. Also, what button do you push to get the second little placer on the timeline after you push the stopwatch? For example, at 2:13 after you pushed the stop watch you then moved his body to look downwards, then pushed another button to get the white little marker you see at 2:18.
@zimrimayfield
@zimrimayfield 5 жыл бұрын
Hey Lily :) yeah okay this is what I would do. It might be time intensive and annoying to copy and paste every separate piece from illustrator into photoshop then position them correctly, so instead I would: save your illustrator file as a .psd. If you didn’t know you could do this it’s very helpful. In illustrator, go File > Export > Export as. Then choose photoshop (psd) from the options. Then make sure the “write layers” option is on, so your stuff doesn’t get flattened into one layer. Then you can open the saved file in photoshop. If all your elements were on different layers in illustrator then they will also be on different layers when opened in photoshop. Then go through and convert your layers into smart objects. There may be a faster or easier way to accomplish the goal, but I’d have to look into it more :))) lemme know if it works or you find a better solution :D
@lilyjones2811
@lilyjones2811 5 жыл бұрын
@@zimrimayfield Thank you for your response! Unfortunately I have tried this as well. For some reason it keeps grouping each individual thing I make (I have 5 fish on an illustrator artboard). It recognizes them as separate fish, but won't break down these layers any further, even after ungrouping them.
@DominikSusila
@DominikSusila 6 жыл бұрын
Very cool design Zimri! I like it a lot!
@rjohnson5301
@rjohnson5301 4 жыл бұрын
Thanks for this video! Definitely helped me for my future project of a small video promotion clip!
@cjlorenzdimalaluan6083
@cjlorenzdimalaluan6083 3 жыл бұрын
love your energy!!!
@magicksecrets
@magicksecrets 7 жыл бұрын
yeeesss!! finally new video and this topic i really wanted to learn! Thank you so much, Zimri!
@zimrimayfield
@zimrimayfield 7 жыл бұрын
Yayy! haha you're welcome, i'm glad this one was useful!! : D
@Heartshackles
@Heartshackles 2 жыл бұрын
Thank you, this helps me!
@rojanshrestha5103
@rojanshrestha5103 7 жыл бұрын
That was very helpful. Thank you for taking the time to make such a detailed tutorial. :)
@zimrimayfield
@zimrimayfield 7 жыл бұрын
Heya Rojan! You're welcome man, i'm glad you found it useful!
@rojanshrestha5103
@rojanshrestha5103 7 жыл бұрын
Could you please do more tutorials on infographics? It would be very helpful. Thanks!
@sinthujanvinacithamby1901
@sinthujanvinacithamby1901 4 жыл бұрын
is there a tutorial for cutting the images first before animating them ?
@medessunnymedsaleme7176
@medessunnymedsaleme7176 4 жыл бұрын
The problem is how to save it as a GIF, Thank you the video was really helpful!
@carlosfernandes1441
@carlosfernandes1441 4 жыл бұрын
Render it first in Adobe Media Encoder and automatically it will be saved as a gif in it's specified AME folder. Later you can open it in photoshop and export it to save for web, saving for web will reduce the file size.
@yokensin7244
@yokensin7244 6 жыл бұрын
Hi Zimri, cool tutorial! Btw, can you also teach how to export it to Animation Gif?
@MrFisharoo
@MrFisharoo 4 жыл бұрын
choose file/export/save for web (legacy).. top right second box select gif, bottom right looping options select 'forever'. (shortcut cmd+option+shift+s for mac, ctrl+alt+shift+s for pc)
@anosjc
@anosjc 4 жыл бұрын
yeah he should have explained that
@nadia.szegecs
@nadia.szegecs 4 жыл бұрын
6:54!!!!! 😂🤣🤣🤣 Then 7:04 "So now what happens next is the donuts' need to come flying out! 😁🤓🍩" hahaha!
@MrsDellamar
@MrsDellamar 4 жыл бұрын
Great tutorial!
@zofa_rf
@zofa_rf 6 жыл бұрын
thank you soo much I followed along your tutorial and tried making hair move and it was pretty fluid and nice!
@agitoart4961
@agitoart4961 5 жыл бұрын
dude this is a great tutorial thanks
@ATLaracheClub
@ATLaracheClub 4 жыл бұрын
That was very informative, as well as fun! Had a grin on my face at the end, haha. 😁
@kevinchaiken4253
@kevinchaiken4253 5 жыл бұрын
Are you able to use Illustrator instead of Photoshop?
@shandy_6733
@shandy_6733 5 жыл бұрын
I looking for this tutorial !! Thanks for the tip ur video esay to understand
@3JBCel
@3JBCel 5 жыл бұрын
I like your tutorial.. i needed this for creating background for my blog.. thank you man, more power
@saimun847
@saimun847 4 жыл бұрын
Awesome ..... :) Love to see ....
@Elizabeth-vq6mb
@Elizabeth-vq6mb 4 жыл бұрын
This was INCREDIBLY helpful, thanks so much!
@subarulovesyoutoo4388
@subarulovesyoutoo4388 4 жыл бұрын
When I want to learn Blender, they teach you how to make a donut. When I want to learn how to animate in PS, they teach me how to fly a donut. Donut everywhere.
@samlaunders
@samlaunders 6 жыл бұрын
This video made me super happy! Cheers dude :)
@jeffre4395
@jeffre4395 5 жыл бұрын
Very useful tutorial, thanks a lot
@artedigitaluniverso
@artedigitaluniverso 2 жыл бұрын
Very cool 💪
@tienshing1199
@tienshing1199 6 жыл бұрын
Hi Zim! May I know where can I get the icons?
@aminroopranjit
@aminroopranjit 6 жыл бұрын
This is such a cool tutorial! Learnt so many cool things! :) Thank you Zimri!
@ponethone
@ponethone 4 жыл бұрын
Thank you! This was so much fun! I also learned a lot.😂
@tatianam.5530
@tatianam.5530 2 жыл бұрын
how can I anti alias with this method? my lines looks all jaggy after I transform it(
@danielsibianul
@danielsibianul 4 жыл бұрын
Thanks that was super helpful!
@sanpls
@sanpls 2 жыл бұрын
Nice gif creation
@aarond9563
@aarond9563 6 жыл бұрын
This is why I don't do animation. It took me like a week to do a 10 second animation haha. But yes this was incredibly helpful.
@gonzalocruz380
@gonzalocruz380 6 жыл бұрын
Your tutorials are really amazing! Greetings form Mexico City.
@angelicationgson4785
@angelicationgson4785 6 жыл бұрын
You deserve more views 💕💕 You're amaaziiinggg
@StraightToWeb
@StraightToWeb 7 жыл бұрын
Super helpful! I think this is the clearest I've found on keyframing animations in PS. Stay weird!
@zimrimayfield
@zimrimayfield 7 жыл бұрын
Heyy Dustin, thanks man - i'm glad it came across clearly : ) Lol i'll try : P
@lachauntiswashington231
@lachauntiswashington231 4 жыл бұрын
thank you so much for this
@felicitasfalke
@felicitasfalke 4 жыл бұрын
You are so funny!! Nice animation! 🤗
@tzeearn
@tzeearn 4 жыл бұрын
Love thiss
@kawther7786
@kawther7786 7 жыл бұрын
soo useful! thank you for this amazing tutorial! :)
@zimrimayfield
@zimrimayfield 7 жыл бұрын
awwwww yeah! You're welcome, i'm glad it was useful!
@kimisalim3670
@kimisalim3670 6 жыл бұрын
My photoshop version is cs5 and i have a problem with converting it to smart object. I dont know why but eventhough i converted it the option transform wont appear can you help me with this?
@nb08
@nb08 7 жыл бұрын
Yeah, this was needed so much. Thanks Zim
@zimrimayfield
@zimrimayfield 7 жыл бұрын
You're welcome Nishant! GLad it was helpful to you : )
@candicebell9752
@candicebell9752 4 жыл бұрын
is there any way you can help me - I keep getting an unknown error after I save - Adobe says update to latest CC version which I have done - twice - same error. can save gif, but can render a video - but some platforms need gif not video... I was able to do the gif last week based on your awesome tutorial. thanks
@Ivory_Schmetterling
@Ivory_Schmetterling 7 жыл бұрын
It's so much like the animation process in After Effects (kinda, I guess???) Great tutorial Zim! :)
@zimrimayfield
@zimrimayfield 7 жыл бұрын
Heyyy yes, it's very similar - it seems like it's much harder to make a smoother motion though - I don't think there's an automatic "easy-ease" you could apply to the motion like in after effects : P
@acejamelo6227
@acejamelo6227 5 жыл бұрын
Heeeey ZIMRIIIII!! Thanks for the tutorials! You're my insipiration! Keep up keeping up!
@FloatingM
@FloatingM 6 жыл бұрын
if i try to render as video it just shows me loading aero so i need to do web(legacy) help !
@Desktopgremlins-papercraft
@Desktopgremlins-papercraft 7 жыл бұрын
What about the SAVING aspect of this? How big was that GIF when you saved it? A lot of times if you are doing an animated GIF for a client, where it will be shown has some sort of FILE SIZE limit. Does this animation save as like a tween? Or does it convert to frames and then bloat up file size?
@uulili
@uulili 6 жыл бұрын
I found a solution: File - Export - Save for Web(Legacy), then at the popup window, change the preset to GIF and click save, you'll get the gif file. I believe there're much more settings to control the size in the popup window as well.
@sumonsarkar03
@sumonsarkar03 5 жыл бұрын
great man.
@moniquecatubig
@moniquecatubig 4 жыл бұрын
how do you export it?
@valerieklosky5559
@valerieklosky5559 6 жыл бұрын
any way to get these files....I would like to try this activity with students
@haiellan.8886
@haiellan.8886 2 жыл бұрын
idk but the way you made this tutorial turned me on hahahahah
@SLMAGICSbudveenjenul
@SLMAGICSbudveenjenul 4 жыл бұрын
how to save this gif
@OliverGomez1138
@OliverGomez1138 4 жыл бұрын
I had no idea David Spade was so good at making PS tutorials!
@skywalkr90
@skywalkr90 6 жыл бұрын
When i press play why does the quality go to shit? Is there a way to change that
@mil6879
@mil6879 6 жыл бұрын
im creating a pixel like this and mine is bluring out i dont know why
@ImARainbowLlama
@ImARainbowLlama 6 жыл бұрын
Love your energy ahah
@shubhammishra7922
@shubhammishra7922 6 жыл бұрын
you are the best sir
@mananpatel9800
@mananpatel9800 3 жыл бұрын
kindly share the link of this photo
@RetArm
@RetArm 3 жыл бұрын
I know this video is old and you probably already know this by now. You can drag the anchor point on the lid and it will rotate on the axis that you set it to when you rotate it.
@alamba78
@alamba78 5 жыл бұрын
What's the best way to save this file as an animated gif?
@mamaggisuwek1527
@mamaggisuwek1527 5 жыл бұрын
save for web
@Turtlenaide
@Turtlenaide 5 жыл бұрын
I learned so much
@aidenhill4265
@aidenhill4265 6 жыл бұрын
Thank you this video was amazballs
@citraaprilia6652
@citraaprilia6652 7 жыл бұрын
i love ur video! but i dont have the same timeline as yours i dont know why, it's only frame by frame timeline... help please?
@zimrimayfield
@zimrimayfield 7 жыл бұрын
Hi Citra! Thank youu : ) Okay, when you open the "Time Line" window you can click on a button next to where it says "Create Frame Animation" and click a little drop down and select the other video timeline option. Go to 0:29 in the video : ) I hope that helps, or maybe you figured it out already! Thanks : )
@citraaprilia6652
@citraaprilia6652 7 жыл бұрын
Thanks for your reply! but there still no such options like that, maybe because i'm not using the extended version of photoshop? (i'm using the CS6 version) and couldn't figure it out how to make it to extended version :(
@israelbhc
@israelbhc 6 жыл бұрын
what's your photoshop version? is it a old version?
@camilalau5477
@camilalau5477 4 жыл бұрын
This was awesome! You're so funny
@psk1461
@psk1461 5 жыл бұрын
The dooonutzz!!
@jorj1758
@jorj1758 6 жыл бұрын
Im doing the exact same as you but my object doesn't move smoothly
@TheScottiem303
@TheScottiem303 5 жыл бұрын
might help to show how to export the file . . .
@bhuwnanaik3425
@bhuwnanaik3425 5 жыл бұрын
this tutorial was fun...😂🤣😂🤣😂🤣👌i loved it... i had fun while learning... you are awsm 😜✌
@ilyaqudryavtsev
@ilyaqudryavtsev 6 жыл бұрын
BUT HOW TO SAVE FILE???? I save as usual - but it is no animation in the gif ?????
@rzor84
@rzor84 6 жыл бұрын
Great tutorial, i hope you get them donuts!
@123dodo4
@123dodo4 5 жыл бұрын
how to safe it as gif?
@ea-jv3zw
@ea-jv3zw 6 жыл бұрын
hey did you illustrate this on ps?
@zimrimayfield
@zimrimayfield 6 жыл бұрын
Yes sir :) all done in the shop photo :D thanks for the question !
@warangproduction9759
@warangproduction9759 7 жыл бұрын
How do we upload to fb??
@zimrimayfield
@zimrimayfield 7 жыл бұрын
Hey just go "save for web" - then select the GIF file type : )
@mennareda9511
@mennareda9511 6 жыл бұрын
so good and creative! but I think the guy doesn't surprised enough
@zimrimayfield
@zimrimayfield 6 жыл бұрын
haha yeah - he could have had a more exaggerated surprise!
@mennareda9511
@mennareda9511 6 жыл бұрын
yeah, maybe step back or fall on the ground but I think you meant a simple tut. I really wanna thank you for teaching us a lot and like your comedy scent haha.
@PinkCoffie
@PinkCoffie 6 жыл бұрын
Gosh you are so funny 😂😂 😂Thanks for the tut, super handy! 👌
@shonuDhamey
@shonuDhamey 2 ай бұрын
How come the guy didn't react to the flying donuts... ? Great tutorial altogether.
@Cinephiles_inc
@Cinephiles_inc 5 жыл бұрын
2019 ?
How To Animate in Photoshop CS6 & CC - Tutorial for Beginners
28:32
Jesse J. Jones
Рет қаралды 388 М.
How to Create a GIF in Photoshop - GIF Animation in Photoshop
6:09
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН
Cheerleader Transformation That Left Everyone Speechless! #shorts
00:27
Fabiosa Best Lifehacks
Рет қаралды 16 МЛН
How Strong Is Tape?
00:24
Stokes Twins
Рет қаралды 96 МЛН
Sigma Kid Mistake #funny #sigma
00:17
CRAZY GREAPA
Рет қаралды 30 МЛН
How to make an Animated GIF | photoshop Tutorial
9:54
Elmin Graphics
Рет қаралды 116 М.
Simple 2D Animation with Photoshop CC
7:54
Steven West
Рет қаралды 388 М.
Animating in Photoshop: The Basics
12:33
Olof Storm
Рет қаралды 430 М.
5 Golden Rules of Game Cards Graphic Design You MUST OBEY
11:27
Dave Jeltema
Рет қаралды 164 М.
How to make animated GIFs in Photoshop
11:05
Cristina Silvia
Рет қаралды 354 М.
How to make an Animated GIF in Photoshop
6:40
Mark Galer's Alpha Creative Skills
Рет қаралды 1,5 МЛН
Create The Endless Loop of Cinemagraph in Photoshop
11:46
PiXimperfect
Рет қаралды 469 М.
Easy Way To Create GIF Animation in Procreate  (Full Process)
40:31
Stefan Kunz
Рет қаралды 130 М.
Master the Pen Tool in 30 Minutes | Photoshop In-Depth Tutorial
31:34
PiXimperfect
Рет қаралды 4,2 МЛН
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН