Making an Anaglyph!

IMG_6862

You know those cool images that become 3D when you put on the spiffy red and cyan glasses? This weekend I accidentally learned how to make them! They’re actually ridiculously simple to create… and extremely fun to layout once you get the hang of it!

I was adding the finishing touches to the next page of my webcomic. The subject needed to appear “glitchy” so I decided to mess with the registration of the RGB channels. Sure enough, this produced the appropriate effect I was going for.

Screen Shot 2015-12-12 at 5.32.01 PM

By shifting the channel registers, I was trying to produce an anaglyph style, but I had no intention of the effect actually working. After all, I assumed those nifty dizzying images were hard as hell to make.

Out of our shared desire to figure out how things work, Mark dug up a pair of 3D glasses and we started fussing with the channel layers. As I shifted the channels to the left and right, I was able to make the panels retract and extend from the foreground. Eureka.

So I did a little bit of homework on the subject (which I’m surprised I’ve never done in the past). It turns out that with the help of Photoshop, it’s quite easy to create your own 3D anaglyphs. You just need to plan what it is you want your image to do.

Here’s How

FIRST and foremost, you’ll need an image editing program like Photoshop, and a pair of anaglyph shades.

Start thinking about how many levels of depth you want your image to have. You’ll also want to decide what parts will recede from the foreground and what you want to pop out at you.

For my example, I’m going to use this sketch of Noodle with his lint:

noodle1

Foreground: His feet will pop out the most, sitting over his pile of lint

Middle-ground: the lint pile will be slightly under his feet

Background: the rest of his body will set slightly behind the pile

Each level of depth should be completely separate from the others. In other words, if you use many layers in Photoshop to create your image, just make sure none are shared between your levels. I separated all of my assets into folders to make sure this didn’t happen (and to make the process less confusing!) You can see the folders for my three levels of depth below:

Screen Shot 2015-12-14 at 2.17.18 PM

Now with the foreground level at the top of your list and the background level at the bottom, go ahead and make a copy of each level. Add the tag “RED” to one and “CYAN” to the other:

Screen Shot 2015-12-14 at 2.19.03 PM

Tweaking the channels

Open the layer options for each. If you’ve selected the copy which you’ve tagged “RED”, you’re going to want to uncheck the “blue” and “green” channel like this:

Screen Shot 2015-12-14 at 2.20.04 PM

Do the opposite for your “CYAN” layer:

Screen Shot 2015-12-14 at 2.20.31 PM

Shifting the Register

The way you’re able to achieve the illusion of depth is by tricking your eyes into converging where you want them to with the magical glasses. In short, the farther the red and cyan channels are from one another, the more 3D they appear. Whether they retract back or pop out at you depends on which direction the colors are shifted from one another:

move1

(NOTE: In the image above it appears that the colors are doing the opposite of what the text says. This is because the color channels will visually appear opposite of what they are)

Choosing Your Levels of Depth

For Noodle’s body (my background), I’ll select the move tool and nudge the CYAN channel twice to the LEFT, and the RED channel twice to the RIGHT:

noodle2

For the middle ground, I’ll nudge the CYAN channel 5 to the LEFT, and the RED channel 5 to the right. Lastly, for Noodle’s feet in the foreground, I’ll move the red and cyan channels the furthest apart, at 8 strokes in either direction:

noodle3

That is all there is to it. Crazy easy, huh??

Further Show Boating

I went ahead and drew an additional pile of lint and added it above the foreground over noodles feet for EXTREME depth. The cyan channel was moved ten hits to the left, and the red was moved ten to the right:

noodle5

Lets not leave the background begging. I splayed some empty taco wrappers in Noodle’s wake (all robots love tacos). To put these BEHIND noodle, I nudged the CYAN channel to the RIGHT (not the left this time) four or so taps, and the RED channel to the LEFT:

noodle7

You should see five separate levels, like a paper diorama or shadow box.

It’s completely up to you how your levels are parsed, so have fun with it! I will usually keep my glasses on and watch as I shift the channels to figure out what looks best.

From here, there are some fancier things you can do with the color channels to create angle effects, and even give your object sculptural dimension… but I haven’t figured out how yet. When I do I’ll surely share. Until then, expect to see some interesting anaglyph panels in my comic pages… because things are better in 3D.

