The creators of the format pronounced the word as "jif" with a soft "G" /dʒɪf/ as in "gym". Steve Wilhite says that the intended pronunciation deliberately echoes the American peanut butter brand Jif, and CompuServe employees would often say "Choosy developers choose GIF", spoofing this brand's television commercials.
Just to add a piece of helpful advice!! When I first tried this I couldn't figure out how to get the timeline display, and it wasn't mentioned in this video but all you have to do is go to Window (in the top toolbar near View and Help) --> Workspace --> Motion. Then the timeline bar should appear at the bottom
everything i learned about Ps was from youtube tutorials. this was by far the most succinct, informative, and direct tutorial i have ever seen. Mark Galer is awesome. thank you.
The creators of the format pronounced the word as "jif" with a soft "G" /dʒɪf/ as in "gym". Steve Wilhite says that the intended pronunciation deliberately echoes the American peanut butter brand Jif, and CompuServe employees would often say "Choosy developers choose GIF", spoofing this brand's television commercials.
Thank You - Had to learn this in a few hours. I've done animation for years (no conceptual problems, in other words), but every explanation of the photoshop tools that I saw before I came across your video were either needlessly complicated and poorly described or else just obtuse. Yours is perfectly clear and short - I really appreciate you taking the time to make it and wish I had come across it first!
The guy who made this video & or who is narrating it, is saying the letter G improperly. Obviously. He doesn't know you pronounce the letter G as in Glad or the word "Gift" without the letter T at the end of the word. He doesn't know & or realize it's not pronounced like the letter J. I know, I know.... Potato, Potoddo, .... Tomato, Tomotto.
@@TommyFarrell69 Mind your own fuckin' business, Tommy. Unless you are in bed with Cam. Besides, if the real word is "GIF" then the word being made fun of is spelled "JIF". Unless the changed the spelling from "GIF" to "Giff" now.
Thank you for this tutorial! Finally helped me create a GIF exactly how I wanted. I had to align my pictures automatically because I was moving a bit taking those pictures. But now I am not sure how to crop the excess of the image. I tried using the crop tool but that only worked for one image at a time. Any advice please?
Thank you so much. I used to make gifs all the time during tumblr's popularity and forgot everything. I've also seen gifs that have a static frame background and the gif is inside that static frame, so essentially it's a graphic inside a graphic - if that makes sense? I wouldn't imagine it's any different, but that's what I'm trying to do for one of my clients.
This is fantastic because I always pronounced it as JIF and just today my boyfriend was telling me I was wrong and I was like meh I like the sound and NOW I KNOW I WAS RIGHT! Thank you!
Excellent instructional video. You walk through the steps beautifully. Thank you for giving me just the instruction I needed, without a bunch of clutter.
Thank you so much for this tutorial, it was really helpful. I'd been wanting to make simple animations of my illustrations and didn't realise that I could use Photoshop. 😁
Every time I've tried this way it runs the gif backwards for some reason. My layer panel has them in descending order. I select the first image in that order and do the steps. Inevitably it sorts the gif itself backwards for some reason.
Greatly appreciated... thank you! Excellent and easy to follow instructions. I keep coming back because I can't remember the simple steps and the accent is nice :)
awesome tutorial! also interesting, one of my first graphic design professors went to college with the inventor of the gif format and according to him there is no right or wrong way to say it
Is there a way to stabilize the end product like in premiere pro (warp stabilizer)? Using this method I'll need to export the GIF, convert to video format, stabilize the video, then convert it back to GIF.
Hi, Mark. Thanks for the great tute on Photoshop Animated GIFS. I have a problem/question: I note in your example of the 'woman spinning with umbrella' that the animation plays backwards from the order the images are stacked. If you look at your stacked images (top to bottom) she should be spinning counter-clockwise but when the animation plays, she spins clockwise. I am having that issue with an animation where a graphic frame should move across a page from top to bottom (and that is how the images are numbered and stacked). But, like your example, the frame animates from bottom to top. There are 80 frames in my animation. Do I really need to re-number all those frames in reverse so the animation will play as designed? Thanks! ~T.~ Tim Lawrence ConservationArts.net
Tim Lawrence - check out the options in Timeline panel for reversing the sequence or renumber the files in Bridge or Lightroom before loading the files into Photoshop CC.
So after the auto alignment, the photos are aligned and placed behind a transparent background. What would be the best method to center the newly aligned GIF around my subject to crop and then export? Thanks for the great work and keep it coming.
Mark Galer's Alpha Creative Skills I tried this method, but the sequence runs from right to left. Little context, the shot is not on a tripod and is panning from right to left. It’s free hand of a footballer celebrating a goal. I’m assuming this is the discrepancy?
Hi, worked great, but may I point out one aspect you did not cover? How to invert the layer stack in case your GIF runs backwards like mine did. Deselect all layers in your layer stack, click the Eye icon, and then drag them to the top of the stack, with each subsequent layer being dragged under the one you just placed, and so on and so forth through the stack until you have them all reversed. You should then be able to click on the top layer, hit the 'Create Frame Animation' button to load your first frame, and then the fly out menu> Make Frames from Layer and so forth. They should play in the correct sequence, thus.
Hi! Is there a small function button, that crops a bit the image, based on the focus? Someone told me there is this trick, for photos that are not done with a tripod, so there is a small camera motion mainly a bit to the right, or a bit to the left, or a bit to high. SO the gif looks...not that good. But is somehow, photoshop could sense this difference, and crop a bit, it think it will solve the problem. But I do not know if there is such a thing...
Thank you👌. The final File is also suitable to use in PowerPoint. In older version of Photoshop Save for web is not in Export category, so better to press Alt+Shift+Ctrl+S
Great video mate. I got to the save gif in save for web legacy but i keep getting unknown error. Im using 100 frames. Tried reducing size in save for web legacy window. No idea how to get round this. Any help would be appreciated. ty
Instagram doesn’t support Gif files the last time I looked. You actually want to create a movie file that looks like a Gif. You’ll need to Google that one.
After loading the stacked layers, I notice that ALL of my animation frames look the same. They all look like the layer that has the EYE icon turned on. So, when I hit the PLAY button, nothing happens because of the EYE icon being highlighed. But, if I turn the EYE icon off on that first layer, then that frame in the animation stack becomes clear. I am REALLY confused here. How do I get my animation frames to behave individually and in sequence as they are supposed to behave? The weird thing is, when I first imported/opened the stacked image layers, and I hit the play button, they worked perfectly, only, they animated backwards. I don't understand what I did wrong. This should be easy. I have made GIFs before that work perfectly. What am I doing wrong THIS time around?
I sometimes have an animation with 40-50 frames. The jpgs are numbered in order that I need them to play. When I do load file from stack they show up in order. When I select create frame animation and then make frames from layers, everything is loaded backwards and i have to drag each frame to put it in order. Is there a quick fix after you load the frames to reverse the order?
I cannot find the selection where you can "make frames from new layers". Do you just right-click in the timeline? It does nothing for me. I don't understand how to get it to show up. My attempt at gifs just shows the first image over all the others.
Hi Mark, a question. When you make frames from layers, they are loaded onto the timeline in the opposite order. According to your files and the number sequence, the girl should be spinning to the right instead of the left like in your video. Any advice on how to load them in the proper direction?
I have a 600-page eBook for the A7RV (with links to 67 videos) + a camera setup file (CAMSET) available to download from my Patreon.com/markgaler support channel. It is a subscription service but their are no contracts or ongoing commitments beyond the first month (US $10.00)
I am trying to crate a timelapse video with images to share on Instagram. I have watched some tutorials on how to create videos using Photoshop to share in your Instagram feed (with a ▶️ button to press play). Since Instagram doesn't support GIF I have learned that I have to first create a GIF from the images (I use Photoshop for this). Then I have to re-open this GIF again in Photoshop and then choose ‘export' - 'render video’. This works fine - except that I can’t choose mp4 for saving at this step (I can choose: BMP; Dicom; JPEG; JPEG 2000; Photoshop; PNG; Targa; and TIFF). I am working on Photoshop CS5 - don’t know if that’s the problem? I will REALLY-REALLY appreciate any help ☆☆☆
I have a problem, every time I've tried this way it runs the gif backwards for some reason. My layer panel has them in descending order. I select the first image in that order and do the steps. Inevitably it sorts the gif itself backwards for some reason.
THANKS!! Adobe seems to move all the controls around with every update and I cannot remember how to do the Jif ;-) stuff anyway. SOOOOOO Mark THANKS!!! Got me back on track
Excellent video. I just watched three others that were made more recent and those sucked. Yours was right to the point and easy to understand. Now I just have to play with the transitions (tween) a bit.
Really helpful. Thank you. Also, thanks for complicating my understanding of how to pronounce that particular file type. ;-) From now on I'm just calling them "Jifes" -- or perhaps in the Spanish style: "Hif". Thanks again.
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
The creators of the format pronounced the word as "jif" with a soft "G" /dʒɪf/ as in "gym". Steve Wilhite says that the intended pronunciation deliberately echoes the American peanut butter brand Jif, and CompuServe employees would often say "Choosy developers choose GIF", spoofing this brand's television commercials.
fake
Thankful for tutorial but sticks and stones may break my bones but I will never pronounce gif as a jif.
Think I need a new Jrahpics Card for this
Just to add a piece of helpful advice!! When I first tried this I couldn't figure out how to get the timeline display, and it wasn't mentioned in this video but all you have to do is go to Window (in the top toolbar near View and Help) --> Workspace --> Motion. Then the timeline bar should appear at the bottom
It was there by default when I made this movie.
Thanks so much man
@@AlphaCreativeSkills you should pin his comment, it wasn't there by default in me either.
Thank you sooo much
tysm
Thank you! You are the most effective tutor amongst all the photoshop experts here in RUclips.
the most straight forward and most comprehensive explanation, thank you!!
This is one of the best and quick video about how to create an animated gif and I found it very helpful. Thank you Mark
everything i learned about Ps was from youtube tutorials. this was by far the most succinct, informative, and direct tutorial i have ever seen. Mark Galer is awesome. thank you.
Thank you, Mark. I played the video while working in Photoshop... and it worked .!!
Thank you, struggling until I found this, just created my first Gif, really helpful.
See my channel videos, I have a good one about gif Animation.
I just wanna say thank you for getting to the point!!! Your amazing!!! Everyone else was hella long winded...my goodness
Very nicely explained. A clearly step by step tutorial. Thank you!
The creators of the format pronounced the word as "jif" with a soft "G" /dʒɪf/ as in "gym". Steve Wilhite says that the intended pronunciation deliberately echoes the American peanut butter brand Jif, and CompuServe employees would often say "Choosy developers choose GIF", spoofing this brand's television commercials.
Once again I want to thank you Mark for sharing your time, knowledge and charisma!
My pleasure!
Finally, a great tutorial with clear explanations, easy to follow, and brief! Thanks
Perfect way to describe how to do this. I just followed your directions and made a GIF !!!
Thanks so much!
Cheers!
Fantastic!
this was so simple and easy to follow - thank you so much! i wish all tutorials were like this!
I'm not one to post comments but there is no tutorial easier to follow than this one tysm!
Thank You - Had to learn this in a few hours. I've done animation for years (no conceptual problems, in other words), but every explanation of the photoshop tools that I saw before I came across your video were either needlessly complicated and poorly described or else just obtuse. Yours is perfectly clear and short - I really appreciate you taking the time to make it and wish I had come across it first!
Thanks for the positive feedback :-)
Concise, to the point, combined with very useful content; just the way we like it. Thanks Mark.!
Came to learn how to make a GIF, learned how to make a JIF!
The guy who made this video & or who is narrating it, is saying the letter G improperly. Obviously. He doesn't know you pronounce the letter G as in Glad or the word "Gift" without the letter T at the end of the word. He doesn't know & or realize it's not pronounced like the letter J. I know, I know.... Potato, Potoddo, .... Tomato, Tomotto.
LOL !!!
@@michaeldonaldson7037 Gin, Giraffe, Ginger, Ginsing, Gist, Giant, Gypsy
@@michaeldonaldson7037 He's pronouncing it the correct way like 'JIFF'.
@@TommyFarrell69 Mind your own fuckin' business, Tommy. Unless you are in bed with Cam. Besides, if the real word is "GIF" then the word being made fun of is spelled "JIF". Unless the changed the spelling from "GIF" to "Giff" now.
Thank you for this tutorial! Finally helped me create a GIF exactly how I wanted. I had to align my pictures automatically because I was moving a bit taking those pictures. But now I am not sure how to crop the excess of the image. I tried using the crop tool but that only worked for one image at a time. Any advice please?
In 2022 you have to change the view from video timeline to frame animation
Thanks so much! I often forget the method and continually come back to this. appreciate it
Happy to help!
If you already have your files/frames ready, tutorial starts at 3:48 or so
Thank you so much. I used to make gifs all the time during tumblr's popularity and forgot everything. I've also seen gifs that have a static frame background and the gif is inside that static frame, so essentially it's a graphic inside a graphic - if that makes sense? I wouldn't imagine it's any different, but that's what I'm trying to do for one of my clients.
I followed your tutorial good...but my Photoshop won't show the makeframes from layers. I cannot create gifs.
Thanks Mark I bought another program not realising Photoshop had this much Gif capability and more
Mark, you are a great tutor. I bought my A7ii partly based on your incredible content. Thanks! If only Panasonic had a Mark Galer for the G9...
This was the perfect explanation. Very helpful.
This is fantastic because I always pronounced it as JIF and just today my boyfriend was telling me I was wrong and I was like meh I like the sound and NOW I KNOW I WAS RIGHT! Thank you!
This is by far the best tutorial on youtube. I only had to watch it once even though I have just begun learning Ps.....
this video is the best of all out of youtube, teach same thing but more simple and efficient than others! Thanks a lot!
Glad you think so!
Excellent instructional video. You walk through the steps beautifully. Thank you for giving me just the instruction I needed, without a bunch of clutter.
Thank you so much for this tutorial, it was really helpful. I'd been wanting to make simple animations of my illustrations and didn't realise that I could use Photoshop. 😁
This was soooo helpful. Just made my first ever gif! God bless you Mark!
See my channel videos, I have a good one about gif!
very nice and simple explanantion... i did it so easily... thank you my friend... great job....
A well created and presented instructional video !! The narration is clear and comprehensible . Good job !! 👌
Thank you very much!
Every time I've tried this way it runs the gif backwards for some reason. My layer panel has them in descending order. I select the first image in that order and do the steps. Inevitably it sorts the gif itself backwards for some reason.
have you found the solution?
You just position the images backwards. The last one move it to first place, and so on
Greatly appreciated... thank you! Excellent and easy to follow instructions. I keep coming back because I can't remember the simple steps and the accent is nice :)
I'm not seeing anywhere to control the speed. In the PSD preview it's nice and slow. When I go to export it's way too fast. Thoughts?
Well done sir.
Helping me get over from down under...
Cheers!
Older video, but still awesome. Very helpful - thanks!
Glad it was helpful!
You made this process so seamless. Thank you!
Glad it was helpful!
Thank you so much, I needed that speedy kind of way of making a gif
THANK YOU SO MUCH!!!!! I’ve watched 20 videos before this to figure it out but I got it! Thank you thank you!
it's almost 2022 and i am here still looking for this tutorial. thank you for the clear explanation!
Glad it was helpful!
Good explanation. Thanks for going slowly and showing each step.
awesome tutorial! also interesting, one of my first graphic design professors went to college with the inventor of the gif format and according to him there is no right or wrong way to say it
Is there a way to stabilize the end product like in premiere pro (warp stabilizer)? Using this method I'll need to export the GIF, convert to video format, stabilize the video, then convert it back to GIF.
You can auto align the layers before you make the GIF
Hi, Mark. Thanks for the great tute on Photoshop Animated GIFS. I have a problem/question:
I note in your example of the 'woman spinning with umbrella' that the animation plays backwards from the order the images are stacked. If you look at your stacked images (top to bottom) she should be spinning counter-clockwise but when the animation plays, she spins clockwise.
I am having that issue with an animation where a graphic frame should move across a page from top to bottom (and that is how the images are numbered and stacked). But, like your example, the frame animates from bottom to top. There are 80 frames in my animation.
Do I really need to re-number all those frames in reverse so the animation will play as designed?
Thanks!
~T.~
Tim Lawrence
ConservationArts.net
Tim Lawrence - check out the options in Timeline panel for reversing the sequence or renumber the files in Bridge or Lightroom before loading the files into Photoshop CC.
Thanks!
So after the auto alignment, the photos are aligned and placed behind a transparent background. What would be the best method to center the newly aligned GIF around my subject to crop and then export? Thanks for the great work and keep it coming.
Perhaps the ‘Trim’ menu option
Mark Galer's Alpha Creative Skills I tried this method, but the sequence runs from right to left. Little context, the shot is not on a tripod and is panning from right to left. It’s free hand of a footballer celebrating a goal. I’m assuming this is the discrepancy?
An easy, and well explained step by step tutorial ! very helpful ! thank you
Hi, worked great, but may I point out one aspect you did not cover? How to invert the layer stack in case your GIF runs backwards like mine did.
Deselect all layers in your layer stack, click the Eye icon, and then drag them to the top of the stack, with each subsequent layer being dragged under the one you just placed, and so on and so forth through the stack until you have them all reversed. You should then be able to click on the top layer, hit the 'Create Frame Animation' button to load your first frame, and then the fly out menu> Make Frames from Layer and so forth. They should play in the correct sequence, thus.
I used your tutorial to make my first ever GIF. Thank you so much!
Glad it helped!
the simplest video with the best outcome lets go!
Thanks for the positive feedback
Hi! Is there a small function button, that crops a bit the image, based on the focus? Someone told me there is this trick, for photos that are not done with a tripod, so there is a small camera motion mainly a bit to the right, or a bit to the left, or a bit to high. SO the gif looks...not that good. But is somehow, photoshop could sense this difference, and crop a bit, it think it will solve the problem. But I do not know if there is such a thing...
Legends say, that woman is still spinning.
Thank you👌. The final File is also suitable to use in PowerPoint. In older version of Photoshop Save for web is not in Export category, so better to press Alt+Shift+Ctrl+S
Thanks for your input
When tap Save... Write Adobe Save for Web Error. What can I?😭
I can’t click Save on 5:55. It says on my photoshop “Could not completr this operation. An unknown error has occired.
Have you tried restarting the computer
Mark Galer's Alpha Creative Skills okay. Will try. Thank you very much! ❤️
Is this format suitable for social media, Instagram and Facebook in particular? Great tutorial Thank you 🙏
Not all platforms support the GIF file format but you can usually get around this by posting a link to the file on a site that does.
Great video mate. I got to the save gif in save for web legacy but i keep getting unknown error. Im using 100 frames. Tried reducing size in save for web legacy window. No idea how to get round this. Any help would be appreciated. ty
Hi Mark, thanks for the content! I have a question, how can I make my GIF repeat into a time interval of 10 seconds so I can post it in Instagram?
Instagram doesn’t support Gif files the last time I looked. You actually want to create a movie file that looks like a Gif. You’ll need to Google that one.
@@AlphaCreativeSkills Thanks Mark!
great info! Doing this for my skate photos, trying to figure out why it plays backwards when I load them on the timeline
Reverse the order of the layers or frames.
Excellent explanation! It was super easy to make a GIF on my own with your video! Thank you so much!
Very nice & detailed explained. Thank you.
hello, nice technique! Could you give me advice please how aling pictures if there was a big camera movement ? thank you
Select all layers and and use the Auto-Align Layers feature from the Edit menu.
Great tutorial, clear and concise. Can't believe it is this simple to make an animated gif. Thank you!
Glad it was helpful!
That was comprehensive and short.
Nice!
After loading the stacked layers, I notice that ALL of my animation frames look the same. They all look like the layer that has the EYE icon turned on. So, when I hit the PLAY button, nothing happens because of the EYE icon being highlighed. But, if I turn the EYE icon off on that first layer, then that frame in the animation stack becomes clear. I am REALLY confused here. How do I get my animation frames to behave individually and in sequence as they are supposed to behave? The weird thing is, when I first imported/opened the stacked image layers, and I hit the play button, they worked perfectly, only, they animated backwards. I don't understand what I did wrong. This should be easy. I have made GIFs before that work perfectly. What am I doing wrong THIS time around?
Not sure what you are doing wrong - the million+ viewers of this tutorial generally have no difficulty with creating a GIF following these guidelines.
This was a wonderful and easy video to comprehend. Very grateful :D
very Helpful mark.. thanks
I sometimes have an animation with 40-50 frames. The jpgs are numbered in order that I need them to play. When I do load file from stack they show up in order. When I select create frame animation and then make frames from layers, everything is loaded backwards and i have to drag each frame to put it in order. Is there a quick fix after you load the frames to reverse the order?
I cannot find the selection where you can "make frames from new layers". Do you just right-click in the timeline? It does nothing for me. I don't understand how to get it to show up. My attempt at gifs just shows the first image over all the others.
Hi Mark, a question. When you make frames from layers, they are loaded onto the timeline in the opposite order. According to your files and the number sequence, the girl should be spinning to the right instead of the left like in your video. Any advice on how to load them in the proper direction?
In the same place where you click "Make frames from layers", there's an option there called "Reverse Frames".
@@wuzzems2850 thank you! I've been combing the comments for this!
hi Mark, i bought an A7RV recently, what is your best tutorial to learn?
I have a 600-page eBook for the A7RV (with links to 67 videos) + a camera setup file (CAMSET) available to download from my Patreon.com/markgaler support channel. It is a subscription service but their are no contracts or ongoing commitments beyond the first month (US $10.00)
I am trying to crate a timelapse video with images to share on Instagram. I have watched some tutorials on how to create videos using Photoshop to share in your Instagram feed (with a ▶️ button to press play).
Since Instagram doesn't support GIF I have learned that I have to first create a GIF from the images (I use Photoshop for this). Then I have to re-open this GIF again in Photoshop and then choose ‘export' - 'render video’. This works fine - except that I can’t choose mp4 for saving at this step (I can choose: BMP; Dicom; JPEG; JPEG 2000; Photoshop; PNG; Targa; and TIFF).
I am working on Photoshop CS5 - don’t know if that’s the problem?
I will REALLY-REALLY appreciate any help ☆☆☆
It would be better to make a ‘stop motion’ movie and bypass the GIF stage altogether
@@AlphaCreativeSkills Thank you! And how do I do that (with Photoshop CS5)? Thanks a lot in advance - I appreciate your help ☆
I have a problem, every time I've tried this way it runs the gif backwards for some reason. My layer panel has them in descending order. I select the first image in that order and do the steps. Inevitably it sorts the gif itself backwards for some reason.
Thank you for the clear instructions. Was able to get this sorted out in a few minutes. Love it!!
THANKS!! Adobe seems to move all the controls around with every update and I cannot remember how to do the Jif ;-) stuff anyway. SOOOOOO Mark THANKS!!! Got me back on track
Excellent video. I just watched three others that were made more recent and those sucked. Yours was right to the point and easy to understand. Now I just have to play with the transitions (tween) a bit.
Very helpful, thanks Mark
thank you ! such easy, clear and concise instructions
Couldn't help myself: it's a very good tutorial. extremely helpful
Glad you liked it!
So clear, well-timed and helpful. THANK YOU.
Glad it was helpful!
Really helpful. Thank you. Also, thanks for complicating my understanding of how to pronounce that particular file type. ;-) From now on I'm just calling them "Jifes" -- or perhaps in the Spanish style: "Hif". Thanks again.
Glad it was helpful!
Thanks for the excellent short tutorial. Told me just what I wanted to know. BTW I also say GIF with a hard G.
This is an excellent tutorial. Thank you so much. It helped me to create a simple GIF.
You just saved my life. Thank you so much!!!!
This is an awesome tutorial! Thank you for making this^^! Very helpful!
You video helped me complete a homework assignment, so thank you 🙂
Glad I could help!
I get an error code 48 when I got to stacked images from scripts. In the past it has allowed me to do so but not it doesn’t.
Perfect! FYI I've been arguing for years with my students on the G vs J, you just made my day! :) It's the small things, right?
layers get added in reverse manner that is from bottom to top from stack instead of top to bottom layer. How to avoid this?
Very clear, concise explanation. Thank you!
Excellent explination!! Thank you!
Hi Mark, just want to say thanks for making this great video
thank you for the video! id like to save my gif to use on my adobe premiere. How do i do it?
Gifs and regular movies are two different things - look for stop animation
My first clip is the last frame though, just like in your video. Any way to change that?
Change the order of the layers
Hey Mark! Thanks so much for sharing. Your video was clear, concise and super helpful :D
Glad it was helpful!
it loads my images into the timeline as one combined image. How do i make them all be separate?