Monday, April 15, 2013

Character Design: The Crimson Fly

So. Here we are. The title character. The guy you came here to see. The Crimson Fly.


So, some notes on the character:
-Yes, his legs are weird. Think rabbit or quadrupedal legs.
-He's wearing a mask with goggles overlayed on top. No, He's not missing his ears, nor are the orange bits his eyes.
-His eyebrows are massive. Better for emoting.
-He does have wings (It'st that's why he's called the crimson FLY). When not in use, they're tucked inside the hole in the back of his hoodie.


The Crimson Fly is not actually the main character of this particular piece. There are a lot of mysteries about him (why are his legs like that? What's under the mask? etc.) that I don't want to reveal yet.  And without that background knowledge, it makes meaningful character development hard. Progress only means something if you have a starting point to judge it from.  So, no, the Fly isn't the main character.  Think of him as more like a guide for the main character's progress.  His (The Fly's) story will come later in the main comic.

So what's next? I'll show you how to draw him!

Posting schedule

Alright. So you're probably wondering how the posting schedule is going to go.  Well, I am going to try to follow the production schedule as much as possible, which means posting pre-production, production, and post-production.  Pre-production is all the stuff things you do to get ready for making a project, like synopsises, scripts, character designs, environment design, storyboards and thumbnails.  Production is where you do all the fun stuff like drawing, and animating.  Post-production is where you do all the things you need to get published, such as sound design, compositting, and graphic design.  And the plan is to have this all done by November.

So what does that mean for the blog publishing schedule?  Well, I'm going to try and hit a Mon-Wed-Fri  schedule.  And I'm going to try and follow the schedule above.  So that means that its going to go:

Pre-Production
-Character designs
-Environment designs
-Scripts and thumbnails Uh huh, no. I'm not giving you guys that! Instead I'l give you Previsualization drawings instead.

For the "Production" part of the project, instead of posting pencils, inks and animation, I'll be livestreaming my work, so you can see my work method as I go. That'll also be an awesome chance to ask questions about me, the project, how I do what I do, and the general "why"s of everything.  And, depending on how that goes, and selective feedback, I might post finished pages/pencils/animated clips!

For Post Production, I'm not sure how I'm handling that, but I'll cross that bridge when I get to it. I've already got enough to do now!

So what's next? Character Designs! Woo!

Friday, April 12, 2013

The Logo

So... Now that there's a blog... what should the first post be about? Oh, man, there's so many things to post about!  Well, considering that I'm probably going to forget about this and never come back to it later, its better to get it out of the way now.  What is it? The logo, of course! (what you thought I was going to give away the story? Psshhhh)

So.  The logo.


The story of the logo goes that as I was getting ready to set up both this blog and the Facebook page, when I realized that I'd need some sort of graphic if I was going to attract anyone I didn't know know personally.  At first I thought of just grabbing some fonts off the internet and then cobbling something together out of the fonts, but I didn't want deal with the inevitable licensing issues that would come up later, so I decided to make one of my own.  Here's a comp of the designs I went through.  They were pretty much created in the order that they are listed.
You make comps like these so you can see what it looks like in reality, and not just in your head.  Sure you might have an idea of what its supposed to look like in your head, but you won't truly know until you put it on the page.  Similarly, you might have already decided on a particular composition ("comp" for short), but what if there's a better variation out there? So you put out images of all the variations you can think of, and if your initial idea still wins out? Then you go with that.  I'd pretty much already decided on Comp 4, but I decided to play with the idea of adding a pictorial (the image next to comp 4). This resulted in comp 5.  This lead to a series of variable comps (comps 6-9) where I played with the position of the pictorial.  I still ended up liking 5 over the rest (though 8 was a close second), as it was a unified comp (why 8 lost) where all the elements still read (why 6 and 7 lost) and flowed into each other (why 9 lost).


I added the pictorial as I wanted a graphic element as well, rather than simply just having text. It turns out that the pictorial also makes for a great favicon (that little logo that appears in your tab header?  Ex. the "B" for blogger). So you'll be seeing a lot of that when the actual page goes live. Here's a close up!

The next thing I did was ink and color everything.  What follows next is a little "pot-and-kettle" moment, where I say one thing and then do another entirely. What I would recommend for logos is to do them in a vector graphics program like Adobe Illustrator.  This is because these programs, instead of painting everything out on a pixel grid (called raster), "calculate" your graphics out along a point-and-arc system (I'm simplifying this massively; go google it later)  called "vector." The thing is when you make a painting digitally, it can be shrunk to fit any document, but it can't be blown up afterwards.  Once a raster document is created, it can be shrunk down, but it can't be blown back up. Well, not without becoming super ugly in the process!  Vector images are different.  Once they are created as work files, their size isn't determined until they are exported as images, allowing you to export them at any size! This is great for logos and graphic design elements that have to fit on a wide variety of different mediums, such as websites, tablets, magazines, etc.

So, where's the pot-and-kettle moment?  Well, remember when I said "I would recommend for logos is to do them in a vector graphics program like Adobe Illustrator?" I used Adobe Flash.  Flash is great for animation, interactive design, and sometimes illustration, but its tools are not very intuitive.  But "when all you have is a hammer..." and Flash is that hammer (especially when expediency is key), well, you hammer away! For the record, if you have/need a logo, I'd recommend Illustrator.  But I personally use Flash.

But enough of my rambling! What did the finished logo look like?

Okay, you already saw it up top.  But I figured with all my "blah, blah, blah" that you had to read, you could use a refresher. And just like the comp up top for potential designs, there's also a comp for all the different color variations!  This is in case there's a setting where the regular logo can't be used (such as in the banner for this blog).

So, that's the story of the logo for The Crimson Fly.  What do you think? Is there a favorite design of yours? Let me know in the comments section!

Wednesday, April 10, 2013

Welcome to the World of "The Crimson Fly"


Hello, and Welcome to the world of The Crimson Fly, an animated comic! So what is the Crimson Fly? Its the story of the adventures a young vigilante, The Crimson Fly, as he stumbles, kicks and vaults his way above, below, and through a city that doesn't want him, and learns what it means to be a hero.  He's not very strong, fast or smart, and he doesn't always know what's going on, but the Fly's got heart and determination to spare! And he's going to need it! In addition to the criminals, the gangs and the freaks, He's got to contend with the law that doesn't want to deal with him, a public that fears him, and a cityscape that certainly was built for superheroes.  But if anyone's going to make it as a superhero, its the Fly! Lets hope he doesn't crash and burn first!

The format for this story is an animated comic. What does that mean? Exactly what it says on the tin! There's animation in this comic.  There's always going to be a panel where something can move.  That said, its not automatic. It'll be up to you to find where, when and how things are animated. What does this mean? Well, you'll see.

As you may/may not have noticed, there are no comics on this page, nor is there a link to a website for the comic, yet. That's because I'm still in the pre-production stages.  The actual comic will not arrive until next year.  Wait, Wait, Wait! That doesn't mean that there won't be stuff to show until then.  The purpose of this page as it currently stands is to keep you all in the loop until the comic is finally finished and published!  So from here until the release date in January next year (I haven't set an exact date), you'll be taking the journey with me, watching as I design characters and environments,  follow me on livestream as I illustrate and animate pages, and weigh in on design choices as they are posted to the blog.  It should be a fun ride!

So, in closing, welcome to the world of The Crimson Fly, an animated comic by me, Collin Byrd (the writer, the illustrator, the animator, and the programmer)! Hope you enjoy the experience!