THE OS TRILOGY

The Official Site of All Things OS

THE BOOKS
01

The Opposite Sex Trilogy.

Good things usually come in threes.

Welcome. I’m Sam. This story has been part of my life for a very long time. Between design work, teaching, and life in general, I had to put it aside longer than I ever intended. But I never let it go. Now the trilogy is finally complete, and I couldn’t be happier to share it with you. Look around, have fun, and enjoy the ride.

 

THE EXTRAS
02

Behind The Scenes Stuff & More.

After about 660 pages, it's finished. But..

Want to see how all of this came together? Take a look behind the curtain at original artwork, early sketches, character designs, old webcomic material, and a few things that never made it into the books. There are plenty of stories behind this story. Here’s where I get to share them.

THE BACKSTORY
03

How I Got Here.

The hardest test will always be a test of patience.

Throughout the years, while supporting my family, they, in turn, supported my project, patiently waiting for it to come to fruition. Here’s some old stuff and some new stuff that shaped the entire journey to publication.

Close
BOOK ONE

The Opposite Sex

One accident. One impossible change. And a life Michael Chandler never saw coming.

Four years ago, Michael Chandler walked away from baseball.

Nobody really understood why. He had been a Little League standout with a promising future, but by his junior year at Westside High, Michael is a different kid. Quiet. Withdrawn. More comfortable with science books than people. He keeps to himself, stays out of trouble, and seems perfectly content to make it through high school without anyone paying much attention to him.

Then one night changes everything.

An accident inside the school chemistry lab leaves Michael facing something neither he nor anyone around him can explain. Suddenly, keeping a low profile isn’t an option anymore.

But something else happens along the way.

The kid who had spent years shutting people out begins to find his way into a tight-knit circle of friends known as the Pack. He attracts the attention of someone who probably never would have noticed him before. And just when Michael thought he knew exactly where his life was headed, he’s forced to experience it from a completely different point of view.

Some of those experiences are funny. Some are painful. A few are downright humiliating. And some turn out to be surprisingly good.

The problem is, Michael never asked for any of them.

The Opposite Sex is a full-color coming-of-age graphic novel about friendship, relationships, identity, and one teenager trying to make sense of an impossible situation. It’s funny when it can be, serious when it needs to be, and this is where the story of Michael and the Pack begins.

TAKE A PEEK INSIDE

Michael thought surviving the accident was the hard part. Then he had to go back to school.

Read a few pages from The Opposite Sex.

Things are about to get a lot more complicated.

THIS WASN'T SUPPOSED TO BECOME A BOOK.

The strange part is that The Opposite Sex started as a practice exercise. Back in the 1980s, I was doing storyboard work for television commercials. The job wasn’t about creating polished illustrations. You had to work fast, tell the story clearly, and give the director and production crew enough visual information to bring the idea to life.

So I decided to give myself an assignment. I started drawing a story using the tools I worked with every day, including my weapon of choice at the time: markers. Lots of markers. There was no publishing plan. No trilogy. No grand scheme. I was simply drawing. When I finished, I showed the story to 35 people. That was supposed to be the end of it.

Instead, those 35 readers helped start something I never expected. The story eventually found an audience online, led to a published edition and a book release party, and even picked up an Independent Publisher Book Award along the way.

And somehow, all these years later, I’m still telling Michael’s story.

This is where it all started. Welcome.

Close
BOOK TWO

The Opposite Sex Part II:
Opposite Again

COMING SOON!

Close

The Opposite Sex Part III:
Opposite Still

COMING SOON!

Close
Close
STUFF

Why is Michele spelled with one "L" instead of two?

This is a big question. I’ve enjoyed the secrecy for so long it became an inside joke. The truth is, I chose the name Michele based on 2 factors. One, the Beatles song Michele from the 1960s (worth a listen if you’re unfamiliar), and the other was for the gender reference. The single L spelling is female in French but male in Italian. Since Mike was skating between genders, I figured I’d sneak in a reference to the use of the name for clarity.

Ironically, I have multiple friends named “Michelle,” but nobody got the reference. Perhaps I was the only one who cared, but it still makes me smile every now and then.

Project 02 secondary image
Close
Techniques

How I Drew the Sequel

How I drew the pages of “Opposite Again” without going crazy.

Try to imagine that it’s 2006. Yeah, don’t laugh TOO hard.

By then, I figured most people had already read dozens of “how-to” sections by webcomic artists. Well, so had I, and one thing that always amazed me was how different everybody’s techniques were. Most of us, including me, had already made the move to digital. But there was a time when NONE of that was available.

Back then, some illustrators drew their comics with a No. 2 pencil and posted them as-is, without even bothering to adjust the contrast. The funny thing was, some of those sites got more traffic than you could imagine. Then there were the artists who knew Photoshop inside and out, adding vibrant color and incredible detail to every panel. They stacked layer upon layer until the file was so huge that, if you placed it in the physical world, it probably would’ve been taller than a skyscraper.

Don’t get me wrong. I love and wholeheartedly embrace where digital art has gone. I only wish some of these programs and tools had been around when I was working on MY comic. I guess you could say I’m more jealous than critical.

But there was another side to all that detail. Producing work at that level took time, and I watched more than a few really talented artists burn themselves out trying to keep up. One by one, they disappeared, beaten down by unforgiving posting schedules and readers who were always waiting for the next update. I knew there had to be a happy medium, so I kept experimenting until I found a process that worked for me.

