Why Is Art Blurry: Resampling

[@DrakiniteOfficial]

Bilinear is insanely fast! It's the sampling method that basically every program in the world uses by default when displaying images on your screen - Web browsers, video games (specifically GPUs), social media apps, etc etc. Something I enjoy doing sometimes is opening someone's profile picture on the Twitter android app and then just zooooooooooming in. For some reason, Twitter will let you zoom in INFINITELY on a profile pic. It starts to get blurry pretty quickly, but then if you keep zooming in you'll start to see simple gradients between two neighboring pixels. But then if you keep going in, it'll become a solid color, and then after a while it starts to appear glitchy, I think because of something to do with floating point precision.

[@metrosaurusrex7012]

Shrinking using Bicubic then enlarging using Nearest Neighbor is a very quick way of making pixel art.

[@greenstarlover1]

Interesting.....

[@FlameRat_YehLon]

Not really though. Pixel art that doesn't look like index color (or basically there are only a limited amount of color values in the image) isn't very popular and by doing the bicubic shrink you would likely make something with too much color in it. That's said, with some clever use of curves it might be possible to get some more convincing result without actually doing pixel art yourself.

[@inkbetweens6920]

The technical side is almost always overlooked. Its nice to see these types of vids being made.

[@enamis1]

thank you! FINALLY! someone explains these settings in an understandable way! the amount of forums ive read chasing scaling settings and idjits overexplaining and not explaining this was driving me up a wall

[@namenamename00]

THIS ANNOYED ME FOR YEARS BEFORE I FIGURED IT OUT!!! Thank you for spreading the good word! :D

[@AmaroqStarwind]

There's a thing called Monotone Bicubic, which fixes that overshoot-induced halo thing. I study different image resampling techniques in my spare time.

[@Kinkajou420]

I was just working on a piece I was debating on resizing- thank you ❤

[@kyupiangel90]

Do not know when i'm gonna need this but i'll save it to my art tips playlist❤ Thanks!!!

[@Pryexel]

This was very helpful information! I appreciate it!

[@53xy83457]

I learned about nearest neighbour the other day. "The pixels are right there, why the fcuk are you making them blurry!" Good times.

[@Zixea_a]

Ibispaint actually has resampling options as well, you have to scroll down a little though in the lasso tool/rescale tool to switch

[@Twilightwolf34820]

Wait for real? What symbol is resampling

[@exceptionallyriso]

@@Twilightwolf34820 just use the lasso tool and resize, you can select which interpolation you want to use

[@SnoFitzroy]

@@Twilightwolf34820 it's not a symbol in the main list, it should just be within the options for anything regarding scaling. If you want to resample the whole image, you wanna look at "canvas" settings while editing the image

[@StormzAway]

