Why Is Art Blurry: Resampling

Art too blurry? Too sharp? Control the way resizing affects your art quality. This tutorial teaches resampling and its common interpolation algorithms: Nearest Neighbor, Bilinear, and Bicubic.
This is part of a year long series. Get all 12 video tutorials early at: crowneprince.horse/store
⭐️ Scribble Kibble Digital Art Tip # 8 ⭐️
All Art Tips: • Scribble Kibble Digita...
Patreon: / crowneprince
Twitter: @CrownePrints / crowneprints
Store: crowneprince.horse/store

[@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.

[@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.

[@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

[@Kinkajou420]

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

[@zixea3318]

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

[@KTheChristianArtist]

​@@Twilightwolf34820 It's under the transform tool

[@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.

[@53xy83457]

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

[@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!

[@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!

[@Freytana]

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

[@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!

[@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.

[@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.

[@R3DGF]

you have no idea how much this helped me

[@Zer0cip]

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

[@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!

[@cloudricklloyd1]

wow, you are so underrated! Very helpful

[@mushroomocean5177]

So helpful!!

[@yousaydamian]

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

[@HiddenFaithy]

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

[@mikekomarinski]

I 💜 hearing your voice.😊

[@superboi_Gaming]

Omg your a life saver

[@cameoshadowness7757]

OMG THANK YOU

[@too_online.3441]

audio interpolation is a middleground of video interpolation and image interpolation

[@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

[@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

[@TheOne_6]

good to know :3

[@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"?

[@TheTattorack]

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

[@Krumplebumble]

Thank you for including Krita users!

[@laddbunny]

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

[@ILoveCats6000]

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

[@voidarzegon3083]

1:00 omfg its kuro sensei!!!

[@F-14D_Tomcat]

"Laughs in vector"

[@Josuh]

Learned these from Project64, god bless emulation

[@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.

[@BananaMan250]

Yipee

[@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?

[@DarkSn0w0]

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

[@friedtofus3705]

this guy makes anti-short bite size content

[@greenstarlover1]

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

[@alittleofsomething]

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

[@Greyskee]

I hate that I've never heard about this.

[@eeveefennecfox]

or websites just like to make art choppy and bad quality which is what it is 99% of the time =.=

[@JacksonHolloman]

also remember that if you see an option for anti-aliasing, turn that shit off

[@Hyginx]

Waifu2x or bust

[@polkinidk]

This video is about vectors isin’t it

[@marcfuchs6938]

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".