Thursday, May 16, 2013

T-shirt


This is available as a print on a t-shirt or a hoodie here:
http://www.redbubble.com/people/irina121d/works/10342966-the-scoobies

Just figured it was worth a shot to submit this somewhere and see what happens. I'm very tempted to put everything else aside and make a couple other designs from my favorite shows. Which are many.

Friday, May 10, 2013

Drawing in Animate

https://www.toonboom.com/products/animate

Animate is one of the ToonBoom products best suited for 2D animation. This is what I'm learning now. Apart from animation it also has excellent tools for creating and manipulating vector graphics. The tutorials are a really good place to start at and basically you don't need any prior knowledge of anything else - it helps but it's not necessary.

The biggest feature that seemed amazing to me was the rotation of canvas. Just at any moment hold down Ctrl - Alt and quickly rotate the canvas in any direction. Seems like a small thing but it changes everything especially if you work with a stylus.



When you draw on a piece of paper you can rotate it as much as you want. Because some lines are difficult to draw simply because of how your hands and arms move - when you rotate paper you make sure that at any point your hand goes in the direction that's comfortable for you. This is a problem in Illustrator when you draw with a stylus - you can't rotate your screen every time and you can't rotate your canvas. In Animate you can and quite easily - it fits into the creative workflow very naturally to the point that you don't even have to think about it. In my opinion this should be added to any software dealing with drawing.

The other interesting point of making your graphics in Animate is how they deal with vectors. You can create a closed path with the pen tool and yet continue that path. The coloring seems similar to that of good old Paint - as long as you have an enclosed area (it can be defined by a couple paths) you can give it a fill. In general this approach to things feels a lot closer to how you draw on paper - you just draw and color without worrying about anything - the software does the rest for you. Also, there is an option for automatically merging paths that intersect together, and another option to make sure they get extended enough to "touch" the other path they were close to. This lets you not worry about unclosed paths and just keep on doing your thing.

Another really amazing and helpful feature is Onion skin. Say you have the front view and profile view of the same character. You put them onto 2 separate frames and go to the frame between them and enable Onion Skin. It will show the previous frame in one color and the next one in another color. Then without thinking just draw your 3/4 view by simply drawing between respective red and green lines.



Another big plus is you can use the Adobe Flash keyboard shortcuts rather than learning the Animate ones - this is convenient for any Adobe fan / user.

Also, an interesting approach on coloring. You can keep your line art and fill separate. The way it works is you create shapes from your line art that have no outline which you can color. If you do so you can always go and look and your clean line art without colors getting in the way and you can always see them together if you have the "Preview Color and Line Art" option enabled.

I haven't made anything exciting yet and am still learning - there will be more on this later on. Right now I'm trying to improve my actual drawing skills and the drawing speed. And the only way I know to make it happen is by just drawing as much as possible.

Wednesday, May 1, 2013

A couple illustrations

Here's a couple more stuff I've made with Illustrator:

This is from "How to Draw New Retro-Style Characters" book.
I just built it in Illustrator and colored it.

 
Gallifrey at night. I'm a "Doctor Who" fan so I recolored and modified my previous artwork a bit :)

Evil girl. She looks more annoyed than evil though. 


These 2 are from the same book. I'm going to keep adding more parts and keeping them in separate ai files. This way when I need to build a character in this style it will go very quickly.
 
the balloons are semi-transparent. and I can easily change color for when I need to quickly make a birthday card of sorts.
 
This is hand-drawn. Goofing around.
 
 


 Anyway. This is it. Last day of April, so a good place to wrap up with Illustrator. I do have one more post planned but it won't apply directly to Illustrator, so I'm wrapping up for now. I still have a lot to learn and do in Illustrator and I will return to it at some point but for now I'm putting it away.
 
I've gotten Animate from Toon Boom and shifted my focus there completely. It's an excellent tool for 2D Animation for those who don't know. Next post is going to be about that.
 

Tuesday, April 30, 2013

Layers in Illustraor

