#completeresource

note: the two sharpen actions operate under the assumption you are cropping with ‘delete cropped pixels’ UNCHECKED and have cropped and resized your file before using them

if this does not apply to you, see my other pack which contains the same sharpen settings but gives you the additional scripts action

i. sharp & sharper: both of these actions are meant to be used directly after you have cropped/resized your image. it converts your frames to a smart object & sharpens them.

If this is the first time using photoshop, your startpage will look pretty blank. I’ll show you what you need to make visible to gif. 

Click on “window”. The screencap I made of the settings is pretty big so click here if you need to see it.

Not seen in the picture but useful: actions, properties, character, paragraph

STEP 1: THE FILE

Okay first of all, you’ll need your file. I recommend downloading µtorrent, then going to a torrent site (like rarbg.to) and searching for your episode or movie. ALWAYS choose 1080p and web dl if possible (web dl means logoless) Example: wynonna earp s01e01, then in your search results, look for one that has both 1080p and web dl in the title. 720p is also good. 

You can also find twitters that post logoless episodes and movies, this is better if you don’t like using torrents or if you live in a country that gives you fines for torrenting (I’m lucky, Belgium doesn’t care). If you want a list of a bunch of twitters that share logoless episodes and movies, message me off anon so I can link you privately. 

STEP 2: CAPPING

When you have your file, download potplayer (or kmplayer). Open the program and open the file you want to cap. 

Search for the moment you want to gif. Tip: hover over the playline thing to see what scene is at what time. Normally it looks somthing like this: 

  Press ctrl + g when you have the moment you want  This window opens:

Change your settings to mine ^^. I made a new folder in my Pictures folder where all my caps go bc it’s easier to go to. It’s up to you where you save all of them, but I suggest you pick one you can easily access. Click start.

Click escape and start your video. Pause again when you have what you wanted (this can be a whole scene or a moment, depends on what kind of gifset your making). Press ctrl+g again and click “stop”, then close. 

Now go to the folder where you saved your caps. I always make another new folder inside that one, put all the captures in there (unless I’m doing a scene, then I’ll make 6-8 new folders and distribute all the captures in those folders. Note that with the 3mb limit you’ll be able to use about 60-120 captures per gif, sometimes more. You can always delete layers of your gif in case it goes over 3mb)

Tip: make all your screencaps before opening photoshop. If you’re making a general character/ship gifset, that can take a while, but it’ll save you time if you seperate the two actions. 

After you have taken all your caps, open photoshop. You can download it on any photoshop tumblr like yeahps or itsphotoshop. I cannot give you the link to mine because it doesn’t exist anymore, but I got it from kickass (rip).

STEP 3: OPENING AND MAKING THE GIF IN PS

We have our caps and our ps open, but now we have to open those captures in photoshop. Do not use ‘open’, but Files > Scripts > Load multiple DICOM files

I know a lot of people choose ‘Load Files into Stack’ but Load Multiple DICOM files is SO much faster. 

This window will open

Now you go to the folder where you saved all your caps, choose the file with the screencaps for 1 gif and open it. 

It might take a little bit for everything to load, especially if there’s a lot of screencaps, so just wait. 

When you have everything, click on “Create video timeline”. It might be called something different if you have another version of PS, but whatever it says here:

(I know I know, I make pretty arrows lmao)

Then click those 3 boxes on the left side

Next step is ‘make frames from layers’, after that click “flatten frames into layers”

STEP 4: CROPPING

Obviously our gif doesn’t have to be as big as it is in ps right now, so we’ll crop to make it smaller. For this, you need to know the dimensions Tumblr uses: 

540px for 1 gif in a row 

268px for 2 gifs next to each other

177px - 178px - 177px for 3 gifs in a row (this is something annoying à la tumblr, and because it’s hard to predict which gifs you’ll put in the middle when cropping, I make them all 178px in width and then crop the ones I won’t use in the middle to be 177px after)

You can choose to use the old dimensions which are 500px, 245px and 160px.

These are the widths, you can choose the heights yourself. For this gif I’ll be cropping 268 x 150

This is the cropping tool