gr_c1_p3alt

Eye of Toast

IMG_2187.JPG

I would like you to meet my toaster. The toaster is an old character of mine who has survived through subtle reference in the things I draw and build. Nothing I make is about the toaster, but the toaster is about everything I make. He’s my chrome totem.

While I was in college abroad, I bought an actual physical model from the early 30s off eBay which looked pretty much identical to the one from my doodles (still works too!). I had big plans for this little toaster, but at some point we got separated during my move back to Las Vegas.
The toaster got packed in one of my friend’s moving boxes and it wasn’t until this summer that we finally remembered to unearth him for me to take home. After three years of waiting, toaster is now happily sitting next to me on my bench…

It’s wonderful to be reunited, but admittedly it feels weird talking to him during the day without a set of eyes to look into. So… I decided to fix this.

Not just any eyes will do either. They have to be capable of showing a multitude of expressions, particularly the sly and judgmental sort. Instead of using an LED matrix to form shapes, I thought it’d be a bit cooler to make my own modified segment display. Once turned on their side, a standard twelve segment display is capable of showing not only numbers, but all of the expressions a toaster might make too!

CUSTOM BOARD MAKE!

Again I took to Eagle CAD and prepared a board which I’ve called, “EYE OF TOAST”. You can see where the segments are- and where the LEDs will be installed.

Screen Shot 2015-08-11 at 9.49.16 PM

3D PRINTED EYE FIXTURES

While these boards were off being fabricated with OSH Park, I worked on designing the fixture piece that the board would sit inside of. It would need to be as thin as possible, yet also able to defuse the two point sources of light in each segment… this took a few revisions.

IMG_5910

My first prototype was a dual extrusion piece (the two-tone ones). These worked alright, but the white obviously stands out a bit too much when the segments aren’t in use.

I printed another solid gray fixture with a seamless .5mm layer on top, so that the light can pass through just fine, but when the LED is off, it disappears (bottom left). This was our winner.

THE MANY EMOTIONS OF TOAST

Additionally, while I waited for the boards to arrive in the mail, I brainstormed what the actual emotions would look like. I printed out a sheet of paper filled with pairs of segmented eyes and started coloring them in, just like an assignment in kindergarten. It was amazing how many different expressions I was able to muster from these 24 lines!

toastEye2

Once my happy purple envelope arrived, I got busy soldering all the tiny bits in their proper place. Since there have been a lot of ATMEGA328s floating around my life lately, this was the chip I decided to use for this project. So, I’ll be programming in the Arduino environment also.

toastEye1

PROGRAMMING ARRAYS!

I learned all about arrays for this project… which Mark held my hand through (and at times told me to step aside so he could just get things working).

Once I made ints for all of the expression I drew up on my toast ‘homework’ sheet, I could then call them easily in my sketch without having to type a bunch of numbers each time. The function I’m adding to the toaster is that he cycle through expressions every time you pull down on his lever. So, we added a switch to the code as a toggle button.

TOASTER SURGERY

After the code was tested and finally working correctly, the next step was to install everything on the actual toaster itself… which is where things got a little scary for me. I decided that this wasn’t the time and place to cut into toaster’s pristine shiny casing in order to permanently install the eye fixtures. Instead, I’d be attaching them onto the surface of the casing. Less cool, but less risk.

  • This meant I was going to need to run wires from the eyes on the surface into the guts of the toaster wherever the power supply was going to live. I decided on using a USB rechargeable 5V battery; one that is flat, slim, and can easily slide into the toasting chamber like bread.
  • I would also need to install the limit switch somewhere along the moving parts of the lever, yet preferably in a place that isn’t visible from the outside.

For the internal installments, I prepped a soft and well lit area for toaster’s opening and began my descent into century old crumbs and rust.

IMG_5930

The first layer of defense wasn’t too hard to break through… it was held on by some screws:

IMG_5937

Once the “crumb guard” was off, I was able to remove the plastic ring around the bottom of the casing:

IMG_5943

