Jump to content
Model Cars Magazine Forum

Photoshop Tutorial, Part Seven


Harry P.

Recommended Posts

We're almost done. Just one more item to do on the car: the rear grille. You don't see much of it, and it's in shadow, but still, it's there and we have to add it to make the illustration look finished. As usual, using the photo as my guide, I create a new layer and draw the shape using the Polygonal Lasso tool:

118.jpg

Then using the Paint Bucket tool, I dump a very dark gray into my shape:

119.jpg

In this next shot I've turned the photo layer "off" and added a blue area on a new layer below the grille layer, so you can better see what I'm doing with the grille. I removed the area where the "holes" are in the grille by drawing the shape of each hole and hitting "Delete." Once I had the basic grille done, I duplicated that layer, used the Color Overlay command to change the color of my duplicate grille to a light gray, then moved the light gray grille layer under the dark gray grille layer... then moved the light gray grille a bit towards the upper left, like this:

120.jpg

You can see that because I moved the gray grille over to the left and up, there are now some "missing" areas (circled in red) that I have to add, by drawing the shape with the Lasso tool and filling in the area with light gray:

123.jpg

Then I used the Magic Wand tool to select the light gray grille and used the brush to add a white highlight to the corner:

121.jpg

Next I added some black, on a new layer below the grille layers:

124.jpg

Because the grille bars are slightly rounded, I used the Gaussian Blur tool to slightly blur the grille. I can blur only the dark gray grille without affecting the light gray grille because the dark gray grille is still on its own, separate layer.

125.jpg

At this point I merged all the grille layers together, and merged the grille layer into the main illustration layer. I also used the brush and some white to add a small soft highlight to the corner of the grille:

126.jpg

Link to comment
Share on other sites

I could have painted in a solid color as a background, or even painted in a sky, but I took the easy way out and "borrowed" a sky image. A Google image search took just seconds, and I found the photo I wanted to use:

127.jpg

I clicked on the image in the search window to open up the full size image in my browser window, and copied it from the browser window...

128.jpg

...and pasted it into the PS illustration. Whenever you copy and paste anything into PS, the item you paste is automatically put on a new, separate layer, as you can see in the layers palette on the right:

130.jpg

Now it was just a matter of resizing the sky to fit the illustration and moving the sky layer down below the illustration layer, merging the illustration and sky layers, and deleting the photo layer (don't need it anymore! :))...

131.jpg

And here you have it! The finished illustration:

132.jpg

I kept this illustration fairly simplified. Blacked out windows with no interior detail, simplified highlights, etc. I wanted to show you the basic techniques without getting into a lot of extra detailing... but of course, you can take the level of detail in your illustration as far as you like, using the same techniques I've shown you here.

Link to comment
Share on other sites

You can also go the full-detail route and add all the little things to make your illustration more realistic, like I did here:

2003-Ferrari-Enzo.jpg

1959-Impala.jpg

pontiac-hood-ornament.jpg

And of course you can create illustrations of anything with PS using these same techniques... not only cars! These were all done using the same exact techniques I just showed you (plus a few more tricks that I didn't tell you about... ;))

guitar.jpg

The same basic techniques were used to create the realistic guitar above, and the stylized Elvis portrait below. You can paint in PS in whatever style you like... the techniques work the same way, no matter in what style you want to create your illustration.

elvis.jpg

Jean Harlow (below) was done to look like an old photo. The only colors I used were black, white, and shades of gray. When I was finished I used the Image>Adjustments>Selective Color dropdown menu command to give the neutral tones a slight sepia tinge to give the illustration that "old photograph" look. This portrait was created using the exact same techniques that I used to create the Tucker.

jean-harlow.jpg

Well, that's it! I hope you enjoyed the tutorial, and I hope you picked up a few ideas to help you with your own illustrations!

Link to comment
Share on other sites

Thanks so much for putting this together!!!

I found the source photo and I've been playing around with it. I just need to get a little smoother with the mouse, or maybe I need to try a pen and tablet?

I tried a tablet, but didn't like it. I'm used to using a mouse, it feels "right" to me.

It's just a matter of personal preference, and what you're used to.

Link to comment
Share on other sites

Great job on the tutorial Harry!

What was shown here in a few posts could have easily taken someone weeks or months of searching for and applying other tutorials to their work.

I would also suggest that anyone starting out learn what the layer opacity adjustment can do. If you add a highlight that seems to "white" or too "bright" drop the opacity and see how it looks.

Learning about layer opacity, hue and saturation controls was very useful to me as I started doing more work in PS.

Again, great job on this and thanks for taking the time and posting this for everyone.

Link to comment
Share on other sites

Great job on the tutorial Harry!

What was shown here in a few posts could have easily taken someone weeks or months of searching for and applying other tutorials to their work.

I would also suggest that anyone starting out learn what the layer opacity adjustment can do. If you add a highlight that seems to "white" or too "bright" drop the opacity and see how it looks.

Learning about layer opacity, hue and saturation controls was very useful to me as I started doing more work in PS.

Again, great job on this and thanks for taking the time and posting this for everyone.

Ed, what I tried to do is show my basic techniques in as uncomplicated a way as possible. You know PS, so you know that trying to "uncomplicate" PS so that a beginner understands it isn't easy! :lol: PS is incredibly complex, there's way more to it than I could possibly show in a simple tutorial like this. But you're right, the transparency control is a pretty basic element of PS that comes in very handy, and I should have mentioned it. Here's how it works:

I added a new layer to my illustration, drew an ellipse with the Elliptical Lasso tool, and dumped red into the ellipse with the Paint Bucket tool. Remember, this red ellipse is not on my illustration layer, but on its own, separate layer above the illustration layer.

133.jpg

At the top of the layers palette there is a box with the word "Opacity" next to it. You can change the opacity of any layer by either moving the slider or by typing in a percentage, from 0% (layer invisible) to 100% (layer fully opaque). Here I've set the opacity of the red layer to 63% opaque, and you can see the result:

134.jpg

And here I've set the opacity to 24%:

135.jpg

There are dozens, maybe hundreds more filters, tools, effects, etc. within PS. I use PS literally every working day, and have used it for more than 20 years, and there are still functions that PS has that I either don't know how to use, or have never needed, or don't even know exist! PS is so comprehensive, so huge a software program, that I wonder if anyone ever really gets to the point where they fully understand and can use all of PS's features.

Link to comment
Share on other sites

  • 2 weeks later...

Harry, Thank you for the great tutorial, I really admire your work and appreciate the effort you give to share your talent with the rest of us. Do you know if this type of illustrating can be done on PS Elements?

I was asked that same question by another forum member, so I looked it up... and as far as I can see, all the tools I used here are also included in PS Elements.

Link to comment
Share on other sites

  • 1 month later...
  • 4 weeks later...
  • 4 weeks later...
  • 11 months later...

Great tutorials Harry. Brought back alot of the skills i lost fron not using it for the last 5 years.

For anyone who wants to learn more..there are a million sites out there that can build on the foundation Harry laid out for you here. or you can pick up The Photoshop WoW book..that is a great How to book without being a tome.

Link to comment
Share on other sites

Since I did this tutorial there is a newer version of PS available (of course!). A few more bells and whistles, a few cool new features like the bigger, better warp feature and some spiffy new 3D stuff... a few of the tools and functions are laid out a bit differently, but the basics are still the same. The secret to PS is the layers, it gives you the ultimate in control and versatility. All versions of PS from the oldest to the newest have the same basic structure.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...