Phase Transitions - Rainbow Torus Spirals ( 1 / 7 )

I decided to start out the year with some rainbows. The images in this series draw inspiration from the solid shaded objects and the color palettes used in many of the animations created by @Florian de Looij. Now, I'll point out that my colors were -inspired- by, and not sampled from Florian's works. I like all of my rainbow materials to be procedural, and that means that the hues are normally spaced out relatively evenly around the color wheel - at least spaced evenly in the color systems I'm used to working in. Florian's on the other hand, are not spaced evenly in HSL, but they -do- look like they may have been sampled at 45 degree increments in the Munsell Color System. The Munsell system seems to have different saturation and brightness levels for each hue around the ring, and while they look great, I'm too hung up on the absolute spatial perfection rather than the relative color perception. For my shaders, I defined my colors by doing maths on the texture coordinates on the object surface, then I took the angle relative to the center of the object, quantized it into 8 stops, and mapped it to hue, and then I bent it with an oval bias toward half of the warm and cool hues. I'd show a picture of the node network for the shader, but it's clear I have no idea wtf I was doing, so that's great.

This animation is interesting in that shifts through the phases of the following 4 static phased animations in the set, and I think that this is super great.

Florian's awesome works - pay special attention to his super dope rainbow palette:

The Munsell Color Wheel:

You have no idea how much of a pain in the ass it was to export these animations as GIFs that looked good, and were small enough to upload to Tumblr, and get this - to Imgur. But this is strange to me. I have to make an image smaller than 2mb for Imgur now? Yes, if I want them displayed without the flat-color-shape image quality death-sentence that is GIFv. More on that in a minute. Photoshop's "Save for web & devices" GIF export was like "Yo dawg, I see you trying to save a GIF with a solid color background there, mind if I MAKE IT A CHECKER PATTERN OF 4 COLORS THAT ARE NOT THE COLOR YOU SELECTED, AND THEN EXPLODE YOUR FILESIZE TOO? I'M ON IT!" and I was like "No, really, plz no background dither. I'll even forgive that you made a terrible mess of selecting the palette between the blues and the greens, just plz dont dither" but Photoshop was like "I'MA FIRIN' MY DITHER" and the 2mb limit was never met. For literally 8 colors and then the anti-aliasing between them - Photoshop, I'm incredibly disappointed in you. You had one job in my workflow. Export some solid color GIFs, and you let me down.

So I was like "F*ck it. I'll write my own GIF batch processing scripts, with blackjack and hookers!". So I started to learn how to work with ImageMagick and GIFSicle. And I have to say, learning ImageMagick is a B*TCH. Never before have I worked with a command line program where the order of arguments can mean so many completely different, unrelated, not-what-you're-looking-for results. But you know what? When I finally got it right, IT'S OUTPUT WAS F*CKING BEAUTIFUL. SUCK IT ADOBE. And then GIFSicle was there slicing 100k~300k off each image. That was awesome. Anyway, nobody else should have to suffer as much pain in figuring out ImageMagick config options as I did, so I cleaned the script up a little and decided to share it. It's probably still too focused on my own use cases, but anyone's welcome to look at it and provide suggestions.

I've made a resolution to post about 2 ~ 4 new designs a month. If I feel I can't execute something to the quality level I want it, I'm going to see if I can switch up the style of that design, until it is a style that I feel I can execute adequately. Let's see how far that idea gets me.

Admiral Potato
Welcome to my design portfolio on Dribbble

More by Admiral Potato

View profile