#*vs&ps | Explore Tumblr Posts and Blogs

wonwooridul · 2 years

Text

HELLO & WELCOME ♡ to an all inclusive giffing guide, which includes: - vapousynth installation on windows / mac - how to source giffable material - resizing / deinterlacing / denoising / sharpening on VS - step by step breakdown of how to use VS - giffing after you've used VS - giffing using only photoshop - simple colouring guide - watermaking and blurring captions

( a better and updated version of the previous one )

GIFFING USING VS + PS

1. VAPOURSYNTH & ITS INSTALLATION

VS is free to download and use. it is truly an amazing tool which allows you to resize, denoise, sharpen your gifs all at once and save the output in gifs, frames , mp4 and mov.

You can install vapoursyth from here. The site has download software and installation guide for both MacOs and Windows. Please watch and read the installation guide thoroughly, it is a very well written one and if you follow along, installation will be done easily.

It is best to use a video with minimum resolution of 1080p but a good 720p would work sometimes. This is how gifs look after sharpening a normal 1080p video:

2. SOURCING GIFABLE MATERIAL

➞ You can start with downloading a 4K Video downloader. It will allow you to download clean and best available resolution videos from youtube. ➞ If you don't want to download a software, you can use screenrecording. - Windows : windows key + alt +R - MacOs: shift + cmnd + 5 ➞ .TS files - for seventeen .ts files, you can go to rosebay

3. TUMBLR SIZING

Tumblr has it own resizing rules so that your gifs aren't blurry after you've uploaded them. Keep this in mind when you're using VS resizing tool.

4. USING VAPORSYTNH

After you've installed the VS properly. You'll have a VS script shortcut on which you'll drop your video file for giffing. Once you drop your video file on the VS shortcut, a window like this will pop up:

After you've put your timestamps and gif duration, a resizer will open up in chrome ( or your default web) along with a VS Script Window (sometimes it’ll take a min to open).

GIF Size: WIDTH (left space) and HEIGHT (right space). Use the bottom left triangle to adjust you clip. Make sure 'Preprocessor' is set to 'None' and "debilinear'.

Use KNLM for denoising and FineSharp for sharpening by selecting them and ticking the small check box beside them. DONOT mess with the denoise and sharpening cursor on the resizer tab, we'll adjust setting on the VS Script.

There are CCs who use BM3D for denoising but it never worked for me. Always gave me an error. KNLM has worked without an error for years for me.

NOW, there are CCs who like to set frame per second ( qtgmc) on the resizer itself but qtgmc is designed to work with interlaced video. Don’t waste your time with fancams, it won’t do shit.

