#*yash.tutorials

getting high-quality videos

1080p is the best quality if you want clean and crisp gifs. you can get away with 720p,

i use different websites to t*rrent tv show episodes and movies. be careful when searching through these websites as they could affect your device with a virus. it's best to use a vpn to protect your device.

some links:

‣ tvshows.today

‣ filmxy.tv

‣ pahe.ph

for music videos, i use 4k download to parse the music video or any other youtube video in 1080p (if available). to directly download video files directly from websites such as soap2day, i use video download helper (it's a chrome extension).

*before you import your video into photoshop, make sure your version of photoshop has the timeline feature. to make sure it is on, open photoshop, go to windows, and near the bottom, there's the timeline option

this is the example gif i will be showing:

importing to photoshop

open photoshop and go to files > import > video frames to layers. a dialogue box will appear. make sure to select "selected range only" and to deselect the limit to every 2 frames option. use the arrows under the video to drag them to the moment you want to gif. make sure to have frame animation selected!

deleting unnecessary frames, set frame delay, crop, image resize

with the timeline on, you will see your gif having some frames that aren't needed. using the trash can button at the bottom, only delete the frames you don't want in your gif. in case you accidentally deleted a frame, you can always go back by clicking on the history panel.

now, click on the first frame and go all to the end, and press on the shift button while clicking the last frame to select all the frames in your timeline. optionally, you can click on the little button, in the upper right corner of the timeline panel, that has a bunch of straight lines. once you click on that, you can select the "select all frames" option. from there, go over to one of the frames and click on the number and go to other. this will pop up a dialogue box for setting the frame delay. personally, i set the delay to 0.06.

the larger the frame delay, the slower the gif will be. from there, with all the frames selected, go to the bottom left corner of the timeline panel to convert all the frames to video timeline. *make sure the forever option is selected. this will allow for your gif to loop infinitely.

then, going to the layers panel, press the shift button and select all the layers and right-click. you should see the option "convert to smart object". this will condense all the layers and make it into one singular object.

on the toolboard to the left, click the crop tool option. crop according to the different dimensions. with this example, i'm cropping this gif 540px by 300 px.

now to resize, go to image > image size. a dialogue box will appear.

make sure to change inches to pixels. on width type, change your gif width accordingly. for this example gif, i'm going to change the width from 1920 to 540. the height will adjust accordingly.

sharpening

now it's time for some sharpening!. these smart filters help with making your gif(s) clean and crisp. go to filter > sharpen >smart sharpen. these are the settings i use for all the gifs i make.

after you’ve sharpened your gif, you can color your gif. this basically means brightening, adjusting, adding contrast, bringing out or muting certain colors, et cetera. since this is a basic gif tutorial, i'll only show the layers that i use to create vibrant gifs.

adjustment layers

to add adjustment layers, hover over to the panel right above the layers tab. right next to the properties tab, click on the adjustment tab (circled in red). this tab will show the different options for adding adjustments that will make your gif look better!

i. brightening

the first adjustment layer i add is the curves layer (the top third to the left in the first row of the adjustments tab). using the little eyedroppers to the left, i set both a white point (by clicking the lightest area of the gif) and a black point (by clicking the darkest point of the gif), both are circled in re. by using these, these points instantly brighten the gif.

ii. coloring

with this example gif, there isn't much to color besides adding more color. by adding a vibrance adjustment layer (two over from the curves layer), you adjust according to how you would like your gif to appear. for this example, i'll show you a before and after.

and since i want it to be a bit more brighter, i use the brightness/contrast layer. i use this to give the gif an overall brightening lift and add some contrast. here's what the gif would look like at this point. i try not to add too many adjustment layers as it may add any unnecessary grain.

saving your gif

and finally, it's time to save the gif! go to file > export > save for web (legacy). most gifmakers, if not all, use this method to save their gif(s). use the most optimal save for web settings. what i mean by optimal is what save settings are best suited for you and your gifs specifically. here are my save settings. most of the time i use selective + pattern, but then again, it depends on the gif itself. for quality, i use bicubic. personally, i feel like it keeps the gif clean and crisp. remember to keep the looping option as forever.

and that's it! here's the final product:

so after you have sharpened and colored your base gif (in my case, it was dani in black and white), i duplicated the gif and grouped it into it's own group and labeled the group (always label your layers!).

next, i did layer > new adjustment layer > gradient map.

you make your own gradient with what color you want and have the second color be black (mine was hot pink and black). make sure to put this in the labeled group you created, above the copied gif. next, i changed the blending mode to lighten.

where i circled in red is where you can change the blending mode from normal to lighten. then clicking on the group, i used command + t (for the transform function) (also this shortcut is for mac users. idk what's the shortcut for windows users) to be able to move the highlighted group. then i moved the group slightly to the right.

from here, there are some parts that are covering up whatever it is you want to show. so with the second gif still highlighted, i add a layer mask to the group, allowing me to be able to erase anything that belongs in the group

what's circled in the red is the layer mask you want to add (it's at the bottom of the screen)

now it's time to erase! with the brush tool selected it's now time to erase the parts we don't want! i chose the soft round pressure opacity and flow, with the size of the brush being 100px and the hardness at 0% and opacity at 20%. then just erase away at the parts that are unnecessary!