Wednesday, October 20, 2010

Process, Part 3

Part 1 here.
Part 2 here.
Part 4 here.
Part 5 here.

Today I'll show you how I create a background! But first, you need to understand how layers work in Photoshop. I don't want to turn this into Photoshop 101 or anything, but I do want it to be accessible to as many people as possible, including those who may not have a full working knowledge of Photoshop or might not be artists themselves. For that reason I want to at least explain the concepts behind some of the tools I use.



Layers are a feature that you absolutely cannot live without as a digital artist. If you look to the right in the the image above, you can see that each element of the smiley face is on a different layer. Notice in the tiny icons how the facial features are on a layer above the black outline, which is above the yellow circle, which is above the white background. On the left, you can see that all of those things overlap to form a completed smiley face. Think about it like drawing on transparency sheets and laying them all on top of each other. The reason this is important is because, well, let's say that this is a painting on a canvas and you decide after you're done that you want the smiley face to be green. You would have to repaint the whole thing, carefully edging around the eyes, mouth, and outline, right? Well, with this setup the yellow circle is on it's own layer, so all you have to do is select that layer and change the color, which takes all of three seconds.

Now that we have that out of the way, back to my Mothman drawing. I tend to make my backgrounds fairly simple, so I've reached the point where I'm comfortable creating them entirely in Photoshop with no need to do much more than a thumbnail on paper. (Unless it's a particularly complicated scene or uses specific buildings, etc.) For this background I want a to draw a bridge with a mountain range behind it.


Since my scene takes place at night, I started out with an all black canvas and used a textured brush to add some very subtle color gradation from top to bottom to give it more depth. (Brushes will be in the next post, so don't panic.) My, isn't that exciting to look at? I know the gradation may seem subtle to the point of useless, but stuff like that really helps, trust me.


In a new layer, I drew a shape that would form the sky behind the mountains. Within that shape, I again created a gradation of color with a brush to give it depth. See how the slight changes in color make you think "sky" rather than just "pointy pink shape?"


I added more layers for more elements of the background, such as the road, railings, stars, bridge support, and the soft light on the edge of the mountains. There's no real trick to adding this stuff in, you just draw it in there with the brush tool, or polygon lasso tool for bigger shapes that you want to fill in quickly.


As much as I like the colors I had in the background, I was still thinking about the fact that brightly colored characters were going to be placed on top of it. For that reason I changed the colors to be much more subtle and muted so that they wouldn't compete with the characters as much. I did this by making a new layer above all the other layers and filling it with a solid color, then messing with the layer's settings and opacity. Think about it as if you have a piece of colored glass that you're looking through, only you're able to control its color and the amount of light that passes through it.

And that's the finished background! Again, there's not as much of a trick to this as you would think, it just takes all the time and work you would expect to put into a nice looking drawing

Tomorrow, the characters.


17 comments:

dylanio21 said...

Hmm...I read your blogs and makes me think of how much easier this proccess is than using pen and ink, really just because of the layering, that's so handy, ofcourse one could just get a lightbox...I want a lightbox.
I actually like this layering idea even if you aren't a pro at digital art, just scan finished seperate parts and then use the layer thing.
I really like when people use thick black inks over watercolours but seperate them and put them together digitally.

จอดี้ โปยา said...

Thank you so much as you have been willing to share information with us. We will forever admire all you have doneสล็อตออนไลน์

จอดี้ v2 said...

Remarkable article, it is particularly useful! I quietly began in this, and I'm becoming more acquainted with it better! สล็อต 999

Moaa said...

I am thankful to you for sharing this plethora of useful information. I found this resource utmost beneficial for me. สล็อตวอเลท

จอดี้ 356 said...

You delivered such an impressive piece to read, giving every subject enlightenment for us to gain information. สล็อตแตกง่าย

kq said...

Wonderful article. Fascinating to read. I love to read such an excellent article. Thanks! It has made my task more บา คา ร่า วอ เลท

kffiawk said...

Hey, this day is too much good for me, since this time I am reading this enormous informative article here at my บา คา ร่า วอ เลท

kinggod said...

Thanks for the blog filled with so many information. Stopping by your blog helped me to get what I was looking for. สล็อตเว็บใหญ่

kinggod said...

Today, I was just browsing along and came upon your blog. Just wanted to say good blog and this article helped meสล็อต ฝาก-ถอน true wallet ไม่มี บัญชีธนาคาร

ara said...

You have performed a great job on this article. It’s very precise and highly qualitative. You have even managed to บาคาร่าวอเลท

จอดี้ said...

Pretty nice post. I just stumbled upon your weblog and wanted to say that I have really enjoyed browsing your blogสล็อตทรูวอเลท

fawfd said...

It is included in my habit that I often visit blogs in my free time, so after landing on your blog. I have thoroughly สล็อตxo

mowsk said...

Keep up the good work; I read few posts on this website, including I consider that your blog is fascinating and has เว็บสล็อต

จอดี้ v2 said...

Without fail, your writing style is top professional; even your website also looks amazing thank you for posting.เว็บสล็อตเว็บตรง

โอชา said...

Excellent to be visiting your blog again, it has been months for me. Rightly, this article that I've been served for เว็บตรงสล็อต

MOSKING said...

Hey, I am so thrilled I found your blog, I am here now and could just like to say thank for a tremendous post and all เกมสล็อต

MOSKING said...

Hi there! Nice material, do keep me posted when you post something like this again! I will visit this blog leaps and เว็บ ตรง