HOW TO MAKE GIFS ON PHOTOSHOP: A TUTORIAL BY GIFSBYHARLEY
DISCLAIMER: before we get started, i want to let it be known that there are several different ways that you can make a gif. this is just the way that i do it and was taught how to do it, and the way i've been doing it for the past 15 years or so. i also have a windows computer which means i do not have the quicktime player like a mac does, so this won't work if you have a mac computer.
so let's get started!
first things first, you will need:
any version of photoshop will do (i use CS5 because i'm an old school btch and haven't used any other version besides this one so this is what i'm comfortable with)
KM player
basic photoshop knowledge
basic tumblr knowledge
STEP ONE:
once you have KM player installed, download your video of choice, then open up KM player. NOTE: again, KM player is only available to download through windows, so this will not work if you own a mac computer. Once KM player is open, your screen should look like this:
STEP TWO:
open up the video that you just downloaded by clicking on the KM player symbol in the top left corner, and select "open file." you can also use the keyboard shortcut CTRL + O.
select the video that you chose to download, and it should automatically start playing in the window.
STEP THREE:
go through the video to find the scene that you want to gif. click on the pause button, then hit CTRL + G on your keyboard. this window should now pop up:
you're gonna want your settings to look EXACTLY what it looks like in the pop-up window. here's a better picture:
STEP FOUR:
once your settings look like that, click on the "start" button. KM player has now started the recording process. now, you want to hit the "play" button and let KM player capture the scene that you chose. once you have your desired scene, hit the "pause" button, then do CTRL + G again to bring that pop-up window back up. hit the "stop" button and then close out of the window.
STEP FIVE:
now, you want to go to your (C:) drive to see where KM player saved the screencaptures. you can find this by opening up the file explorer and going to "this PC."
once there, go to your KM player folder.
now go to your capture folder.
you can now see where your screencaptures were saved.
STEP SIX:
now, go into photoshop. go to your "window" tab and select "animation."
your screen should now look like this:
now it's finally time to make the gif! next, you want to go to file > scripts > load multiple DICOM files. you can also use the "load files into stack" option, however, i've found that the DICOM method is so much more quick.
this window should then pop up on your screen:
next, scroll down to your (C:) drive again, hit the arrow until you reach your capture folder again. then, hit "OK" to start loading the screencaptures into photoshop!
STEP SEVEN:
once your screencaptures have been loaded into photoshop, your screen should look like this:
next, you want to go into the "animation" tab and click on the little drop-down menu in the right hand corner. i have it highlighted in red.
go to "make frames from layers."
your screen should now look like this. you can see that photoshop has now made the frames in the animtation tab.
STEP EIGHT:
next, we will be resizing and cropping the gif. you can choose whatever dimensions you want, but since this is tumblr, i am going to go with their allotted dimensions. to change the size of your gif, hit ALT + CTRL + I and then, this window should pop up:
i'm going to choose dimensions of 268x151 since that is the typical dimensions gif creators use. as you can now see, our gif is much smaller than before.
STEP NINE:
next, you want to change the speed of your gif. depending on the amount of frames you have, i'd suggest if you have anything above 40 frames, change the speed to 0.05. if you have under 40, change the speed to anywhere between 0.06-0.07. since i have 58 frames, i will be changing the speed to 0.05. to do this, go back into your animation tab > drop down menu > select all frames:
now all of your frames should be selected.
next, click on the tiny, little arrow on any of the frames in the animation tab and then hit "other." i have it highlighted in red.
this window should now pop up. when choosing the speed, again, it all depends on how many frames you have. since i have 58 frames, i'm gonna set the speed to 0.05.
STEP TEN:
now it's time to sharpen our gif! i'm not going to explain this step in detail because there are a ton of gif sharpen actions that can help you breeze through the process of making gifs. i can't remember which one i use, however, you can find some in the tag by searching "gif sharpen action" that can help you!
so, now you're basically done if you don't want to add a PSD or coloring. but i will show you some before and afters, so you can get an idea of what your gif will look like. if you have any questions or concerns at all, don't hesitate to reach out! like/reblog if this tutorial helped you at all. <3
my commissions are currently open, and i'm very desperate for it since i'm gonna do a mri to my pelvic area (because of endometriosis), and it's almost 300€ and my health insurance is getting more and more expensive, so yeah, i have two open slots, and i'm almost finishing the first one! so please, please, reblog this, and maybe we can negotiate the prices of your gif pack! below, there are some gif examples!
(it's in portuguese but there's the proof of the price there + appointment (19€).
by CLICKING THE SOURCE LINK of this post, you will be redirected to #54 gifs of SABRINA CARPENTER (1999) in the HOUSE TOUR MUSIC VIDEO as herself. please reblog if editing/using in any way.
★ one psd file containing a customizable spotify podcast interface template. must have basic knowledge of photoshop to use the template. all layers have been labeled & arranged for easy editing and navigation. to avoid confusion & accidental deletion of important layers, please only edit the layers highlighted in red.
★ credit is required. please credit lacedrownin somewhere visible on your blog, post, or tags. do not repost, redistribute, resell, pick apart or claim this resource as your own work.
★ feel free to alter, customize, and adjust the template however you'd like. if you encounter any issues, have questions, or notice something broken, don't hesitate to send me a message.
★ consider leaving a like / reblogging if downloading.
⊹ by clicking the source link, you will be redirected to the dl page.
