lovesuperjunior

anonymous asked:

I don't really know what do you call this one. Can you make a tutorial on how did you do the colour of the top of the gif? thnks Monic.

That effect is called negative space (except sometimes it’s not dflfdk I don’t know I suck at explaining). Examples: here, here, here, and here. I use this effect a lot. Quite addicted to it actually.

Okay, so I’m gonna do this using a picture. It’s going to be more meticulous to do it on gifs. I’ll be using this screencap from Proposal Daisakusen. Basically, you have to find a scene where there’s a pretty neat top part? I don’t know how to properly explain this but you need to pay attention to the upper half of the scene/picture if you want to extend it. See how it’s basically just a blank space with no clouds etc? That part has to be clean. I have a few other examples here, here and here. (You can also do it with a photo that doesn’t have a ‘clean’ top part but it’s complicated. I’ll get to that later.)

Do what you have to do with the picture (or gif) – colour it, crop it, sharpen etc. This is how mine looks now.

Now you need to go to Image → Canvas Size. A box like this should pop-up. You can enter your dimensions in the fields. Check the “relative” box (you’d notice that the numbers in the fields will turn to zero once you check it). If it’s already checked, then leave it be. You can enter your dimensions as pixels, percents, inches etc in the fields. There’s also the anchor diagram (the arrows) that lets you specify how would you like your canvas modified. There’s a really good explanation about Canvas Size here since I can’t really explain stuff properly.

For this tutorial, we’re gonna increase the canvas’ height so click the anchor points on the lower part to make the arrows go up. You can now enter your dimensions in the Height field. Remember when I made you check the “relative”? This is how it works. You basically enter the height you want to add on your picture. Say your image’s height is 300px. If you want to make its height 500px, first you have to choose Pixel in the drop down menu next to the field. Then you’ll enter only your needed height, which is 200px. It’ll be different if you hadn’t checked the “relative”. Ugh I suck at explaining things. You should experiment with the tool. If you don’t have a specific size in your mind, you can also use Percent. I increased mine at 50%. My image now looks like this. Notice how there’s now a white part on top.

Now, using the eyedropper tool (it picks up a colour from any open image), click anywhere on the top part of the picture. Create a new layer and then switch to brush tool. Select a considerably large soft-edged brush (I usually have mine at 100px to 250px) to brush out the upper part of the image. And you’re done.

Now if your image/scene isn’t particularly neat like this one (there are colour inconsistencies because of the buildings and street lights etc), what you can do is choose the most dominant colour in that part (again using the eyedropper tool) and use that colour to brush the upper part (like what I did in here). You may also select the part where the top of the image and the painted part meets using the Rectangular Marquee Tool, like what I did here. Then you can use the Feather tool (Select → Modify → Feather) and enter the value (I usually use 0.2 to 0.5). After that, you can go to Filter → Blur → Gaussian Blur and blur it at about 5.0 to 10.0 pixel radius just so it blends a little better.

That’s it!

Ugh seriously I hate writing tutorials because I suck at explaining and I tend to go so much into details and it gets really long and rambly. I probably made it more confusing for you. Just message me if you have more questions.