At this point I already found a possible location to install my limit switch. It was near this lever bit in the middle that had some motion, yet not so much motion that the switch may be missed completely or dislodged.

I designed and printed a little bracket to clamp in place between the two bread slots:

IMG_5947

Here it is installed. The lever actuates just enough to press it:

IMG_5959

I could have been done at this point… but some part of me wanted to get the rest of the toaster dismantled just because. ANNOYINGLY there were a few things in the way which were preventing me from removing the chrome outer shell from the heating element inside. One of those things was the toaster’s plastic lever arm, the other was his twist knob. They were effectively pinning the casing to the guts within.

IMG_5963

The plastic arm on the lever was easy enough to detach as it was held on with a set-screw. The twisty bit however appeared to be press-fit in place and impossible to remove… which was bad pizza. It took an hour of careful twisting, pulling, and fondling before the age-old grime crumbled loose and we discovered there was a pin on the end of the knob that could unscrew. Once we finally figure this out the case slid off with ease (and allowed a bunch of others piece to fall out of place-heh):

IMG_5986

From this point on, toaster got to watch me perform a deep cleaning on the rest of his insides, which were caked in rust and chunks of buttery, burnt bread crumbs.

IMG_6027

I took care to save all of these crumbs that I removed in a little plastic baggy… as I believe if you are a hundred-year-old toaster, your bread crumbs are kinda like your soul. Besides, I’d have felt bad discarding crumbs that have survived in this world three times longer than I have.

After a nice cleaning, I put everything back together… which was A LOT harder than taking it apart. Nothing wanted to slide into place quite right and there were also these long steel pins that came dislodged from the inside, which I had to re-thread with a pair of players and a flashlight. =/ In the end though, I got him back in one piece with the wires to his new augmentations ready for hookup:

IMG_6002

The last step was to measure, cut, and solder these wires to their appropriate pins on the eye PCBs. Afterwards, I added little squares of double-sided silicon tap to the back of the eyes and stuck them onto the casing:

IMG_6008

I carefully added a thin ribbon of gaff tape along the seam where the eye fixture meets the chrome as to seal off any light from leaking out:

IMG_6023

TOASTER has never looked so happy or sarcastic! I was relieved to see that everything worked as expected once he was plugged in. The switch I installed functions perfectly and the expressions have just the right effect.

IMG_6031

I’VE COME TO REALIZE

Toasters are complicated little machines! I’ve seen toasters on sale for under ten dollars in ‘dorm essential’ sections of stores, and this feels shocking to me now. It’s true, they seem so basic and primitive… you press the lever, bread goes down, some heat happens, and then the bread goes up again. They aren’t channeling the entirety of human necessity like smart phones, and for that they are easily taken for granted. HOWEVER, there was a lot of engineering involved in the creation of these little mechanical devices that serve to warm our shitty bread without fail time and time again- and they haven’t changed much over the years. I believe there is a whole movie about this! WAIT- Yes. It’s called The Brave Little Toaster. I think I shall go watch it now for nostalgia’s sake.

As a child, that movie gave me my love of all inanimate objects. Once I saw it for the first time, everything on earth was alive. Cheers to that old seed…

AND hug your toaster next time you see it. It’s a work of art.

IF I WERE TO DO IT AGAIN…

…I would likely buy a new toaster that was designed to look vintage and permanently install the eyes in the casing itself instead of just adhering them on the outside. I’m willing to bet that a newer model would be made of a thinner metal, thus easier to alter, unlike my classic toaster’s blasting shield of a chassis.

There was also the idea of cutting micro holes for the light to pass through on the surface of the case so that the LED fixtures could be mounted inside. This would make the toaster look completely unaltered when the LEDs are off, and when in use the chrome would appear to illuminate like magic (or the charge light on your Macbook).

IN THE END

Alas! Another physical manifestation of a creature from the graphite dimension! If you wish to know the back story of toaster, NoodleFeet, and all of the other things I build, check out my webcomic GravityRoad; ideas begin in 2D.

noodleFeet : Animating the Noodle

I’ve spent the last week learning After Effects. For someone who uses Illustrator on a daily basis, this feels a lot like discovering the magic hat from Fantasia. Among other things, AE allows you to turn a vector based 2D image into a fully rigged character for animation… and it’s even easier to do than you’d think.

