STS-71: Of Stars and Swords Volume 1 Art Updates

As of today, Of Stars and Swords Vol 1: The Mad Lord is out on Comixology!  It contains the complete first story arc for the comic, as well as some extra things like a new short comic and, importantly, updated art. To give you an idea of what that means for the art (and the lettering in most cases), Caroline put together a number of comparison panels that we've shared in the past few months, and I wanted to compile them all here for easy viewing.

Lastly, Volume 1 is the ONLY way to get this updated art. We won't be updating the webcomic or the previously released issues.

STS-44: Alternate Of Stars and Swords Page

Alright. Due to sickness, we had no Of Stars and Swords update this week. It's the first week we've failed to update since launching, and it bothered us both a great deal, but it was the best decision. Caroline, especially, has needed the time to recover from whatever hell we both managed to catch.

But it's Wednesday and I feel wrong not putting SOMETHING online for people to enjoy. So I've got something for you all, and I like to call it the reason why we don't let Caroline do the writing...or, alternatively, the reason why we should have her doing all the writing.

Below is the version of last week's page that Caroline gave me to letter. These days, she always does some flatting before I get the page, so color of various kinds is not out of the ordinary. But for this, she decided that she would put in her own words...



Just in case it wasn't obvious from the text and the color choices, Caroline enjoys turtles.

STS-42: OSAS Splash Page Layout

Hey, everyone! Last week's Of Stars and Swords page was a big splash page that Caroline nearly killed her hand and eyes on. It's only fair to give you a look at the layout she put together, since this is one of the rare times she put together every step of the art. So here's her layout sketches which you can compare with the actual page by clicking this link!

STS-40: OSAS Colors

Hey, everyone. I know we're quiet here, but that's only because Caroline and I are hard at work on Of Stars and Swords! We also just launched a Prose based side project for the webcomic, featuring its own story in the same world, if that's your kind of thing! And in addition to all of that, there's more prep and work going on for the long-talked-about Scifi comic. Not to mention random sketches, ideas for some prints, and other things that you're likely to see here as they get done. So yes, we're busy!

But I've got the perfect thing for this blog today. Caroline's been coloring the Of Stars and Swords pages just a bit differently lately. Trying some different ways to simplify what she does and still be comfortable with it. And then I threw Page 4 of Issue 2 of the comic at her. It's a travel montage, with five completely different scenes on one page. That is not at all easy, and Caroline really worked hard to make them all work individually.

So here, for your eyes, is the entire page minus those pesky letters I feel compelled to cover up all her careful shading with!

Slightly larger version on deviantart: http://seriousturtle.deviantart.com/art/OSAS-I2-P4-Colored-322742395

STS-38: Process

Hey, everyone! I know it's been a little while since we've updated the blog, but we've been busy. Excuses, I know. However! Here's a nice, meaty update for you all to enjoy.

As of today, our webcomic, Of Stars and Swords is up to Page 5 of Issue 1, technically page 25 overall. And with this page, we figured this would be a good time to give a rundown of our process in creating all of this. I'm not going to go into too much detail, but feel free to ask any questions. We might do some more detailed process posts later if you like this one!

So. First up, the script for Page 5!

A couple things on the script. This page, and the next year's worth of scripts I've written for Of Stars and Swords was written in Celtx. It's a great free program with a built in comic script format that I love. Only problem is, exporting the files in other usable formats isn't really that easy. I still love the program, but I'm now doing the bulk of my script writing in Scrivener. It's a very complicated program, but also insanely powerful and exactly what I need since I make tons of outlines and other notes that the program can all combine together while I write the script.

Now, as for actual process. This script was written well over a year ago now. In some ways, that's a good and bad thing. The bad part is obvious. It's older and hopefully I'm a better writer now that a full year has past. But the good is that I can look at this script again, but as if someone else entirely wrote it. The main problem? It's wordy. Now, this is a page of heavy exposition for a scene that's basically setting up the conflict of our entire plot, so it's going to be wordy to a point. It is, however, too wordy. There's a limit to how many word balloons you can cram onto a page before it just becomes unreadable, and this script has it right on the edge.

Thus, it gets edited down. Now, where the edits happen tends to vary. I try to do them on the actual script, but that doesn't always happen. This is a case where the edits are actually on the lettering stage, so we'll get to that in just a bit.

Layouts are next!

Layouts for the page are something I also handle. With the script in front of me, I do exactly what you see happening there. I'll draw out various ideas for how to break down the panels. This page is an interesting one to see, as three of those quick sketches look almost identical. This tends to happen when my head gets stuck in one area. I don't erase them because it's me working them out as I go, and I usually don't realize I've made an identical layout until I look at them both. That means two things to me: Either I've hit on the right layout for the page right away, or I'm not thinking outside the box enough.

I figured it was the latter on this one and got Caroline's input. The two page layouts on the right are what happened when she and I talked it through. You can see that it's the same basic idea, but trying to push it into something a little more visually interesting. The top right one was exactly what I had been trying to find, so then I do a slightly larger version of the page with very, very rough sketches of where everything goes. It's crude, I know, but the point isn't to look good so much as to get an idea for how much space everything should take up on the page and, just as important, where the word balloons will fit.

Also, on this page, we had to introduce a new character that we'd yet to design. So Caroline and I talked him out while she sketched and there you have the face of our Elf Commander. We really wanted to keep him from that usual long haired, girly-looking stereotype and I really like how he came together.