click it and you’ll see this on the topbar of your screen. Type in your dimensions

Then crop as you wish. This is my result. 

STEP 5: CHANGING YOUR IMAGE SIZE + SHARPENING

The gif is way too big at this moment, so go to image > image size, this window opens:

Click “okay” and your gif will be a lot smaller. Use ctrl + “+” to make it bigger 

This is what our photoshop looks like right now

These steps look like A LOT of work but as soon as you’re used to the steps, it’ll take you about a minute to do all of this. 

Next is sharpening. I use a sharpening action made by ilanawexler but it’s pretty complicated, so I do not recommend it if you’re a beginner. I will however explain it fully here. Note: I had to do something different than the directions the blogger gave, so what I get might not work for others and you might have a different outcome

Select all your frames (from 1 -)

then click “convert to videotimeline” (it’s possible it’s called differently in your ps)

when you did that, add two layers on top of your other layers

Select all your frames (frame 1 to layer 2), right click and click “convert to smart object”

Then, go to your actions. If you just downloaded your action, you have to add it. 

When that’s done, open the bobbiesdraper sharpen and click “action 2″. Thn click the play icon

It’ll a LOT of stuff, but just let it be. 

Warning: if you changed anything to the frames in the timeline section, this won’t work. I noticed that if I delete frames or change the delay, ... before sharpening, it won’t work. 

If it worked, you now have this

I’m not sure if it’s normal, but I now have twice the frames I had before, but only the SECOND amount is sharpened. So I delete frame 1-35 now in the timeline section. 

This is my gif after sharpening (you can use this to practice coloring or to follow along with my coloring tutorial below)

this psd automatically sets the delay for your gif to 0,05, I always change it to 0,06 (sometimes 0,07). Just select all your frames, then click on the 0,05, ‘other’ and choose whatever you like. The max I would go is 0,08 (0,07-0,08 is the speed the episodes go btw when you watch them)

STEP 6: COLORING

Now the fun part!! You can either choose to use a psd (here are my psds) or you can color it yourself. 

For this tutorial, I’ll be doing a basic coloring. (that means: steps I always use to start my colorings).

We start with curves. For this gif, these are the settings: (this is a pretty bright gif so for darker scenes you’ll have to use more, but don’t start with too much, build it up)

then some levels to give the gif more depth

I usually enter 10 for the black (unless it’s a very dark gif) and I’ll move the arrow of the white to where the little line starts. 

Some brightness

Some black selective color (I always enter 10, unless it’s a dark gif)

Color balance (also usually start with this, unless it’s a blue gif, then I’ll move the arrows to red, magenta and yellow). If the gif is VERY yellow, I’ll add more in cyan and blue.

Then I’ll add a vibrance layer, +100 vibrance. 

This is what I have now (with a pretty watermark). These are the layers I will always start with. 

You can stop here, but I like to add some more to my gif so I’m continueing

I like adding more blues so I’ll add a selective color layer: (you can also decrease magentas is the “blue” ones to make the blues more cyan)

For blondes, I like making their hair stand out more so I’ll add a selective color layer for the yellows:

Of course, there’s a lot of yellow in the skintone so chances are the skin will look very yellow now, I add a color balance layer and change the highlights. (In darker gifs you might need to change the midtones instead)

Some magentas to make the lips stand out

and some contrast

That’s all for coloring. This is what my gif looks like right now:

STEP 7: SUBTITLES

If you want to add text, click this icon

these are the settings for my text

Then we’ll add some other adjustments to make the text more visible:

click on the fx icon

then click ‘stroke’

click okay, and click on the FX icon again, then click “drop shadow”

when you added all your adjustments, duplicate the textlayer and delete the first one (if not, your adjustments will only show on 1 layer instead of the whole gif)

If your text isn’t in the middle of your gif. Click your text layer, then click this icon

then in your topbar, adjust with these tools

this is what the text looks like now:

here is the psd for the text

STEP 8: SAVING

Of course, you have to save your gifs. Go to File > Save for web and this window will open

Make sure your settings look like these:

Make sure this number isn’t above 3 mb