I had the idea a while ago to make a series of videos about Noodle and his adventures to Mars… The original plan was that they would be stop-motion shorts, made with a tiny 3D printed version of noodle as the puppet. There is no better terrain to fake as the surface of Mars than our very own desert outskirts… but alas, it is HOT out these days. Even if I could handle the relentless sun (which I can’t because I am WHITE), the PLA that the tiny noodle is made out of cannot. So much for the stop-motion thing.

IMG_2094

For scale (his eyes light up and his feet can hold AAA batteries to power the LEDs):

IMG_2088

I still wanted to make the short videos, so I started thinking back to all the annoyingly complex animation software (like Flash) I’ve used in the past and decided to give AE another go. Since the last time I made an animation using After Effects, they added the puppet pinning feature. It allows you to animate a single layer image by creating a fancy deformation map inside of it that can bend and warp. This means, instead of needing to connect pieces on separate layers together through a process of parenting and careful organization of anchor points… you can just rig one happy image with some bones, and you’re ready to pose your character with cool jello-like properties.

This happened to work SWELL with noodleFeet, as he is essentially a creature of wobble wiggle nature himself. After a long day spent watching tutorials, I got off and running and managed to make my first animation last week.

I still intend to produce a few more of these, but we’ll see how far my patience goes. Though it’s easy to animate, it’s still time-consuming to do it right. Once I attempt to introduce physics into the mix, I may hit a wall… because I’m too cheap to buy one of the fancy addons you need in order to generate the effects of gravity. Bastards.

The best part about having animated noodle walking is that it actually may have helped me understand how to program real-life noodle to walk better. So really, this turned into practical R & D. Ha!

Enjoy getting to know my baby a little better. He is the feet.

Maker Faire 2015

IMG_1838

I’ve been home for almost two weeks now from our Bay Area pilgrimage and life has pretty much reset. I rewarded myself by binge playing Starbound all weekend and partaking in other mindless immersive activities I’ve been too busy to enjoy so far this year. It was a nice break.

But back to work! I’m going to close this chapter by recapping our big adventure:

Over all, Maker Faire went firkin awesome! Last year = shitty location + loud tesla coils + high maintenance demo + no place to escape for peace and quiet. Since we had ample time to plan, we eliminated all these stress points!

TRANSPORTATION

deltaLoaf

Our project this year was three times bigger than before at 84 individual nodes, so smashing them in the back of Mark’s Kia wasn’t an option. We didn’t quite have the money to spend on buying our own permanent trailer either, so for this trip we rented one from Uhaul. Quite snugly, three stacks of four delta pallets fit like Tetris inside with the rest of our props and support material wedged around the edges. Add in a crap load of the giant plastic wrap and everything was tethered solidly in place. No sweat.

I had a drink before opening the trailer once we arrived because the freeway up the central valley was more or less one unending pothole from hell. Happily, in spite of the violent rattling, everything arrived just as it was stowed. (Stress test for the babies as well as mommy too!)

…And nothing melted either. We traveled on a cool rainy day… which was lucky because one of my fears was that the heat inside the trailer would exceed the low melting point of PLA and we’d have nothing but piles of yellow sticks upon arriving. >.<

SET-UP

IMG_5124

With more to show, I figured it was worth requesting a larger central location away from the chaos of the tesla stage… OH, and barriers. We were pleased to have been assigned an excellent spot in the middle of the dark room that had ideal visibility. On top of that, we sorta lucked out because Arc Attack wasn’t even there this year… which means I didn’t have to wear my Ryobi headphones to keep my brain from melting.

From the get go… we engineered our installation to function as a fort capable of fitting two people comfortably inside. So when you look at these pictures, imagine me sitting on a stack of moving blankets with a table, fridge and laptop around me. That’s right, we made a DELTA ROBOT IGLOO. And it was the coolest part about our installation this year…

THE SHOW

deltaLight

Due to the fact that our installation was automated rather than interactive (and completely caged in by barriers), Mark and I didn’t have to babysit the deltas and actually got to walk the rest of the show!

Here is Mark’s tour of all of the neat stuff in the dark room this year:

