Three Worlds, One Image: Alien Character Sketches

Making Of / 31 March 2022

After all of the work in Illustrator, Blender and fSpy, I was looking forward to doing some drawing.

I began by setting up the renders of my reference figures as base layers in Photoshop and got to work drawing more fully-realized character sketches on top of them.

I wasn’t going to bother with color yet; grayscale drawings would be just fine to establish all the costume details. I was also not particularly concerned with lighting—I still wasn’t sure if I wanted the characters to only be lit by the light sources that existed exclusively in their world—so I was only going to use enough modeling in the drawing to give an indication of the structure of the forms, not the way they were lit. Color and light were both feeling like issues I wasn’t close to thinking about yet. I had a lot of drawing to do first.

I figured the best character to start with was the xenomorph from Alien—I didn’t want to get too bogged down with trying to create a likeness right off the bat, so the alien seemed like a good way to get into the groove of drawing again after all the modeling and vector work.

All of that preliminary work immediately felt worth it the minute I started drawing. The reference render I’d made of the Alien in the correct perspective and pose made it possible to finish the sketch in a couple of hours. I’d rendered each figure 4 times larger than the size it would be in the final image to give me a comfortable size to draw details, so I knew I had all I needed in the sketch (especially since the alien was going to be primarily a silhouette.)

The most logical sequence to drawing the sketches seemed to be to complete all the characters from one world and move on to the next, so the next one up was Kane—I wanted to leave Ripley for last because the challenge with Kane seemed to be similar to drawing the Alien—all the detail in his spacesuit was going to require most of the attention, so capturing a likeness wasn’t going to be as big a priority.

Now that I had a couple of characters in the books, it was time to tackle the first attempt at a recognizable human. I wasn’t going to drive myself too crazy with trying to create portraits of the stars of the respective films/shows—the main point of the image was the space  being created rather than the characters in it—but I still wanted to get a close enough likeness to them to make it easy to read who these people were and where they were coming from. I wasn’t completely satisfied with my Ripley sketch, but it was close enough for the stage the image was in for me to move on to other characters. With all my years working in Illustrator, I’ve come to prefer sketches that aren’t completely comprehensive—if a sketch is too complete, creating the final art becomes too much like mindless, tedious tracing over a template. The sketch served its purpose in giving me as much information as I needed to move forward to the next step.

For now, the next step was moving on to sketches of the Star Wars characters. 



Report

Three Worlds, One Image: Creating Reference Figures in Daz 3D and Blender

Work In Progress / 24 March 2022

Discovering the fSpy add-on for a Blender was a huge step forward in being able to create 3D reference material. Now it was time to start making some quick figures in Blender that could be posed and placed in the correct positions so that I could draw everything in the correct perspective.

Most of the figures in the image were human (or at least humanoid) so importing a couple of basic male and female figure meshes from Daz 3D into Blender seemed like the easiest way to go. While Daz 3D and Blender are somewhat compatible, exporting a usable rig from Daz 3D into Blender ended up not being possible (it may be for PCs but not for Macs.)

My first idea was to pose each figure in Daz 3D and then export the resulting mesh into Blender for placement, but that ended up becoming too cumbersome—any change in the pose required me to completely retrace my steps and juggle between the two programs. The best option seemed to be to export a mesh from Daz 3D in the standard T pose into Blender and then create the rig from there.

One of the main benefits I’ve always received from working on personal projects, over and above the creative satisfaction I get from them, is that they have a great tendency to require me to learn something brand new or deepen my knowledge of something I’ve been only superficially familiar with beforehand.  This project had already given me the chance to really get to know Illustrator’s perspective grid, a tool I’d used often on illustration assignments but in a very quick, obvious way. I was now going to have the chance to get into the nuts and bolts of using Blender’s Rigify armature to create rigs for these reference characters.

