Jump to content

  • Log In with Google      Sign In   
  • Create Account

Concept Art with Photoshop - Characters

By design3 of http://www.design3.com/ | Published Aug 07 2011 10:00 PM in Visual Arts

we' chapter design3 character create drawing line color photoshop
If you find this article contains errors or problems rendering it unreadable (missing images or files, mangled code, improper text formatting, etc) please contact the editor so corrections can be made. Thank you for helping us improve this resource

Posted Image
This is an affiliate program banner - registering for design3 will also help benefit GameDev.net!

[/center]Concept Art With Photoshop – Characters

In this tutorial we'll cover the steps on how to create an orthographic character rendering in Photoshop. We'll begin with a line drawing of half the character then refine the edges as we fill it in. Next we'll continue working in grey-scale while adding shading and lighting to bring out the character's form. Then using simple Photoshop techniques we'll go on to create symmetrical front, back and side renderings. Finally, we'll add a color overlay to give our character a unique look.

Chapter 1 - Introduction

In this introduction we'll briefly describe what will be covered in the following tutorial.


Chapter 2 - Line Drawing

In this chapter we begin to fill in the line drawing with a solid tone.


Chapter 3 - Shading

In this chapter we'll merge the line drawing and fill layers together then begin shading in details.


Chapter 4 - Rendering

In this chapter we'll start to add definition and depth to the shaded outline.


Chapter 5 - Duplicate & Flip Horizontal

In this chapter you'll duplicate the rendered half of your drawing, then flip it horizontally to create a full character.


Chapter 6 - Backside

By duplicating our front view we'll quickly paint the back view of our character.


Chapter 7 - Sideview

In this section we'll create the side view of our character using the front and back views as guides.


Chapter 8 - Color Overlay

In this chapter we'll finish off our character with some color. First we'll create a new layer and fill it with color then we'll set the blending mode to overlay.


The design3 Training Center offers training for a variety of game development and 3D animation platforms and tools including Unity, UDK, Source, Blender, 3ds Max, Maya, Softimage, Photoshop, Substance Designer and more. Sign-up for a free membership to get updates on the content New tutorial content is added to design3 weekly.

More Information
>>>Visit design3
>>>Visit the design3 Training Center
>>>Visit the design3 Development Community

Posted Image
This is an affiliate program banner - registering for design3 will also help benefit GameDev.net!

This is super awesome!!!

I would have liked to have seen how the also come up with the character designs- do they use a mood boards, and general descriptions, search google images and istockphoto for references, or base it on something else?

Excellent idea, and it was very enlightening to see the process of adding shading and color! I haven't done multiple colors on overlays before, but now it obviously makes sense.
Wow! This is such useful tutorial from which you can actually learn something. Thanks!
I don't know if it's a problem from my side, but "Join" does not work. I want to subscribe.

This is awesome... Now i can finally create my own art without having to annoy my team's concept artist.. :P

Note: GameDev.net moderates article comments.