[ Interlaced content: live performances, variety shows. Typical formats: .ts/.tp/.m2ts Progressive content: fancams, vlive/instagram videos, some variety shows (basically 1080p/720p/480p/…, anything with a p. Typical formats: .mp4/.avi ]

Copy whatever code that comes on the top right.

YOUR VS SCRIPT:

First, remove the # on line 9 to increase your cache size so that your VS doesn't slow down or crash. It is already removed in mine, but you'll have to remove the # on the start of line 9.

Remove everything from line 17 till before "video = core.fmtc.bitdepth(video, bits =16)" and paste the code you copied from the resizer on line 17.

After you've pasted the code, we put in our denoise and sharpen settings by changing these things. denoise: 2, 6, 4 , 2 finesharp: 2

Now, Encoding aka Saving the output. Script > Encode Video and another window will pop up which allows you to select in which way you want to save your ouput.

I would highly suggest using the PNG sequence because it is easily editable and is saved in hd from. GIF output can often be dithered.

Ensure that header in in Y4M mode

Click on Start to start your encoding process. Don't close any of the window tabs before the encoding is completed.

Your output will be saved under "D:\VapourSynth64Portable(200722)\gifs\output".

Before you start encoding another batch of frames or a gif, please cut and paste the previous output in another folder because each new batch of output gets saved in the same folder with the same name, thus, automatically replacing the files.

after you’re done with accessing your output PNGs, close all the windows and repeat the same for a new set of PNGs for another gif.

TRIMMING GIFS

If your saving as PNG sequence, you can simply trim your gif by removing the unwanted frames!

If you're saving as a GIF output, after loading your gif and converting it into a smart object, you can cut it using the 'scissors' button on the timeline. Place the cursor thing from where you want to cut the gif from and press the scissors button. It will split the gif in two. Select the unwanted one and press delete.

REMOVING FLASES FROM GIFS

To remove flashes in gifs in a simple and easy way is to save them as a PNG sequence. With that you can clearly see which frame has a flash and simply delete that before loading in photoshop as stack.

5. LOADING THE GIFS IN PHOTOSHOP

Firstly, turn on your timeline mode. WIndow > Timeline

To LOAD GIF FILE IN PS FOR COLOURING File > Open > Select GIF > Enter ( a normal gif output will have a 0.02 FPS delay )

(if you want to sharpen or add any effects to the gif then:) - Click the small button on the left bottom of the timeline to convert into into video timeline.

Select all frames on your right and convert them into a Smart Object (select all > right click > covert to smart object)

Add whatever filters you want.

Add your colouring and save.

TO SAVE AKA EXPORT GIF

File > Export > Save to WEB

6. LOADING PNG SEQUENCE FRAMES FOR GIFFING

File > Scripts > Load into Stack > Browse Browse will open your File Manager. Select the frames you want to be loaded as a stack. Let them load and click OK.

After PS is done loading your frames, Follow these steps:

Click create frame animation. It’s show only one frame so you have to click this ≡ symbol on the top right of the timeline.

Then click Create Frames from layers and it’ll make all frames.

Then click ≡ again and click “reverse frames” because ps loads stacked frames in reverse so you have to un-reverse it.

4. Most importantly, we need to set frames per second because we didn't set anything on the resizer. Frames per second can make a huge difference in how fast or slow you want your gif to be. 0.05 FPS is just my preferred setting.

To input your desired FPS settings, select all frame from the timeline, right click on any frame > Other > Input your desired setting. ( anything above 0.08 will make the gif too slow )

5. Click on 'Create Video Timeline' to turn this into a video timeline. (bottom left of timeline)

i made an action that does all steps from 1 to 5. Download it here <3

6. Then select all your layers from the side panel and convert it into a smart object so that you can sharpen it and add other filters.

7. Add your adjustment layers for colouring and save it!! Saving process as same as before. (File > Export > Save to WEB)

GIFFING USING ONLY PHOTOSHOP

If you don't want to go through hassle of installing and using vapoursynth, you can use this photoshop only method. You can simply cut the video and load them as frames.

File > Import > Video Frames to Layers

A window like this will pop up:

Use the triangle cursors to set the start and end of your clip. Make sure Make frame Animation is check. Press OK.

IMP: After you frames have loaded, you'll see the frames have loaded at a 0.04FPS. You can change it according to your preference but the speed is different (slower) for these gifs even if they're both at 0.05fps, that is because the number of frames is different than number of frames from a VS png sequence for the same clip.

You can adjust the fps the same way mentioned above.

You can see the difference even with the same FPS settings. The frames in the second gif are VS generated whereas the first one is PS generated.

After setting you desired FPS, click on the Make Video frame animation button at the bottom left on the Timeline tab,, Select all frames/ layers on the right and convert them into a SmartObject.

Now comes the main part, Resizing the gif according to tumblr. For this, Image > Canvas Size. Input your desired dimentions and press OK.

Then, Click of CTRL + T (Free Transform) and adjust the gif along the canvas. like this:

Press Enter. You gif is set. all you need to do is, add your sharpening (filters > smart sharpen).

You can also refer to this amazing tutorial by @jeonwonwoo for photoshop giffing.

BLURRING CAPTIONS IN GIFS

For this you only need a gif in a Smart Object, Marquee Tool and Gaussian Blur.

Marquee Tool is the small dotted rectangle tool. Click on it and then make your selection around the caption by clicking and dragging your cursor.

normal selection

Add to selection (to the normal selection) ( best for multiple captions, it lets you select in multiple places at once) Example:

after selection, go to Filters > Blur > Gaussian Blue > 3.0

IMP: If you want to add Blur using marquee tool on a smart object that already has a smart sharpen filter (or any filter) on then you need to convert that smart object into a smart object again.

after you've added your colouring adjustment layers, save your gif. File > Export > Save for Web

WATERMARK

To make you custom watermark shape, you can follow this wonderful tutorial by @yunaevis

How to set the custom watermark or any watermark, you can follow this tutorial by me. ( bonus: it'll also teach you how to use actions for watermarking)

BASIC COLOURING

Start off Curves. Click and drag the curves from the middle to upwards. This will increase the brightness .

For skin, we begin with Selective colours. Messing with Reds and Yellows, give the skin more even saturation. You can accentuate blacks and increase brightness + contrast too.

BEFORE AND AFTER:

for a detailed basic colouring tutorial, you can follow this tutorial!

DONE AND DUSTED,,,, THANKYOU <333 I hope this was somewhat helpful <3 if anyone has a doubt, they can always contact me!

#photoshop tutorial #vapoursynth tutorial #all in one gif guide #gif tutorial #kpopccc #lee.guide #ps tutorial #watermark #giffing #blurring captions #resources #guides #allresources #vs #vapoursynth #photoshop #gif making #300

531 notes · View notes