I’ve created all my own rigs for characters I’ve created in Blender from the ground up, adding each bone myself, and while I loved the control that approach gave me (and the understanding of exactly what the different layers of deform and mechanical bones do) it was always very tedious and time-consuming to create each rig from scratch. I’d played around with Rigify before but had never used it with any kind of focus or ever went in “under the hood” to see how everything worked together but the prospect of a usable rig being created automatically was something I was going to need to have for an image that was going to include 14 figures.

I lined up all the bones of Rigify’s metarig with the meshes I imported from Daz 3D and, with the exception of a tweak I had to make to how Blender was tracking the base bones of each finger, the rig it generated was everything I needed it to be—even the face rig worked well! This was an even bigger step in the right direction than discovering fSpy had been. With 2 base figures I was able to create reference poses for 10 of the 14 figures and have them placed in the correct place in the image, in the correct position, as easily as it was for me to think of them.

The next challenge was to create meshes for the characters that had a little too much going on for the standard male and female base meshes I imported from Daz 3D. The xenomorph from Alien was the most obviously non-humanoid character I was going to be dealing with, but the spacesuit Kane is wearing in Alien was also too complex to simply “draw around” a base figure. The same was true for Darth Vader and a stormtrooper from Star Wars—their helmets alone were going to require some work to get them looking right.


There were also a number of props that I wanted to include, most notably the box Ripley from Alien carries Jones the cat in (as well as her flamethrower) so I needed to model some props as well as characters and integrate them into each rig so they could move around with the characters.

I was able to quickly block in Kane’s spacesuit with simple boxes and created blaster for Princess Leia and the stormtrooper, a belt and holster and a lightsaber for Luke, and a quick hood reference for Obi-Wan.


The next step was to render out the reference figures and create more full realized character sketches in Photoshop from them.

Report

Three Worlds, One Image: Photo Matching With fSpy

Work In Progress / 17 March 2022

Now that I had the environment relatively well established, it was time to start adding some figures. While the space was really going to be the “star” of the image, the figures were going to be crucial, not only to give a clear indication of the direction each of the 3 worlds was pointed but also to make each of them immediately recognizable. The transporter room from Star Trek was going to look a whole lot more like the transporter room from Star Trek with Spock and Uhura standing in it.

The unnatural perspective was going to make drawing figures that fit comfortably in the space an unusual challenge. It can be difficult enough to draw figures in conventional perspective but having many of them rotated 90 degrees in either direction from the upright axis was adding an extra level of difficulty. 

I discovered the 3D package Blender a few years ago and became absolutely obsessed with it. It is enormously powerful software that enables me to create just about anything in 3 dimensions and I’ve used it often in my professional illustration work, primarily to create quick, basic low-poly models of things like cars and appliances to use as reference for more  fully realized images created in Photoshop and Illustrator.  While the Blender-to-Photohsop/Illustrator workflow worked just fine for more conventional images, in order to create 3D references for this image I was going to need to work backwards: bring the 2D image of the space I’d created in Illustrator to use as a reference for the 3D reference figures and objects I’d be creating in Blender. This was going to necessitate finding a way to make the virtual camera in Blender match the perspective that I’d already established using the 3-point perspective grid in Illustrator and that wasn’t going to be as easy as it might at first seem to be.

Blender’s virtual cameras attempt to simulate real-world cameras as closely as possible, calculating things like focal length, f-stops and depth of field to match real-world conditions as if you were looking through a real camera and not a computer screen. Illustrator’s perspective grid doesn’t try to do any such thing: it essentially automates the creation of the same kind of linear perspective that artists developed during the Renaissance. While this kind of perspective was revolutionary in enabling artists to create a sense of 3-dimensional depth on a 2-dimensional surface, it’s still an abstraction from the real-world visual experience and while it was exactly what I needed for the image I was creating, getting it to play nice with Blender’s cameras was going to require some work.