After that's done, I pull out a full art board and get the panel borders mapped out. Then I take it down to Caroline and she gets to hold it hostage for the next few steps!

Using my layouts as a rough framework, Caroline puts the pencils you see above together. On this page, she mostly stuck to the placements I had set out, but if you look closely you can see that panel two is now zoomed out just a bit and she's added in Barstof in the background rather than ignore him entirely. She also zoomed out on Nika in panel four and played with her pose, and this, thankfully, gave more room for the text.

There are times where my layouts are simply ideas for Caroline to use to get someplace even better. It really just depends on the exact material and how bland my layouts are. We're making a real effort to change up camera angles and not use too many of the same shots, but it's easy to fall into habits if you don't have someone else constantly checking on you.

When the pencils are done, I scan the page and give it right back to Caroline so she can ink it. All her inking is done traditionally using nibs (a Hunt 512 for thicker lines and a Hunt 102 for details) and acrylic ink. This is the point to really nail down where the blacks are going to go, and balancing that amongst the entire page is very important so as not to distract the eye too much. With a lot of inking in comics these days, it's just one stage, but we do things a little differently for Of Stars and Swords.

After the blacks are down, Caroline puts down an ink wash of watered-down acrylic ink.

Caroline uses the wash to help add texture to the page. It also is a precursor for how she colors, putting in basic shadows that will be expanded on during the coloring process.

This is a stage I've wondered if we should skip, simply keeping the more structured black inks, but the wash adds so much life and depth to the pages that it would be a mistake.

After this is done, the page is scanned yet again, and then Caroline adds color!

Here with the colors, things are finally digital. Caroline does all of this in Photoshop. The ink wash gets tinted various colors based on what is being shaded and you can see how it adds a great deal of depth to the final look of the page.

Now, this next image you're going to want to click as it's pretty big.

That right there is the template I use for lettering in Illustrator. The idea for this kind of template is something I have shamelessly taken from Scott McCloud, and it has taken lettering from something I dread to something I love doing. Once Caroline is done coloring, and sometimes before depending on how fast things are going, I take a low res version of the page and drop it into the center of my template to start lettering.

As you can see, I have pre-made balloons ready to be copied over. They are also immediately ready for text to go in them. There are two layers so that some balloons can be on top of others if necessary. It's worth noting that the outlines for my balloons are not individually constructed, but an actual property of the layer they're on, so it's much easy to slide balloons together like you see in Chloe's line on Panel 2. I don't use templates for tails, however. I prefer to make those based on where the balloons are placed and work them out more naturally.

That big open spot on the left is for any color swatches or various other things I might need. As you can see, there are only two things there right now. Those are the colors of the gradient for Seren's captions, which you can see combined in a caption box over on the other side. That other grey area with text information is where I play with sizes and shapes of things. You can see the commander's nameplate in a slightly different form there.

And as I mentioned before, if you look at the text and compare it to the original script, you can see where edits were made for clarity or simply because I wrote way too much. Also, you can now see why the entire left side of the map was empty, as it's now almost completely covered by text.

After all that's done, Caroline looks it over to make sure I didn't make any typos or other stupid errors. Which I tend to make. Quite a lot. So I fix those, give her the file, and she puts it all together and puts it on a torn-page template she made for us. And...here it is, finished and hopefully looking better than that script could have hinted at!

STS-18: The End, Complete

So for easier reading, here is all of our mini-comic, The End, compiled in one post and in order. In the next couple of days, I'll be posting some thoughts on the creation process, what we could have done better, what I think we did well, etc. Many people say it's not good to talk negatively about one's own work in public, but I want to do some honest, public critique of our early work to show how we go about working and to maybe help others not run into the same issues we have.


I hope you enjoy the comic, and it definitely does read better in one stretch rather than a page at a time!

STS-17: The End, Page 8

And that's it! All eight pages of our short comic. In a couple of days, I'll compile these all together in a more easily readable format (i.e. in correct order rather than cascading) and also talk about some thoughts on what we've learned since this, etc. Hope you enjoyed it!

STS-16: The End, Page 7

STS-14: The End, Page 6

STS-12: The End, Page 5

STS-9: The End, Page 4

STS-7: The End, Page 3

STS-4: The End, Page 2

And here's page 2 of our short story. As a heads up, if you want to read this without any interruptions from other posts in the way, just click on the tag on this post "The End" and only these pages will show up!

STS-2: The End, Page 1

Here is the first page of an 8 page comic Caroline and I put together for the Eagle Initiative competition that, sadly, ended up not happening. I'll be uploading a page of it every Wednesday for the next few weeks until it's done, and looking through them, they stand well enough on their own to deal with the slower pace. And, clearly, you'll want to click the image to make it readable.

I have a lot to say about this story, but for now, I'll keep it short. I might talk about this in more detail once the whole thing is done or over in the other blog. But put simply, these pages are now well over a year old. While they definitely aren't the best work in the world, I'm proud of them as these are the first full pages Caroline and I did completely ourselves. Script, pencils, inks, colors, letters, you name it, we did it. It was a great deal of work and we have learned quite a lot from it.

So, again, I hope others can enjoy this, too.

EDIT: And now fixed so that it's a full size image without having to click on it! Hooray!