Menu
O mnie Kontakt

W najnowszym filmie Japhy Riddle bada koncepcję sub-pixel artu, zaczynając od wyjaśnienia, czym dokładnie są sub-piksele. Zwraca uwagę, że piksel w rzeczywistości składa się z trzech mniejszych prostokątów, każdy odpowiadający za inny kolor - czerwony, zielony i niebieski. Dzięki kombinacji tych kolorów ludzkie oko jest w stanie postrzegać różne barwy, nawet te, które nie znajdują się w tradycyjnym spektrum tęczy. Wspomina również anegdotę ze swojego dzieciństwa na temat koloru magenta, który jest wynikiem połączenia niebieskiego i czerwonego światła, co podkreśla złożoność percepcji kolorów przez nasze mózgi.

W ścisłym związku z sub-pixelami, Japhy Riddle przechodzi do tematu sub-pixel artu, który w zasadzie polega na wykorzystaniu tych sub-pikseli do tworzenia obrazów. Opisuje to jako metodę, która teoretycznie pozwala na uzyskanie trzykrotnej rozdzielczości poziomej, jeśli pominiemy kolor. Przytacza prosty sposób, w jaki można w praktyce kontrolować sub-piksele, wskazując, że wystarczy odpowiednio ustawić kolory pikseli, aby je aktywować. Jest to zadanie, które wymaga odpowiedniego oprogramowania, takiego jak Nuke czy Photoshop, które Japhy wykorzystuje w swoim przykładzie.

Riddle wyjaśnia, jak za pomocą Photoshopa można przekonwertować zwykły obraz w sub-pixel art. Proces zaczyna się od squashowania obrazu do jednej trzeciej jego wysokości, następnie konwersji do 1-bitowego koloru z użyciem desaturacji. Dalej, za pomocą sprytnych trików z warstwami i ich ustawień, można uzyskać pożądany efekt. Japhy podkreśla, że chociaż koncepcja sub-pixel artu może wydawać się ekstrawagancka, ma swoje zastosowania w szerszym kontekście, np. w wygładzaniu czcionek.

Na uwagę zasługują również inne aspekty subpikseli, takie jak wykorzystanie w nowoczesnych sensorach kamer. Japhy wspomina o skomplikowanej budowie przetworników obrazu, gdzie kolory odpowiadają za różne części obrazu. Porusza także temat, którego nie wystarczyło miejsca w filmie - jak ukrywać tekst na poziomie sub-pikseli, co może być ciekawym zagadnieniem do dalszego zgłębiania. Jednym z takich rozwiązań jest debayering, proces, który wykorzystywany jest w technologii kamer.

Na zakończenie, warto zwrócić uwagę na statystyki filmu: na chwilę obecną, materiał zgromadził 569322 wyświetlenia i 34864 lajki, co pokazuje, że temat sub-pixel artu przyciąga wiele zainteresowania. Japhy Riddle z pewnością otwiera nowe wymiary w tworzeniu sztuki cyfrowej, zachęcając swoich widzów do eksperymentowania z tym nietypowym podejściem w swoich własnych projektach.

Toggle timeline summary

  • 00:00 Wprowadzenie do koncepcji sztuki subpikselowej.
  • 00:14 Dyskusja na temat historycznych nieporozumień dotyczących najmniejszych cząstek fizycznych.
  • 00:27 Wyjaśnienie definicji piksela i potrzeby powiększenia.
  • 00:51 Wprowadzenie do subpikseli: czerwone, zielone i niebieskie składniki piksela.
  • 01:29 Wyjaśnienie, że magenta nie jest kolorem w tęczy, lecz kolorem postrzeganym przez mózg.
  • 01:51 Wprowadzenie do idei sztuki subpikselowej.
  • 02:07 Jak kontrolować poszczególne subpiksele poprzez dostosowywanie kolorów pikseli.
  • 02:45 Demonstracja konwersji obrazów na sztukę subpikselową przy użyciu Photoshopa.
  • 04:06 Wyjaśnienie, jak dane przestrzenne są reprezentowane poprzez kolor.
  • 04:34 Dyskusja na temat praktycznych zastosowań sztuki subpikselowej, takich jak wygładzanie czcionek.
  • 05:09 Wprowadzenie do tego, jak subpiksele są używane w nowoczesnych sensorach kamer.
  • 05:46 Badanie ukrywania tekstu w obrazach na poziomie subpikseli.
  • 06:07 Zakończenie i zachęta do tworzenia i dzielenia się swoją sztuką subpikselową.

Transcription