Thankfully, I discovered a great add-on for Blender called fSpy that handles photo-matching: using information from a source image like a photo or drawing to place Blender’s virtual camera in the position it would need to be to see the objects in the image from that vantage point. I imported the Illustrator layout into fSpy and lined up fSpy’s reference axes with strong diagonals in the image and fSpy created the camera I could then use in Blender to get everything working together. The camera still doesn’t match up perfectly with the base image—it still attempts to create a real-world view from that vantage point—but it was definitely an enormous step in the right direction to help me create useful reference figures in 3D space that I could use to create final drawings of the figures in Illustrator.

The next challenge was to create the reference figures themselves in Blender.

Report

Three Worlds, One Image: Adding Color

Work In Progress / 10 March 2022

After getting the basic structure down, I wanted to quickly add in some color to get a feel for the way each of the spaces would work together. I was going purely for the local color of everything, not wanting to get bogged down in considering lighting or texturing. Working with original material that was already so brilliantly designed and iconic made it easy to set each of the 3 worlds apart and make them immediately recognizable.

Adding color immediately made me aware of a problem area that took me quite a while to solve. I had liked the idea of showing Ben Kenobi turning off the tractor beam from my initial sketch—I immediately visualized having him sort of sneaking around in the shadows, a figure you may not initially notice with everything else going on, so having him to the side or a corner made a lot of sense. I had placed him on the left side of the original sketch, away from the other Star Wars parts of the image, which at first seemed like a good way to do a “Where’s Waldo?” kind of thing with him but the placement felt awkward. 

When I started designing the basic structure, I moved the tractor beam all the way up into the top left corner, thinking that having it close to two edges that could potentially crop out areas that didn’t work together would help. It was definitely an improvement from my initial sketch, but my eyes kept going back to that corner. The elements just weren’t living with each other as comfortably as they were in other parts of the image.

Another problem with the placement of the tractor beam was the distortion caused by the extreme perspective. With most  2 or 3-point linear perspective that attempts to simulate real world space, at least one horizontal vanishing point is usually pretty far off to one side or the other of the image, while the other point is either closer to the edge of the image area or even in the image area itself. In this case, all 3 vanishing points are equidistant from the visible part of the image and that makes things get weird FAST, especially near the edges of the image. In trying to place the tractor beam in the top left corner, the perspective distortion became so extreme that what was supposed to be seen from the side could only be seen from below. I did some vertical scaling to “cheat” my way into a side view of that space but it didn’t feel like the problem had been completely solved. The only way to determine if that solution would work at all was to figure out a way to get some reference figures into the image to see if they could “live” in the space I’d created so far.

Report

Three Worlds, One Image: Creating the Underlying Structure

Work In Progress / 03 March 2022

The thumbnail sketch I’d created got me really excited about the direction the project was going but it also brought into focus a quality to this image that made it distinctly different from anything else I’ve ever worked on.

The primary thing the thumbnail reminded me of were the “prison” etchings created by Giovanni Battista Piranesi, architectural fantasies where the figures were dwarfed by the spaces they were in (if there were even figures included at all.) I’ve spent most of my illustration career drawing figures, with the surrounding space being nothing more than the setting for them. The stars of the show were the figures and the background was just that: background.

With this image, the background was going to be the star and the figures were going to be relegated to a supporting role, primarily there to give a reference for the scale of the spaces as well as indicating what direction their particular world was facing ( a consideration that never has to be made in a conventional image.) I’ve been continually surprised by how challenging that conceptual turning-inside-out has been for me to deal with as I go through this project.

With the primacy of the space in mind, I started going about hammering out the overall architecture. I’d already established that I wanted the final image to be done in Adobe Illustrator, very clean-edged and graphic, possibly with a limited palette that would make each of the 3 worlds distinct. One of the benefits that I immediately experienced as I got to work was being forced to become thoroughly familiar with Illustrator’s perspective grid. I’d occasionally used it in previous illustration assignments whenever I needed any “quick and dirty” perspective work, but anything that got too 3D was easier done in Blender, a program I’ve come to love in the 5+ years I’ve been using it. By comparison, Illustrator’s 3D tools can be relatively clunky, but the more I got to know them, the more enjoyable using them came to be and the more possibilities they opened up. Because they aren’t trying to accurately reproduce real world physics (as Blender tries to do) the kind of shapes that come out of Illustrator’s 3D tools are more graphic, emphasizing line rather than volume, which was more in keeping with the kind of look I wanted the finished image to have.