I was reading a chapter on layers in Illustrator. I felt like the book explained where to find different tools but did it no justice of why layers are so important.
 

If you are a complete beginner:

 
Layers are sort of like transparent sheets on which all your elements go. you can have everything on one layer, or you can have multiple (essentially infinite number of) layers. Layers can have sub-layers, groups, and paths. Sub-layers can have their own sub-layers, groups, and paths. Sort of like infinite Russian dolls. Here's an example and its hierarchy.
 
Now, bring up the Layers panel (F7), hover over the buttons, take a look at the menu, poke around figure stuff out, I'm not going to go into too much detail here - I strongly believe that you can figure out how to add new layers and delete them :D .
 

if you are not a complete beginner:


So. Layers. In Illustrator at first it seems they are not so important as you can have a bunch of elements on the same layer and can still manipulate them individually. However, when you make something complicated (and trust me you will very shortly after getting into Illustrator), you will end up with a really big list of elements and will have to scroll a lot to find what you're looking for.
 
So, layers and groups help with organizing and keeping you sane.
 
For example if I draw a person (or an animal, or an alien) the facial features are always on a sub-layer and grouped up in a way that makes sense to me (like left eye group, right eye, mouth, etc.)
 
More importantly keeping things on separate layers will make your workflow a lot faster and easier - because you can lock layers making them unclickable and uneditable. Or you can hide them. The locking of layers is important because if you have a bunch of paths overlapping one on top of the other you will get annoyed trying to select the correct element. A couple shortcuts and tricks that will help:
 
Click to Target - every layer, sub-layer, group, and path has a circle on the right to their name. Clicking on it will select all elements in that entity. This is very useful for repositioning stuff in your artwork.
 
Locate Object - (one of the buttons on the layer panel). This is a life-saver. Select your object with any selection tool and click that button - it will find it for you on the layers panel. Instnatly. No scrolling around. 
 
