╰𓎢　⁽Editblr 　　Archive ⌣ ⟢　❜

WHY DOES HE LOOK LIKE... THAT?

For those who don't know much about art, the original image is actually very heavy on red; Ivan's "white" shirt and "white" scleras are actually pink, his hair is highlighted in dark grey instead of the usual blue or cyan, and so forth. His skin is even the hexcode #E25969.

So why does the image look less red than it actually is? Well, the reason Ivan looks as though he's under dim, dramatic lighting and not like he's... well, sunburnt is because of color theory.

And while that's all fine and well in art, because it looks normal and cohesive in the actual art piece, it makes it really hard to edit. This is when color correction comes in.

WHAT IS COLOR CORRECTION, SIN?

I'm so glad you asked.

I'll try and keep this brief: color correction, as used in photo editing communities, is the process of correcting an image so that it's colors look more "normal." This can include making a super dark image have normal contrast, a super blue image less blue, a super desaturated image have saturated colors, etc.

In fact, you'll often see this in gifsets. Here's a post about it.

OKAY... HOW DO I MAKE HIM NOT SO RED?

Before you do anything, figure out what's going wrong when you edit your image. Is it too much of one color? Too dark? Too light?

Thankfully, we have already identified the problem with the art piece of Ivan. He's super red.

Now, we can solve this in both Photopea and Ibispaint. First, I'll tell you how to do it in Photopea.

PHOTOPEA

To color correct an image with too much of one color, you want to neutralize it. And to do this in Photopea, you're mainly going to want to use selective color layers and color balance layers. First, let's apply a color balance layer and turn down the red. Here are my settings, and how the image turned out:

Already, our image looks so much better. But Ivan still looks a bit... pink and dark, doesn't he? And now the black is a bit brighter, too. To counteract this, I'm going to use a selective color layer to darken the dark colors and add cyan and yellow to the red.

Just two layers and it looks nearly normal! Wasn't that easy?

Now, you can stop here. However, I wouldn't recommend it. See, because the image was so heavy on red, we had to neutralize it a lot. This resulted in those hearts turning magenta instead of red. He's also still pretty dark, and his shirt looks really cyan, which I don't want.

So, using another selective color layer: let's turn down the cyan, turn down the blue, add some yellow to our magenta and red, and brighten our whites. Then, I'll add a brightness and contrast layer.

Just look at the difference! I'd say I'm about done.

When we put it under the same PSD now, I get...

...this! It looks so much nicer, doesn't it?

IBISPAINT

First, I'll make a coloring so that, like with the photopea version, I can show you the difference in how the image will look when edited. Here's the coloring, and how it looks applied to the original image:

Um... It's not the literal worst thing in the world, I guess.

Now, in IbisPaint, the premise is more or less the same; you want to neutralize the color. It's just that the way you go about it is different. That doesn't necessarily mean it's hard, though. In fact, before I used Photopea, I used only IbisPaint to correct my images!

First, I'm going to put the original image in a folder. Then, I will colorpick from Ivan's skin and color a layer with that color. After that, I will invert the layer and set it to soft light. Here's what that looks like:

It's still pretty dark and pretty red, but that's a pretty drastic change! It's still not enough yet, though. Let's add another layer, color it with white, and set that to soft light, too.

Way less red, and way brighter! Maybe a bit too bright.

So, I'm going to be adding a brightness and contrast layer to darken the darker colors and lighten the lighter colors. However, IbisPaint's brightness and contrast filter tends to up saturation. Not to worry; you can just add an HSL layer to desaturate the image.

Again, you can stop here. I personally feel like the image is a bit too yellow, so I'm going to add a blue-grey soft light layer.

The change is a bit subtle, but I feel like it looks a lot better. Now, with the same coloring, here's what the color corrected image looks like:

Voila!

Now, I want to compare what the IbisPaint version looks like compared to the Photopea version.

If you can't tell what the differences are, what I noticed is that it has more contrast, it's less green/cyan, and it's more pink. Though, the reason it's so pink might be because of the blue-grey soft light filter. Overall, it looks pretty similar!

• the border i will be using for example its by @/suturical on this post

• now, how to understand this and make the magic happen?

GOTCHA!!!

1. Borders: container adjustements

• the least important thing is the container width, you can put as you please but i use it on 400px — 610px, its just my recommendation

• now the padding is important, its basically the distance between the border and the elements of your rentry

• example: padding on 25px

• example: padding 20px

2. Borders: slice

• the image slice is basically how much it will slice your border and repeat it, i recommend using it 20% – 40%, however adjust as you please!

• example: slice 37%

• example: slice 23%

big difference isnt it? and i only changed the slice part, nothing else!

3. Borders: width

• basically the width of the border, adjust as you please but i also recommend to put on 30px as its the maximum size you can put

• example: width 30px

• example: 15px width

4. Borders: repeat

• this is another thing that dont have much secret and explanation about, there are 4 repeating types for borders, they are:

• stretch: will stretch the original size of the border across the entire container

• round: most used, 'normal', will make your border get around the container

• repeat: will repeat a certain part of the graphic image across the sides

• space: will give space between the repetitions

• onto the next part, text!

2. Text: font applying

• ngl its pretty simple, first catch ANY font of the google fonts site and do like the screenshot above, detail, if you font name has a space between the name (example: playfair display) you MUST put the _ to substitute the space, or it won't work

• but if the font name doesn't have any spaces, write it normally

2. Text: text size

• also really simple, explore the sizes on the rentry, i use it 10px – 25px, adjust to your liking!

2. Text: coloring

• tired of coloring all sentences manually? just do the code from screenshot and input your color! it can be written like i did or the hex code/whatever!

• you can still color things manually even when using this

• final with all these changes:

SO THATS IT! the most important actually :33

hope it isnt confusing, any questions please send an ask!

tagging oomfie @chokingonchairs bc finally got the courage to make this and yu asked for hehe ^___^

THANKS FOR READING!