#.tutorial

1. add your tag to your work / post. → make sure to open the post on a browser, you can do this by clicking the 3 dots on the post then copying the link + pasting on a browser if you’re exclusively on the app.

2. next, you’re going to simply tap the tag you want to link. there you will see it’s a searched tag on your blog.

3. copy the link on that browser, it should look like this : “ https://www.tumblr.com/blogname/tagged/(your tag) ”

4. now make a new post and highlight whatever word you would like to add the link to. it will be the joined circles on the bottom. → this can be done on the app or on a new browser, doesn’t matter.

important tips !!

please don’t use a lot of copy and paste symbols on your tag. it will not work and will just make your link disappear. i’m not entirely sure about emojis, but i would play it safe with a simple tag (・_・ヾ

i found that sometimes when you directly copy the link from another existing post, it won’t always work. so i recommend just opening it on a browser and copying it from there instead on the app.

Step 1: You’re obviously gonna need a video to gif. I recommend to use good quality videos for cleaner gifs (1080p, and if you can find BD versions even better). Open your video in any player that has a timer for you to see (VLC is a good option, MKV is fine too). Also open Handbrake on the side, with the video file in it.

Handbrake opens with those default settings so you’ll have to change them

From Chapters to Seconds

From FPS 30 to Same as source (it’s at the top)

From Quality 22 to Placebo

Step 2: Now that the basic stuff is done, you’ll need to choose a scene (me, stating the obvious lol) what I do is, after knowing when the scene i want to gif starts and ends I add 1 sec before and 1 sec after on Handbrake (i.e if the scene is from 3:05 to 3:12 I will put 3:04 and 3:13 on Handbrake) so i can have the whole scene and a little more just in case. 

Step 3: Then you just save it (clicking on Start Encode) 

If you have more than one scene you want to save click on “Add to Queue” and after you have all the scenes of the video you want to gif then click on “Start Encode”,

Try not to save a really big scene in just one file because PS has a 500 frame limit.

Now we go to Photoshop

Step 4: Open the video (scene) you just saved. For that you’ll need to go to:

File > Import > Video frames to layers

Once you click on that, this window should appear:

Step 5: After you click OK comes the good part, making the actual gif. PS should look like this: 

I  like to put all the layers in one group

I saved like 2 seconds extra first of all I need to delete the extra frames that aren’t part of the scene I want to gif (I know it’s tedious but I prefer that to lose part of the scene by accident).

To delete frames from the Timeline just click the trashcan on the bottom.

Since the gif is in 1080p, the canvas is gonna look BIG but don’t worry about it for now.

Now we delete the frames that are the same (most of the time with the placebo quality it’s every 2 frames or if it’s a fast scene every 1 frame, but there are some scenes where all frames are different, it depends on the animation)

The scene I choose here is a little complicated(?) because the speed of the hair is different than the speed of the clouds in the eye. I decided to go with the speed of the hair:

The selected ones are the ones that I’m gonna delete because they are repeated.

Step 6: You can see the number 0.04 under the frames, that’s the speed of the gif. 

If we leave it with all the frames and that speed it should look fine but the size of the file might be too much for tumblr (size limit is 3MB wich stresses a lot of us gifmakers lol) that’s why we delete frames, to reduce the size.

Now we change the speed, for that we select all the frames (select 1 frame + shift + left click last frame) then, with all the frames selected, left click on the bottom part of the frames (the one with the numbers and arrow)

This should appear, then click on “other...” :

This little window should appear, change the set delay to your desire and scene speed:

Set delay kept at:

0.04: lol this looks funny

0.07: 

0.1: 

Step 7: Our file should be BIG, to fix that there are different ways but what I do is go to: Image > Image Size

And set the Width to 540 pixels. It’s important to keep the little chain because it will maintain the aspect ratio ( otherwise it will look stretched and weird) 

Step 8: After we’ve done all this we click on the bottom left button of the timeline to change from frames to timeline (this is so we can sharpen and color our gif)

It should look like this now:

Step 9: This step is the sharpening step. For this we go to Filter > Convert for smart filters

After you clicked on that, the rest of the filters should be available again. Now we click on Blur > Surface blur

This little window should pop up, I usually go for Radius: 4 and Threshold: 3 or Radius 3 and Threshold: 2. This is so the image can look smoother and not grainy.

Then we apply our sharpen settings (there are a lot of ways to do this and a lot of other tutorials so I’m not gonna put my settings here because I usually just play with them until it looks okay). Here is a sharpening tutorial in case you want to know more.

Step 10: We apply our coloring/adjustments. This depends on the scene (if you want to know how I color my gifs let me know too)

Step 11: We are almost done! We just need to save. So for that you need to click on File > Export > Save for Web (or just click ctrl + alt + shift + S)

Something like this should appear:

There are a lot of combinations for you to save your gifs, you just need to play a little and see wich one looks better. It depends on the scene, sometimes adaptive + pattern looks good and other times selective + pattern or adaptive + diffusion, you’ll just have to try and see wich combination works best.

Personally I like to use pattern rather than diffusion, especially for gradients (like the ones in the eyes I’m using as an example)

I recommend not to use “No dither” because it will create segments(?) and it won’t look good especially if the scene you are giffing has some kind of gradient, like this:

With Pattern and Selective:

With Pattern and Adaptive: (there’s not much difference, but the eyes look “cleaner” with selective)

Depending on what dither algorithm or color reduction (aka patter or noise or diffusion and perceptual or selective or adaptive) the color table will change.

Here is a better explained tutorial about save for web

Important!

DON’T GO OVER 3MB or your gif won’t play

Never forget to loop your gif to “Forever”

Finished Gif:

Other gif tutorials that are very helpful:

gif tutorial: how to make a gif by @anue 

how to make a gif by @kaijohs

open up a new document, i used 540x600px as my dimensions on graphics, but it doesn’t really matter, just get the size right for you, and open up the image of the person that you want to have this effect. 

for this to work you need to get rid of the background on that image so unlock the base layer of the image and then delete the background. i always use the pen tool for this and then if there are complicated bits like hair and there is a plain background then use the colour selection tool. if you need this explaining i can do another tutorial! once you have cut it out, the background should show little grey and white squares. 

drag that layer onto your new file & choose a bg colour! mine is #e0e0e0 in this. then you wanna duplicate that layer (right click on the layer then duplicate) four times!!! you should have four of the same layer stacked one over the other.

the middle 2 layers need to be inverted, to do this select the layer then go to image>adjustments>invert. once you’ve inverted the layer set the layer to “overlay” and shift it. i moved it 5px, so one layer is moved 5px up and 5px left, the other layer is 5px down and 5px right. now! all you gotta do is set your top layer to hard light && you’re done! 

colour it and use a psd as you wish, it also looks great with textures over it so go nuts! one thing i would say is make sure your original image isn’t super high saturation or when you blend the layers it looks a bit funky... the simpler and more striking the contrast in the image is the better. fiddle around with layer settings etc until it looks nice and voila, you have a cute graphic!