Mad skills at Photoshop: A Vader Tutorial

darth-vader.jpg

A couple weeks ago, I didn’t know a damn thing about photoshop. Now, I can do all sort of snazzy things and you can to. Don’t pay some scammer “artist” or “graphic designer” when you have it in you to make art yourself. I have the artistic talents of a 5 year old, but with some quick youtube tutorials, I can just about create whatever I want. The below graphic was drawn using the above picture as a guide. All of the coloring and tracing is pretty easy to do, but a little time consuming if you have OCD. If you want to make a bunch of Hope posters, you can create all sorts of variations using what I show you below.

Screen Shot 2016-05-07 at 10.49.53 PM.png

Now, this wasn’t easy nor was it fast. In total, I think I spent around 2.5 hours making this work. This is because even though I mastered the concept of layering, to do something of this detail, I had to do a ton of layers. How many?

52 fucking layers.

It was tedious as shit, but if you are making a unique book cover, or decorating your website you can pretty much do the same thing if you have the time and patience. After spending this much time, I will be retiring ol’ Lo Pan from Big Trouble in Little China for a while, and letting Lord Vader do my greetings on twitter. (If you haven’t followed me on twitter, I recommend you do so to catch in all the weird shit I say all day long).

STEP 1: Lasso Vader out of the pic. You have to then use the eraser tool, and set the size to small and zoom in to erase all the extra shit you got. This will take a little time if you want it to be perfect.

Screen Shot 2016-05-07 at 10.05.15 PM.png

Step 2: You then use the pen tool, and zoom in again, and trace an outline around the helmet and interior of the helmet, and then the neck. The three different depths should be separate so you can put closer parts of the helmet using a different color. This takes a little time to zoom in and ensure you get rounded edges. Then, I added a red background with a slight color gradient because I’m a baller like that. Be careful to recognize light colors on the edge that should be traced in another layer.

Screen Shot 2016-05-07 at 10.06.55 PM.png

Step 3: This is where the detail work comes in. Using a slightly lighter color, I traced interior shadows on his helmet to give it a little depth. Each area is a new layer to add and name. (By the way, name your layers otherwise it is confusing a shit to find which one you want to tinker with later). Adjust the colors and tones to get the color you want. I kept using a color overlay with an opacity adjustment in the 60% range to get it where I wanted.

Screen Shot 2016-05-07 at 10.08.46 PM.png

Step 4: Keep adding layers and adjusting the colors. I came to the conclusion that to get it perfect meant doing around 200 layers, which I didn’t have time for. This was merely a beginner practice session.

Screen Shot 2016-05-07 at 10.11.17 PM.png

Step 5: Boom, this is the easy final step. You add the lightest colors closest to your perspective (you know, the light gleaming off of Lord Vader’s helmet) and you color that in  on the highest layers with the lightest colors you can, all using the pen tool. A key thing to remember was to get the brim correct, and then to remove the basic picture underneath. I used the spray can and a light texture to match the underneath helmet shade in the picture. The final step is text, which is easy as shit. You just type the font and change it to what you want. I simply downloaded the Star Wars font (hopefully I didn’t get a damn virus).

Screen Shot 2016-05-07 at 10.50.28 PM.png

NOW SEE ANOTHER PHOTOSHOP TUTORIAL

Make comments below on what you want me to try next. Ask your friends what they want to see.

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s