​@@Twilightwolf34820 Use transform tool -> scroll down -> interpolation method (there's a drop down option). Hope this helps.

[@PoketrainerMS]

​​@@Twilightwolf34820 no symbol, just an Interpolation Method menu its when you're in the Translate Scale menu (the arrows forming a +)

[@ujiklman20]

YO!!! Thank you so much, I was straight up using snipping tool to save my pixel art because it would never resize properly, Nearest Neighbor has been SO USEFUL! Thank you!

[@wolvensheepclothing4252]

Thank you so much for your thorough yet simple and easy to understand explanations/tutorials on these topics! I have a learning disability so I always have a hard time understanding most tutorials but the way you explain them has helped tremendously. Thank you!

[@R3DGF]

you have no idea how much this helped me

[@Freytana]

Very easy to digest and super helpful!! thank you for making this video!

[@HiddenFaithy]

Firstly, this is super useful thank you!! Also, hey I know that Kitsune. That's my dnd player's character!

[@Stratelier]

Resampling is a major reason I started looking around for quality image editors. Back on Windows 95, I had access to only ONE image editor with any resampling/interpolation at all (bilinear, I think) and only because it came bundled with a scanner -- definitely a context where having this feature mattered.

[@Zer0cip]

Actually so useful, wish i knew about this earlier. Then again i never looked for it 0-0

[@cloudricklloyd1]

wow, you are so underrated! Very helpful

[@mikekomarinski]

I 💜 hearing your voice.😊

[@fredrikfredrikfredrik]

It’s worth really driving the point home about nearest neighbor vs bilinear or bicubic. Nearest neighbor will never create a color that isn't already in the image. It always picks the nearest pixel in the input image and uses its exact color in the output. Bilinear and bicubic, on the other hand, mixes together colors, creating a sharper image when scaling down and a blurrier image when scaling up.

[@FlameRat_YehLon]

And... I even have a 4K portable monitor that can change super sampling methods... It kinda seems like when displaying 1080p the monitor has options for nearest neighbor and bilinear interpolation, and three other in-between options that blends these two. The default value seems to be 1/4 bilinear and 3/4 nearest neighbor, which is relatively sharp but isn't overly jagged, with might be a good option for general super sampling, but I can definitely see other options having some use. And maybe this knowledge could have some use in other places, for example video editing.

[@veyghard3217]

"If you use a free art program, there is a pretty good chance you might not be able to change resampling setting..." i present you... 🥁 KRITA better than many paid art programs

[@ThorinWolf]

Also, if you use GIMP, Cubic & NoHalo are pretty darn good. When I use GIMP for pixel art, I'd typically stick with "none" and scale up in multiples of 2.

[@ashkhol]

and it also runs on linux which means I can keep using my drawing tablet after windows 10 goes extinct (thanks microsoft)

[@j-network1214]

and I noticed what to do for Krita is shown at 1:37

[@yousaydamian]

dammm i learn something everyday, thanks to you :D keep up the great informative content :D

[@StarryScribbles]

omg crowne prince! ! It's been years since I last saw one of your videos pop up in my feed, how are you? Also very helpful video for something I was having some issues with recently, thanks!

[@TheTattorack]

Krita for the win. A powerful free open source art program with all the resampling options you'd want.

[@mushroomocean5177]

So helpful!!

[@superboi_Gaming]

Omg your a life saver

[@voidarzegon3083]

1:00 omfg its kuro sensei!!!

[@F-14D_Tomcat]

"Laughs in vector"

[@too_online.3441]

audio interpolation is a middleground of video interpolation and image interpolation

[@ShadowPack90]

For those who are curious, I have found that a few cheaper programs will bury this feature under a million tools. my program (ibis paint) Has it under canvas, then the resize tool

[@daisyblueofficial]

You mean "ibis paint"?

[@ILoveCats6000]

I use Medibang for art and I just find it so funny that they call the Nearest Neighbor setting “Jaggies”

[@laddbunny]

Thank you so much you no idea how many panic attacks u saved

[@cameoshadowness7757]

OMG THANK YOU

[@Krumplebumble]

Thank you for including Krita users!

[@TheOne_6]

good to know :3

[@betadaniel8637]

HOW!? HOW IS THIS POSIBLE!? this also work on medibang pain pro????

[@accuratejaney8140]

I know in Firealpaca, made by the same company, you can only do this using the transform tools.

[@henrystickmin8812]

Tip for pixel artists: Multiples of 100 are your best resizing friends!

[@SnoFitzroy]

this actually applies to almost any Nearest Neighbor scaling, even. An extra detail to keep in mind is that other multiples can work really well if it's already been scaled - for example, if you've already doubled it and want it just a little bigger, you can scale again by 150% to convert 2x2s into 3x3s

[@Josuh]

Learned these from Project64, god bless emulation

[@greenstarlover1]

And remember the number 1 rule of pixelart - RESIZE IN INTEGER NUMBERS ONLY!

[@friedtofus3705]

this guy makes anti-short bite size content

[@DarkSn0w0]

THANK YOU OH MY GOD I THOUGH IT WAS MY PC JUST ANOYING ME AGAIN!!!!!!!!!!!!!!

[@gobokinje9183]

Man, must be nice to have Free Transform :V

[@SnoFitzroy]

Free Transform exists in literally every program, it's always the default option. What are you even using that wouldn't have it?

[@Greyskee]

I hate that I've never heard about this.

[@BananaMan250]

Yipee

[@alittleofsomething]

I had no idea this was a thing... Probably because it's not a thing in sai uwu; I should look into this.

[@polkinidk]

This video is about vectors isin’t it

[@fredrikfredrikfredrik]

Nope:)

[@Hyginx]

Waifu2x or bust

[@Marc_Fuchs_1985]

Oh no, you used the evil I-word!!! Like 20 years ago, the rise of digital cameras of any kind, makers would always throw around huge resolution numbers, which weren't possible at the time. And with almost every device, there was a tiny disclaimer, that the advertised resolution is interpolated - which basically means, the image sensor only captures a small resolution, and this real resolution then gets amplified into oblivion via software. It was basically cheating or fraud, because you can digitally blow up images indefinately, this is not a feature at all.

[@mustacheboyo]

Scanners unfortunately do the same exact thing

[@Hexstream]

And then there is SVG. Infinite resolution! :)

[@LucarioBoricua]

That's because it's vector graphics--the program stores lines and areas with equations, rather than as a grid of pixels (rasters).

[@yablock7346]

Svg still has resolution

[@Hexstream]

@@LucarioBoricua I know, I write SVG by hand. ;)

[@Hexstream]

@@yablock7346 SVG has aspect ratios, and can define a default resolution, but can inherently scale to (render at) any resolution. Hence "infinite resolution", "no resolution" or "resolution-independent".