Fortunately, I already had a rough draft of the story written. My job was to turn it into a fully illustrated webcomic. How long would that take? I had absolutely no idea. Whenever I reached a part of the story that I thought needed a little more room, I gave it more room. Sometimes that meant adding panels. Sometimes pages. Sometimes the storyline simply grew because I wasn’t ready to move on yet.

The techniques I’m showing here are from that second webcomic, the sequel I worked on and posted online for nearly six years. Years later, that same story became Opposite Again and Opposite Still. So while you may know it today as two books, what you’re about to see is how I actually drew it as an original webcomic, one page at a time.

But enough about all that.

Here’s how I drew the thing.

I tried to view the storyline in weekly blocks, or three-page segments. So I always drew a minimum of three pages at a time. I used a non-repro blue pencil, usually Staedtler Mars or Prismacolor Verithin. I went through them pretty quickly, so I tended to buy twelve at a time.

I started by roughing out the positions of each panel, then filled them with characters and objects relative to the scene. The great thing about the blue pencil was that I could make changes without worrying too much about the mess. None of those preliminary marks would show in the finished artwork.

I was still a bit Old School when it came to inking, so I mixed traditional techniques with digital ones. I traced my blue lines using about four different pens and nib sizes. I liked the slightly rough look they created. It kept the drawings feeling casual and loose. Once the basic inking was finished, I scanned the drawings in grayscale. Then, using a Wacom pen tablet, I added the finishing outline work in Photoshop.

Once the line art was cleaned up, I opened the file in Adobe Illustrator. At this stage, I dropped the opacity of the artwork to about 64% and added two new layers: one for the text and another for the balloons. Back then, I chose Comicraft’s Wild Words as my font. It was a bit pricey, but it was extremely legible and fit the style of my work.

I didn’t use pre-designed word balloons because I tended to bounce a lot of dialogue around inside each panel. Instead, I used the Pen Tool to draw custom balloons around each statement. That gave me a lot more freedom to work the dialogue into the artwork instead of forcing the artwork to fit the balloons.

I also dropped the opacity of the balloons so I could see exactly what they would be covering. If the elements behind them weren’t important, I was okay with letting them disappear. But if the artwork started feeling too crowded or I covered something I wanted the reader to see, I moved things around. The trick was to stay focused on the flow of the story, no matter what. When I was satisfied, I saved the page as an Illustrator file.

Then it was back to Photoshop.

I opened the original Photoshop file and converted it to RGB, which was better suited for the digital coloring I was about to do. To eliminate a lot of repetitive clicking, I had created about nine Photoshop Actions to handle some of the more complicated tasks. I duplicated the artwork layer, set it to Multiply, and started coloring with a collection of custom brushes I had saved specifically for the comic.

I also picked up a cool tip from another webcomic artist: create a separate file of color swatches organized by character. That saved me from keeping a bunch of old pages open just so I could constantly sample colors from them. At this stage, the color layer contained only the flats.

On a new layer, I added the shadows and highlights, giving each illustration some depth and a little more pop. The white-highlight technique came from my early airbrush style and had sort of become a trademark of my work by then. I eventually toned it down a bit to keep the characters from looking too plastic.

I used additional layers to manipulate other parts of the panels, including clothing patterns, wall textures, sound effects and whatever else a particular page needed. The technique varied from page to page. I didn’t like overdoing the same effect. That got boring. I wanted to experiment and grow creatively with every page I drew.

It was sort of like being in Art School again.

Once the color artwork was finished, I returned to Illustrator and “relinked” the COLOR Photoshop file, replacing the grayscale version. I brought the artwork opacity back to 100%, converted the text to outlines, and exported the entire page back into Photoshop.

Once there, I ran another Action that handled about seven different steps and created a JPEG version in my web folder, ready to post online.

That was my technique. It probably sounds time-consuming, but I had worked out a pretty good schedule. At one point, I was about five weeks ahead of my posting dates. As I said earlier, the trick was working in threes: three bluelines, three inkings, three scans, three lettered pages, three colorings, and so on. Instead of taking one page from beginning to end, I moved three pages through each stage together.

If you don’t have enough time to go through that many steps, remember that this is just my way. You have to discover what works for you and make it your own. Never bite off more than you can chew, or you’ll burn yourself out before you know what hit you.

Find a steady pace, commit to it, and work it into your routine. Before you know it, drawing your comic becomes just another part of your day.

Close
PROJECT 03

Add titel here

A closer look at the idea, process and final result behind this project.

Project 03 main image

Atlas runs seasonal retreats in four countries and needed one place to explain them. We mapped the booking journey, cut the number of steps in half and rebuilt the pages around a single decision: which space, which week.

The design system ships as a documented component library, so the team can add a new location without a designer in the room.

Project 03 secondary image
Close
PROJECT 03

Add titel here

A closer look at the idea, process and final result behind this project.

Project 03 main image

Atlas runs seasonal retreats in four countries and needed one place to explain them. We mapped the booking journey, cut the number of steps in half and rebuilt the pages around a single decision: which space, which week.

The design system ships as a documented component library, so the team can add a new location without a designer in the room.

Project 03 secondary image