Why Is Art Blurry: Resampling

Поділитися
Вставка
  • Опубліковано 5 бер 2024
  • 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
  • Фільми й анімація

КОМЕНТАРІ • 74

  • @DrakiniteOfficial
    @DrakiniteOfficial 2 місяці тому +279

    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
    @metrosaurusrex7012 2 місяці тому +175

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

    • @greenstarlover1
      @greenstarlover1 2 місяці тому +7

      Interesting.....

    • @FlameRat_YehLon
      @FlameRat_YehLon 18 днів тому +4

      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
    @inkbetweens6920 2 місяці тому +56

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

  • @AmaroqStarwind
    @AmaroqStarwind Місяць тому +12

    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
    @enamis1 2 місяці тому +33

    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
    @namenamename00 2 місяці тому +35

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

  • @Kinkajou420
    @Kinkajou420 2 місяці тому +26

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

  • @zixea3318
    @zixea3318 2 місяці тому +10

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

    • @Twilightwolf34820
      @Twilightwolf34820 2 місяці тому

      Wait for real? What symbol is resampling

    • @exceptionallyriso
      @exceptionallyriso 2 місяці тому

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

    • @KTheAlphabetArtist
      @KTheAlphabetArtist 20 днів тому

      ​@@Twilightwolf34820 It's under the transform tool

    • @SnoFitzroy
      @SnoFitzroy 17 днів тому

      @@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
      @StormzAway 14 днів тому

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

  • @Stratelier
    @Stratelier 9 днів тому

    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.

  • @veyghard3217
    @veyghard3217 2 місяці тому +44

    "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
      @ThorinWolf 2 місяці тому

      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
      @ashkhol 2 місяці тому +4

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

    • @j-network1214
      @j-network1214 2 місяці тому

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

  • @Pryexel
    @Pryexel 2 місяці тому +8

    This was very helpful information! I appreciate it!

  • @53xy83457
    @53xy83457 10 днів тому +1

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

  • @kyupiangel90
    @kyupiangel90 19 днів тому

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

  • @FlameRat_YehLon
    @FlameRat_YehLon 18 днів тому +1

    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.

  • @R3DGF
    @R3DGF 15 днів тому

    you have no idea how much this helped me

  • @Freytana
    @Freytana 8 днів тому

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

  • @wolvensheepclothing4252
    @wolvensheepclothing4252 2 місяці тому

    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!

  • @Zer0cip
    @Zer0cip 2 місяці тому +2

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

  • @ujiklman20
    @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!

  • @HiddenFaithy
    @HiddenFaithy 2 місяці тому +2

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

  • @yousaydamian
    @yousaydamian 2 місяці тому +2

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

  • @cloudricklloyd1
    @cloudricklloyd1 2 місяці тому

    wow, you are so underrated! Very helpful

  • @too_online.3441
    @too_online.3441 27 днів тому +1

    audio interpolation is a middleground of video interpolation and image interpolation

  • @mushroomocean5177
    @mushroomocean5177 2 місяці тому

    So helpful!!

  • @mikekomarinski
    @mikekomarinski 2 місяці тому +4

    I 💜 hearing your voice.😊

  • @ShadowPack90
    @ShadowPack90 Місяць тому +1

    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

  • @StarryScribbles
    @StarryScribbles 2 місяці тому

    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!

  • @superboi_Gaming
    @superboi_Gaming 2 місяці тому

    Omg your a life saver

  • @cameoshadowness7757
    @cameoshadowness7757 2 місяці тому

    OMG THANK YOU

  • @TheTattorack
    @TheTattorack 20 днів тому

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

  • @voidarzegon3083
    @voidarzegon3083 2 місяці тому

    1:00 omfg its kuro sensei!!!

  • @laddbunny
    @laddbunny Місяць тому

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

  • @Krumplebumble
    @Krumplebumble Місяць тому

    Thank you for including Krita users!

  • @TheOne_6
    @TheOne_6 20 днів тому +1

    good to know :3

  • @ILoveCats6000
    @ILoveCats6000 22 дні тому

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

  • @henrystickmin8812
    @henrystickmin8812 Місяць тому +1

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

    • @SnoFitzroy
      @SnoFitzroy 17 днів тому +1

      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
    @Josuh 2 місяці тому

    Learned these from Project64, god bless emulation

  • @F-14D_Tomcat
    @F-14D_Tomcat 2 місяці тому +1

    "Laughs in vector"

  • @greenstarlover1
    @greenstarlover1 2 місяці тому +1

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

  • @DarkSn0w0
    @DarkSn0w0 2 місяці тому

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

  • @betadaniel8637
    @betadaniel8637 2 місяці тому +1

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

    • @accuratejaney8140
      @accuratejaney8140 2 місяці тому

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

  • @friedtofus3705
    @friedtofus3705 Місяць тому

    this guy makes anti-short bite size content

  • @gobokinje9183
    @gobokinje9183 2 місяці тому +1

    Man, must be nice to have Free Transform :V

    • @SnoFitzroy
      @SnoFitzroy 17 днів тому

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

  • @BananaMan250
    @BananaMan250 2 місяці тому +2

    Yipee

  • @alittleofsomething
    @alittleofsomething 2 місяці тому +4

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

  • @Greyskee
    @Greyskee 2 місяці тому +1

    I hate that I've never heard about this.

  • @JacksonHolloman
    @JacksonHolloman 21 день тому

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

  • @eeveefennecfox
    @eeveefennecfox 21 день тому +1

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

  • @Hyginx
    @Hyginx 2 місяці тому +3

    Waifu2x or bust

  • @polkinidk
    @polkinidk 5 днів тому

    This video is about vectors isin’t it

  • @marcfuchs6938
    @marcfuchs6938 2 місяці тому

    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
      @mustacheboyo 11 днів тому

      Scanners unfortunately do the same exact thing

  • @Hexstream
    @Hexstream 2 місяці тому +3

    And then there is SVG. Infinite resolution! :)

    • @LucarioBoricua
      @LucarioBoricua 2 місяці тому +5

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

    • @yablock7346
      @yablock7346 Місяць тому

      Svg still has resolution

    • @Hexstream
      @Hexstream Місяць тому

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

    • @Hexstream
      @Hexstream Місяць тому +1

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