DJ Scratch (ScratchVision v2) Illustration Process

Here's a new project I just finished with DJ Scratch (formerly of EPMD). The site is live now at ScratchVision.com. Since you guys liked the last process bit I put up, I thought I'd do another. This time just showing the header illustration portion of the site.

You can also view this (with the ability to zoom images) at my brand new blog I just set up at crackpixels.com/blog.

So here we go...

Note: All of my work is done digitally with a Cintiq drawing tablet. The two programs I used for this project were Adobe Photoshop and Adobe Illustrator.

First, I open up a new document in Photoshop and I lay out the basic composition of the image to see how all of the elements relate with each other. I typically use a light blue brush during this process. This way I don't have to worry about messing up my clean sheet of "paper" with black ink and can get my ideas down faster. After a lot of erasing and repositioning, the rough draft is finished.

[pic]

Next, I create a new layer on top of the rough draft, select black and outline the messy blue lines to clean up the drawing a bit.

[pic]

Sometimes, if more work is needed, I create a new layer on top of the black layer to clean it up even more. In this case, I left it how it was. Next, I import the image into Illustrator for the outlining process to really tighten up the drawing. There are times I outline the entire drawing and there are times I outline only specific elements. This was a case of the latter. Only the character was outlined since I had plans to finalize the rest of the drawing using strictly Photoshop.

[pic]

In Illustrator, I usually use a custom calligraphic brush set at a 70° angle, 70% roundness, and a diameter of 3pt or 4pt. This way I can use my pen's pressure to vary the width of each line. Next, I import the outlined drawing back into Photoshop and place the character in position on a separate layer. Then, I (very roughly) start blocking out the elements with the base colors under the outline layer to get an idea of how the final colors will be displayed.

[pic]

Now comes the most time-consuming part of all: the shading, lighting, and texturing. This might be the most time-consuming part of the process but it's also the most fun for me because this is when the drawing starts to really come alive. I start out by lowering the opacity of the rough outline layer and start the work with our main character. After maybe a couple hours, the character is nearly finished.

[pic]

Next, I work on the project buildings in the background, one of the turntables, and the trees. Note: I imported a few layers from the last project (ScratchVision V.1) I did with DJ Scratch (the trees and the sign) because I felt they fit perfectly with the new design. Since the turntables and the buildings will be nearly symmetrical, I only do the shading, lighting, and texturing for one side so I can flip it horizontally to match the other side when I'm finished.

[pic]

More shading, lighting, and texturing on the buildings, turntables, and mixer = Hours and hours and hours of work.

[pic]

Now that the shading, lighting, and texturing is about 90% completed, I can create duplicates of the layers and flip it horizontally. However, not all of the elements align perfectly so I have to redraw the tone-arm and readjust the perspective of the pitch control for the left turntable.

[pic]

I add in a background with a nice, bright moon as a light source and some clouds and also add more shading, lighting, and texturing to each element to make them "pop" a bit.

[pic]

Finally, after hours of work and 200+ layers in Photoshop, I put on the finishing touches and the illustration is completed.

[pic]

I hope you guys enjoyed this little process bit I put together. I'm planning on making these every now and then for my projects involving illustration so if you like what you see, you can subscribe via RSS.

Dope work fam!

the turntables are :wow: great work my friend

Dope.. Digging the new layout and coding of your site, tho.

Fantastic work! Great demonstration of thew process.

Thank you for all the comments!

This is so ill, bro. No matter how detailed your process is, I don't think I can manage anything this incredible. Absolutely awesome as always though.

You make it seem so easy! lol...wish it actually was..
Nice Work

200+ layers? Definitely put work into it. Good workflow ... great results. Excellent all around! When do you find time to do the coding you do and deliver on time when you put so much time into art?

I don't go out. lol :(

Thanks for all the comments!

this is so dope!
great work

Well I'd definitely trade going out for cash and better design skills. Good priorities.

One of these days please keep track of how long a project takes from start to finish. I know you're putting in sweatshop hours into this no doubt. The results show it anyway ... I just think it would be nice to have some numbers to go with it.

really good

I'm glad it shows. For my next illustration project, I'll make sure to log the hours. The reason I didn't for this one is because for illustration work, I usually just charge by the piece rather than by the hour.

dope.. thnx a lot...

damn man you are a monsterrr

yo this !! is crazy man tha prccess as well

You are superior...

wow.....that looks amazing....