This isn't pixel art. This is sub-pixel art. Okay, it's still pixel art. But what's sub... sub... what's a sub-pixel? Remember when atoms were thought to be the smallest particles? No, you don't. Unless you're around 130 years old, subatomic particles were discovered way before you or I were born. Okay, but remember when you thought a pixel was the smallest dot that could exist on your screen? You might still think that, but look closer. Depending on your display, you might need a magnifying glass to see what I'm talking about. I still use an older computer screen where I can easily see individual pixels with my eye, but something like a retina display makes that quite a challenge. Anyway, this is what a pixel looks like up close. Look, it's three little glowing rectangular boxes sandwiched together. A red one, a green one, and a blue one. These little rectangular boxes are sub-pixels. When different amounts of red, green, and blue light are combined, and those different colors of light enter our eyes, we can perceive any color of the rainbow, and even colors that aren't in the rainbow. When I was in first grade, I had a friendly argument with a fellow student about where magenta should go in the rainbow, or rather, how we should order our pens. I argued that it should be placed at the end of the rainbow, but she thought it should go at the beginning. We were both wrong. Magenta is a color that only takes place in our brains when we combine blue and red wavelengths of light. It's not in the rainbow spectrum. How cool is that? Now, for the sake of completeness, there are a number of other configurations of sub-pixels, but the repeating RGB stripe pattern is the most common as far as I know. But I confess that I haven't been paying much attention to advancements in screen technology, so feel free to let me know how wrong I am. Anyway, now that you know what a sub-pixel is, let's talk about sub-pixel art, which isn't really a thing outside of this video, to my knowledge. The idea is that your screen is actually capable of displaying three times its listed horizontal resolution, if you ignore color. Instead of turning on and off individual pixels to make an image, you can turn on and off the little red, green, and blue boxes within the pixels. Okay, how would you actually do that? Well, it's really simple. All you have to do to control the individual sub-pixels is control the color of the pixels they reside in. If you want to turn on the box on the left, make the pixel red. The one in the center? Make it green. The one on the right? Blue. And if you want to turn on multiple sub-pixels within a pixel, just add the colors of light together. I find it hard to imagine that anyone besides me would want to do this, but if you're as nuts as I am, there's a really easy way to convert any image into a sub-pixel image. Well, it's easy in theory. You have to have the right software. I have a very automated way of doing it using a program called Nuke. But since a lot of people have Photoshop or something similar enough, I'll demonstrate that concept using that program. The first thing is to create an RGB stripe pattern. Now take an image that you want converted to sub-pixel art. The first thing to do is squash it so it's a third its natural height. Now we need to convert it to 1-bit color. Use a dithering pattern if you're so inclined. Now multiply your squashed image and the RGB layers together. Select all the red pixels in the image. The easiest way to do this is with the wand. Make sure to turn off anti-aliasing and contiguity. Duplicate them to the right twice. Merge them and set their blend math to screen. Hide that layer to make things easier to see. So do the same thing with the green, only this time, duplicate them to the left and the right. And with the blue, it's the same process again, but this time, duplicate them to the left twice. Make a black background to sit behind them, and then unhide their layers so you can see them. Now resize your image's width to one-third its size and... It only looks weird because we're looking at spatial information, represented as color. If you view this at 1x scale, it works. Look at that. Spatial data and color are linked in this way. Look at how when I move this left and right, all the colors change. Fun fact, color on the Apple II computer actually works this way. Sort of. It's a little more complicated than that, but I don't want to spend a bunch of time explaining how the Apple II's video modes work. There are other YouTube videos that cover that in great depth. Okay, so what's the point of this? Well, for my purposes, not a lot. I just hadn't seen any drawings made exclusively at the subpixel level, so I had to try it out. But there are some practical applications that depend on subpixels. For instance, font smoothing. This black font on a white background actually has some subtle color to it. If we zoom in, you can clearly see that the letters are not just black. Color is employed to help anti-alias the letters and slightly shift the perceived locations of various features of each character. Not neat. Subpixels also come into play with modern single-chip camera sensors. Rather than stripes like we've been using here, the most common camera sensors use a pattern like this. When an image is focused onto the sensor, certain parts of the image will only land on certain colors. There are some really interesting solutions to this problem, but this is another topic that won't fit into the scope of this video. But if you're interested in that rabbit hole, look into debayering, or I've heard it said debiring as well, or demosaicing. Another possible usage, and I've never heard of anyone doing this, but someone's probably done it because what hasn't already been done, is hiding text within images on a subpixel level. Can you tell what this says? Well, if we view this at a 1x scale and take a picture of the monitor, and then desaturate that picture and then squish it vertically, look, totally legible. I think that's all I have to say about making art using subpixels. If you somehow feel inspired to give it a go, please show me what you make. Thank you for watching. See me next time.