Reverse Order - select a couple layers (they don't have to be consecutive), click on options from layers panel, and click reverse order. This is a lot faster than rearranging a bunch of layers manually by dragging them around.
 
Alt - Click in layer's lock column on the Layer panel - this will lock all other layers of same indentation. This is really convenient when you need to do some fine work on specific paths without anything else getting in the way. Alt-click on the same layer again to remove the locks from other layers. This works the same for visibility field (show/hide layers).
 
Collect in a New Layer - select a bunch of same indent elements click options on layer panel and click Collect in a New Layer. Self explanatory. Much more convenient than manually dragging it to a new layer.
 
Ctrl - click on Create New Layer - if you're in draw normal mode: the new layer will be the top layer; if you're in Draw Behind mode it will be the layer on the very bottom.
 
Layer Options (double click on a layer):
 
This is pretty neat - every layer has its own color for selection tool (V) bounding box. You can change the color to whatever you want. This is handy for when the selection color is close to what's on the layer - like if you have a sky background and the layer color is blue it will be hard to see.
 
Template and Dim Images to %: These are a great features and quite similar. They dim the layer. Template works fine but if you want to make it even more dim or if it's too dim then just check dim images to instead and enter the desired percentage. The reason why this is important: it works great for when you have a scanned sketch that you're going to use as a stencil for your illustration.
 

Layer use and good practice


 Ok, so layers are good and all-mighty - I never work without Layers panel open - and I do mean never ever - I'd feel completely lost without it. However, don't go overboard with layers either.
 
If I have a couple artboards I make a separate layer for each of them and make sub-layers where necessary. If I have only one artboard then I will have different parts of the illustration on separate layers.
 
I almost always have a background layer - sky, grass, the view in the distance - all that goes there. You can add more stuff to it it's up to you. I prefer having a separate layer for say flowers and other details. That layer comes right after the background. That may be a couple layers. Then for each person or object in the foreground I will have a separate layer.
 
If it's a simple drawing I will add another layer for shading. or shading will be on sub-layers for each layer. For shading I usually use a brush, black color, then select everything on that layer and add transparency or set the visibility to overlay or multiply (Appearance panel Shift-F6). Same for highlighting.
 
Here's an example:
 
 
So at first I would draw all that on respective layers except shading, then painlessly reposition the girl or the trees or whatever else. Once I was happy with it I would do the shading. If I knew in the future I may want to move stuff around again I would make shading sub-layers for each layer, so that it would move around with the respective objects.
 
This post is based on my personal experience and my workflow - different people may see things differently and in the end there is no right or wrong. However, I myself find it most useful to see how other people in the field do things and use things and share their thoughts or experiences - it's one of the best ways to learn and get good habits. So, I hope that this will help some people out there :) But definitely don't take my word for it - go try it out yourself, mess with it, click stuff, make your own mistakes, get your own experience!

Wednesday, April 24, 2013

Comic book art



This is done the same way as described in the previous post - sketched, inked, scanned, colored in AI, and background made in AI. For sketching I used a wooden manikin to get the pose and proportions right. I was going for a dynamic pose - it's a little bit of strange one but hey maybe she just let go of a rope she was hanging onto and is going to punch somebody while dodging to the side... Definitely made it challenging to draw.

If I end up making some comics she will definitely be one of the main characters. And if I go with animation I can simplify it a bit out of this style and make it more cartoony but in either case this will definitely be used later on one way or another.

Anyway, drawing her and coloring her in AI took me about a day. All things considered not too bad timing for right now in this style. I stepped away from learning AI a little bit and have been training myself in drawing lately but after making this I realized there is still a lot I need to learn to do in Illustrator so I'll be back to that.

Friday, April 19, 2013

Digitizing hand-drawn art

Creating art directly in Illustrator is great - you can mess with each single line and change colors and even components on the go. However creating something from scratch is rather tedious and time-consuming - even if you're pretty good with a stylus it still is faster to draw something by hand with a pencil (at least in my case anyway). This of course doesn't apply to say abstract-ish sort of art like the three I posted before. I'm talking about drawing pretty detailed characters and objects.

I got a book called "how to draw your own graphic novel" (which is great by the way; has good advice and nice practice exercises). I went ahead and drew the very first character from there - a barbarian. Once it was done I used a 0.05 Black ink pen to outline it, erased all the pencil and was done with it. I wanted to color it in Illustrator so it was time to test out the Image trace feature. I took a photo with a DSLR camera, tuned it in photoshop a bit, and placed the file and tried different tracing modes. It wasn't the best result - I kept losing either the very top lines or the very bottom ones because of the way camera focused. I tried using a tripod and went back and forth with it. Then I started just rebuilding the whole image with curves and lines using the photo as a guidline. It worked but the process was very slow and tedious. And well it wasn't what I wanted.

Then I figured I'd go get a cheap scanner and see if that will make my life easier. I got a $50 Canon scanner (2400x4800dpi). Scanned the image (in grayscale or black and white), upped the contrast and placed it in AI. 

Inked sketch

Image trace worked like a charm - I used the "Sketched Art" option. The black outline was a compound path and all the pieces had no fill but where there so I didn't even have to use a brush to give it a fill - just selected each single piece or groups and colored it. Then I made a couple sub-layers to add shading and detail. After that was done I made a background layer and drew the ground, mountains, etc with a stylus - easy stuff.

Final result

Now, please remember, that this is a picture from "how to draw your own graphic novel" book - not my own creation - so don't use it anywhere or for anything :)

Another way of doing this is building the art point by point and using the sketch as a guide. This method is described in Part 2 of this tutorial.

Wednesday, April 10, 2013

Buffy / original Scoobies

This was a good show. I decided to attempt making a t-shirt design (which was limited to 5-6 colors). That didn't fall through for me but I still had fun. Anyway here's my original image and t-shirt version.

 

 Next time I make a tv-show themed graphic it will probably be either Doctor Who (10th doctor) or Game of Thrones. But for now I have a bunch of other things I need to make first, so probably will be a while.