Instead of having our robots run slave to a Kinect, which has only been grounds for trouble in the past… Mark figured out how to control all of the robots as light fixtures in a pieces of DMX software called QLC+. This enabled us to orchestrate ‘shows’ consisting of preset motion and light patterns that the robots would circle through all on their own.

As for feedback, who wouldn’t like a mountain of dancing robots with twinkling light? Our display went over pretty well with the attendees… and we had a couple of fun moments in the limelight getting interviewed by press and the like.

TEARDOWN

Once everything was said and done, we loaded the pallets up onto a pushcart, four at a time, and walked them out to the trailer in the parking lot (which expedited the deconstruction part). I was sad to see our nest get dismantled, but eager to get to the Bringahack dinner and have another drink.

This trip was infinitely less stressful thanks to some better planning and all the help we had from our friends. (Thank you!!!) I have great memories to immortalize through illustration over the next few weeks. I’ll also be posting about the fate of Noodle soon.

❤ Thank you for being with me on the summit of my shit mountain. It’s taken a lot of support and sacrifice from the world to pull this into reality for which I am extremely grateful.

Pinhole Day

I would like you to meet “crappy box” :

crappy

crappy

Without ritual, life lacks meaning. Whether it be a drink every evening at 5 to celebrate the day conquered, or watching the playoffs each season to show pride for your hometown… the little things we assign significance to reward us with moments of privately observed fulfillment.

The last Sunday of April each year is World-Wide Pinhole Photography Day. On this one day, people take strange, unique and beautiful pictures with hand-made cameras and then submit one to an online gallery archive. When you think about it… this is a pretty frikkin awesome thing. Somehow every April thousands of people all over the world remember to try out their newest pinhole creation or photographic technique and then upload a single image to represent an idea from their life on that day. It’s a collaborative snapshot of the world as a whole, and its become one of my life rituals.

I should probably mention that I hate photography. I hate it. I took black and white back in high school and never really grew to love the process. There were too many variables, too many smells, and at the end of the day… my self developed images just didn’t look interesting enough to warrant all the fuss.

So why is this different?

Long ago… when I was still a young college beast, I crashed a number of my friend Keith’s art classes one semester. Regardless of being enrolled or not, I decided I was going to do all of the projects he assigned particularly if they were things I didn’t think I’d like doing. Building a pinhole camera was at the top of that list for me.

Along with the rest of his class, I built myself a Populist from a cereal box, loaded it with film, and started taking arbitrary pictures with it everywhere I went. By the time I got to the end of the roll… I came to really care about the exposures inside my crappy box, because they represented a journey I had gone on stitched together by blips of moments I’d otherwise have forgotten. When I dropped the roll off to be developed, I stressed myself into a ball hoping those memories survived and were more than a blurry over-exposed mush… mishandled by the Walgreens photo department.

The camera did work which made me happy, but that’s not what made the experience important. Some of the exposures didn’t turn out as I had anticipated. The ones I spent a lot of time eye-balling and setting up were less interesting than some of the ones I just took without aiming at anything special. A lot of the exposures overlapped and created weird effects that weren’t intentional, but awesome.

beach2014

roll 2, spring 2010

roll_3008

roll 3, spring 2010

img008

roll 4, spring 2010

Just as unexpected as my favorite pictures on that roll was the weird transformation that had occurred in my head while toting around my camera. I started out passive and by the end of the process really enjoyed the times I stopped to steal a moment in time. So much so, that when Keith boasted about pinhole day, I jumped on board and took a picture for the occasion:

roll_3002

roll 3, spring 2010

Since I led into this post talking about the importance of personal ritual I wish I could wrap up stating that I’ve been participating every year, – BUT the honest truth is that I have not. I have however taken the crappy box with me everywhere I’ve moved in the past x amount of years, knowing that one day it would live to take pictures again…

And this was the year. I had to remember how to load the thing with film and perform tiny bits of maintenance just to get it to work again, but I’m glad I did. It brought me a ton of joy to go through the motions of the forgotten pinhole ritual… and I have really awesome vintagey images of my robots! Now to decide which one to submit for the Pinhole Day gallery this year:

img_1002