My plan at this stage was to create a basic structure in Illustrator, which I could then use to place reference figures in the correct perspective after importing it into Blender. I wasn’t thinking in terms of color yet—it was all about getting a clear structure in linear perspective to use as a scaffolding to hang everything else on.

The lower right quadrant of the image was going to be the egg chamber from Alien and there was really no way I was going to be able to "rough in" the kind of alien architecture Giger created for that space, so I just added a floor grid for the time being, to give myself a clear idea of the depth of the space, so I could "Giger it up" later on. I added a reference rectangle in the upper left corner Transporter Room from Star Trek, to give myself an idea of the relative size the figures were going to be. The great thing about Illustrator's perspective grid was that I could slide that rectangle around in 3D space so I could see what size a figure would be at any place in the image.

The next step was going to be filling it all in with some local color to see if each space I’d chosen to include in the image worked well with all the others.

Report

Three Worlds, One Image: Preliminary Sketches

Work In Progress / 24 February 2022

A 3D artist I saw on blenderartists.org had created a 3D CGI version of M.C. Escher's image, Relativity. Escher has been an inspiration for a lot of my personal non-published work for a long time--it wasn't long after I started making digital art that I tried my hand at creating tessellations--so seeing the digital version of Relativity stayed with me for days.

I started wondering, "what if, instead of having 3 groups of people oriented to each of the 3 vanishing points in the image, a different world originated from each vanishing point?" That led me to think of the ways I could make those worlds distinct, yet have them all coexist within the same image.

As I was kicking ideas around in my head, I spent some time studying Escher's image to make sense of the perspective. The vanishing points form the vertices of an equilateral triangle, each edge of which is used as an horizon line, with the vertex opposite the edge serving as an upper or lower vanishing point. It’s actually a lot easier to see than explain:

As I studied Relativity, my eyes kept going back to the figure walking up the stairs at the bottom of the image. I loved the way that figure seemed to lead the viewer into the image (at least that’s what it did for me.) I suddenly had a flash mental image of Luke Skywalker walking up the stairs to begin the climactic fight with Darth Vader at the end of Empire Strikes Back and I knew I had the beginnings of an idea.

It took a while to fully form, though. At first, I thought I might try to show the same moment from 3 different viewpoints (one idea was to show Luke’s hand being cut off from below, above and relatively straight ahead) but it seemed too confining and I still really loved the idea of there being 3 different worlds.

Thinking about Star Wars led me to think about all the other sci-fi/space fantasy stuff I grew up loving and how much influence it had in making me want to draw pictures for a living. It wasn’t too long before I wanted to try combining Star Trek with Star Wars. Star Trek has such a distinctive design that I thought it would be immediately recognizable and distinct while still complementing the Star Wars stuff coming from the other vanishing point. That left one more vanishing point to inhabit!

I’ve always been a huge fan of the original Alien. The movie itself is great and there is so much great design work from H.R. Giger, Moebius, Chris Foss that it’s always stayed with me. I had my third vanishing point.

I created a 3-color perspective grid in Adobe Illustrator and started playing around with adding quick thumbnail characters to it after importing it into Photoshop. The focus was primarily on the characters at this point, but what I soon found out is that the space is the star in this kind of image. That ended up reinforcing my choices for the 3 worlds—each of them is so immediately recognizable in their own right that there was plenty of material to draw from in the ships, environments and interiors from all 3 of them.

The result of this stage was a quick thumbnail that already enabled me to visualize the way everything could work together:

The next step was to create an underlying structure that would work being seen from 3 different directions.


Report