roll 5, spring 2015

Another cool thing I noticed was that many of my pictures from 2010 were of robots (I like robots), but they were of little stationary models and statuettes that I built. This year I took pictures of robots I’ve made again, but they’re REAL big kid robots that actually do robot things.

So, what’s it about to me?

Life often turns out differently than we were lining up. Sometimes in spite of careful planning, all is lost and there is nothing to show for your efforts… though occasionally, you get a happy accident that works out better than anything you could have schemed or organized. Either way, *and I’ll shamelessly quote Rush now*

…THE POINT OF THE JOURNEY IS NOT TO ARRIVE…

So find the meaning in everything you do while you’re doing it.

Exposures from last week (spring 2015):

 

Exposures from spring 2010:

As a final note, I scanned my negatives on the same machine I used back in ’10. (Thank you, Keith!)

noodleFeet : Looks Like a Noodle

HEAD : I can’t find a damn semi-transparent mixing bowl to appropriate as Noodle’s noggin. So, I went with a plastic bowl I bought a while back because it was Robot Army gray and yellow. The size isn’t right, but tilted at an angle with his eyes poking out it looks a lot like a helmet… and I’m okay with that.

SHOULDERS : I went to the store with Mark yesterday and searched through all of the collars in the pet isle to find a replacement for his old harness which no longer fits around his new planetary gear assembly. There were many small kitty-sized bands with big jingly bells… but not a single one was in neon yellow. So I didn’t bother getting any.

In leu, I smashed noodle’s old harness back onto his gear box so that if needed I can still hook him into the leash hanging from the ceiling above the work table. It lacks a proper bell… but fashion is second to safety.

KNEES : I think noodle needs socks.

TOES : He needs socks because I still haven’t been able to locate some of those stupid squishy stress balls which I plan to halve and mount to the bottom of each of noodle’s feet. These should help give him some traction as he attempts to walk. Someone pointed out that the foam material of the noodle was just sliding on the smooth surface of our table which was why he didn’t get very far during his first test run…er- walk.

Any how… the socks will keep the bottoms of his noodles clean until they’re capped with said squishy foam balls… Because tomorrow I’m taking noodle on his first ever outing into the big wide world.

He’s far enough along to show off at this point, walking or not. Speaking of walking… here’s some footage of him taking his first steps:

Light Play : Brains Nerves and Butts

This past weekend Mark and I got a bunch more work done for the installation. We finished glueing and painting all the shiny black honeycomb pallets, so all twelve of them are now stacked neatly waiting to receive delta babies. …which means we need to build lots… and LOTs of delta babies. Thankfully, as I sit here and write this, that part is mostly done. For the past week or so the living room has transformed into a birthing chamber of plastic bins and Create TV.

IMG_1726

At an average of 15-20 minutes a piece, we built around 50ish more base assemblies. That’s the acrylic bit with the three motors attached.

IMG_1748

Obviously, they aren’t full deltas yet. They’re missing their snazzy yellow arms and blinky LED on top, but we wanted to get the hard part out-of-the-way first. The next step is to calibrate all of these little delta butts, and then screw all the grey paddles onto the gear hubs. >.< Which will also take a bit of doing.

Mark spent a crap load of time crimping custom cables which will tie the deltas together as one big happy collective consciousness. These will connect a series of relay boards to the individual brain PCBs of each robot:

IMG_1705

So yeah, brains…. less exciting, I’m soldering brains again. Boo. With all the other cool things to work on, its monotonous melting all the same pieces over and over to blank PCBs… but alas, it must be done sooner rather than later.

As the brains are tested and flashed with all of the knowledge of how to be a good little inverse kinematic thinking soldier… we’ll be gifting each baby with a brain one by one, and then adding them to their shiny honey comb home to dance the mightiest robot dance.

I even squeezed out some new art which we had sent away to become postcards. We’ll be handing them out wherever we happen to show things at for the rest of the year. I say all of this tantric preparation does sorta feel like jumping out of a plane with a skirt on… so the image is appropriate. PROPAGANDA!

Campaign15PRINTFILE

Our first gig of the season is in a little less than two weeks during Las Vegas’ Science and Technology Festival. Here we come!