Create a Pimped Out Truck Using Photoshop and Point and Shoot Photos
Making modifications to your car or truck in Photoshop can be a lot of fun. In this tutorial we will demonstrate how to create a pimped out truck modification using photos taken with a simple point and shoot camera, with no advanced lighting setup. Let's get started!
Tutorial Assets
The following assets were used during the production of this tutorial.
Step 1
Start by opening the Truck in Photoshop. This photo is taken outside using ordinary pocket camera. No fancy lighting or set used in the process. So, it's obvious that you can do it yourself.
Step 2: Drawing Perspective Lines
Activate Paths panels and click Create new path icon to make new path. Use Line tool to draw perspective line by following the cars shape. In the end, you will end up with a two-point perspective. Psdtuts+ has already published a very complete tutorial on drawing perspective. I found out that the best tutorial is How to Draw with Perspective from Gavin L. The technique used here is similar to Step 39-44 in the tutorial.
Below you can see the detail. You can see that we can just simply following some straight lines on the truck.
Step 3
We are going to render the perspective path into a line. First, we need to set the Brush property. Activate Brush tool (B), right click and set its brush size to 5 px with 0% Hardness.
Step 4
Make new layer. Activate Path Selection tool, right click on the canvas and select Stroke Path. In the next dialog box, select Brush.
Step 5
Below is the perspective I used in this project.
Step 6: Background
Before moving on, let's work on its background. Make new layer and draw a radial gradient from white to gray.
Step 7
Duplicate background by pressing Ctrl/Cmd + J. Perform transformation (Ctrl/Cmd + T). Pull transformation handle down until we have a nice floor.
Step 8
Activate Eraser tool. Select big brush size and set its hardness to 0%. Erase top part of the floor.
Step 9
Add Adjustment Layer Hue/Saturation with following settings. This Adjustment Layer will add a nice green color onto the background.
Step 10: Cutting The Truck
Select truck head using pen tool.
Step 11
Convert path into selection by pressing Ctrl/Cmd + Enter. Hit Ctrl/Cmd + J to put selection into new layer.
Step 12: Bumper
Let's start drawing its bumper. First, we need the perspective line to guide our drawing. Place the line on top of the canvas. Following this guide, draw bumper basic shape. No need to worry about shading or highlight. The first important thing is to match its perspective.
After complete working on the perspective, then start painting its highlight. Add new layer. Activate Brush tool with low Opacity setting. Paint white for its highlight and black for its shadow.
Step 13
Let's hide the new bumper for now by clicking on its eye icon in Layers panel. Select original bumper and then hit Ctrl/Cmd + J to duplicate it to a new layer.
Step 14
Bring the new bumper back by clicking its eye icon again. Place the duplicated bumper on top of the new bumper. You may need to erase its edge until it blends with the new bumper using a soft Eraser tool.
Step 15
Make new layer and place it on top of the bumper. Activate Clone Stamp tool. Set sample source to All Layers. Alt-click area similar to the new bumper as clone source and then click on the license plate to cover it. Do this carefully. You may need to use lots of clone source to avoid repeating pattern and get natural result.
Step 16
Activate brush tool and set its Opacity to 20-35%. Set foreground color to white and draw some highlights on lower part of the bumper.
Step 17: Intercooler
Let's draw a hole for intercooler inside the bumper. Make new path and then draw a rounded rectangle path on the bumper. Make sure to keep an eye on its perspective. Hit Ctrl + Enter to convert the path into a selection and then fill it with black. Using a soft brush with small Opacity, draw some soft and subtle shadows on left and lower sides of the intercooler. See picture below for reference.
Step 18: Side Body Kit
Draw more perspective line to help you draw its side body. I find it convenient to draw using pen tool. It helps to draw precisely. And, if you mess up all you need to do is modify each point using Direct Selection tool.
Step 19
Convert path into selection and then fill it with #8dab3c.
Step 20
Make new layer on top of the side body kit. Activate brush tool with low Opacity. Hit D to set foreground and background color to default, black and white. Hit X to exchange these two colors. Paint white to draw highlight on top of the side body kit and black to draw shadow on lower part of the side body kit.
Step 21
Extend the side body kit. Paint another highlight and shadow on top of it.
Step 22
Draw a small polygonal selection on fender and fill it with white.
Step 23: Tire and Rim
Draw an elliptical shape for its tire.
Step 24
Alt-drag the shape to duplicate it. Place the tire under rear fender.
Step 25
Use pen tool to simply draw a polygonal shape for tire sides.
Step 26
Draw a white elliptical shape. Add layer Style Gradient Overlay.
Step 27
Draw two overlapping ellipses with color #a19b94. Set path mode to Add and Subtract. Add Layer Style Gradient Overlay with following settings.
Step 28
Duplicate crescent shape we have just created and change its color to #353535. Move inner ellipse few pixels away to the left. Place the shape under the original shape. Add Layer Style Gradient Overlay.
Step 29
Repeat Step 28. This time change the color to #bfbaba.
Step 30
Repeat previous step. Move the inner ellipse further away. Change the color to #252423. Add Layer Style Gradient Overlay to add subtle reflection inside the metal rim.
Step 31
Now we're working on the spokes. Draw another shape behind the rim with color #191919. Make some holes inside the rim by adding elliptical shape with mode Subtract. Add Layer Style Gradient Overlay.
Step 32
Activate Brush tool with low Opacity and 0% Hardness. Make new layer and draw subtle reflection of the holes on the rim.
Step 33
Draw inner side of the hole with color #10100f. Make new layer and paint subtle highlight.
Step 34
Draw another shape behind the rim with color #232220.
Step 35
Draw black shape for tire background. Add Layer Style Gradient Overlay.
Step 36
In Layers panel, Ctrl-click layer shape made in Step 31. Make new layer above the rim. Click Edit > Stroke. Set color to white and Width: 2 px.
Step 37
Use soft Eraser tool to erase some of the stroke line. See picture below for reference.
Step 38
Draw an elliptical shape with color #323233. Add Layer Style Bevel and Emboss and Gradient Overlay with following settings.
Step 39
Draw following shape for center of the tire. Add Layer Style Inner Shadow and Gradient Overlay.
Step 40
Make a new layer. Draw thin black lines on center of the rim and then reduce its Opacity to 10%.
Step 41
Draw an elliptical shape. Set its Fill to 0% and then add Layer Style Bevel and Emboss.
Step 42
Let's draw the bolt. Draw a ring shape and rectangle on its center with color #666667. Draw a black circle and rectangle. Subtract it with circle from previous shape. Draw bigger circle behind the bolt for its shadow. Activate brush tool and paint subtle highlight on the bolt.
Step 43
Below is the finished, viewed in 100% magnification. Put all bolt layers inside a group layer by selecting them and then hit Ctrl + G.
Step 44
We have placed the bolt layers in a group layer which makes it easier to duplicate. Alt-drag the group to duplicate it. Make some bolts on tire center.
Step 45
Place bolt, rim, and spoke in a group layer. Duplicate them by Alt-dragging the group layer and place it on top of the other tire.
Step 46
Make sure to do some minor editing to match perspective on each tire. Below, you can see some subtle difference I made onto the tire. Compared to the right tire, we can see more holes on the left tire's spoke. I also add a subtle shadow on upper part of the left tire.
Step 47: Side Wing
Make new layer and place above all layers. Activate pen tool and draw side wing basic shape. Convert path into selection and then fill it with #98b338.
Step 48
Do not remove selection yet. Make new layer. Right click and select Stroke. In the dialog box, select white color with size 1 px. Make new layer and draw shadow on lower part of the wing.
Step 49
Draw a polygonal shape that attached wing onto the side body kit. Paint some highlight and shadow on it to give it realistic appearance.
Step 50
Make new layer under the wing. Paint soft shadows from polygonal shapes made earlier on the side body.
Step 51: GT Wing
Before drawing the GT Wing, we need to modify the perspective lines. Draw some vertical lines to help us match the perspective of the spoiler. Psdtuts+ has published another great tutorial on drawing with perspective, Perspective Basics: A Draw-Through Technique, With a Spaceship.
Step 52
Draw GT Wing basic shape. Make new layer and convert it to Clipping Mask by pressing Ctrl + Alt + G. This way, everything you paint will goes inside the GT Wing. Paint some white and black lines using soft Brush tool.
Step 53
Draw green shape as seen below. Paint white on top of the shape for highlight and black on its lower part for shadow.
Step 54
Alt-drag to duplicate the shape.
Step 55
Make new layer and paint GT Wing shadow on the shape.
Step 56: Carbon Fiber
Let's make a carbon fiber carbon texture. Click File > New to make new file. Set its size to 2.000 x 1.500 px.
Step 57
First we need fiber pattern. Make new file again, this time with size 80 x 30 px.
Step 58
Activate Gradient tool. On option bar, click the gradient preview box to open Gradient Editor dialog box. Set its gradient from #090909 to #595959.
Step 59
Select half of the canvas using Rectangular Marquee tool. Shift-drag to fill it with gradient from top to bottom.
Step 60
Select the other half. Fill it with same gradient but this time with opposite direction.
Step 61
Let's save it as a pattern. Click Edit > Define Pattern. In the next dialog box, name the pattern as fiber.
Step 62
Close the pattern file. You don't need to save the file because we have saved it as a pattern. Let's return to the bigger file (2.000 x 1.500 px). Click Edit > Fill. Set Use: Pattern and select fiber pattern we have just created. Click OK to fill the canvas with fiber pattern.
Step 63
Click Filter > Distort > Twirl.
Step 64
Copy carbon fiber texture we have just created by pressing Ctrl + A to select all then Ctrl + C to save it to clipboard. Ctrl-click GT Wing to make new selection based on its shape. Click Edit > Paste Special > Paste Into (Ctrl/Cmd + Shift + + Alt + V) to paste texture into selection
Step 65: GT Wing Base
Using Brush tool, draw GT Wing base. Add following Layer Styles to add glossy effect onto the shape.
Step 66
Ctrl-click GT Wing base. Make new layer and then paint shadows from the GT WIng. Below, you can see the difference before and after painting the shadow.
Step 67
Use Brush tool to draw a polygonal shape on tip of the spoiler base. Add some shadows and highlights onto the shape to give it realistic appearance.
Step 68
Draw white cable tip using Brush tool on indicated area below. Add following Layer Styles to turn it into a three dimensional shape.
Step 69
Use Brush tool to draw a simple line and circle for cable and screw.
Step 70
Repeat Step 67-69 to the other GT Wing base.
Step 71: Rear Bumper
Draw shape shown below for basic bumper. Make new layer on top of it. Ctrl-click the layer to make a selection based on its shape and paint subtle highlight using soft Brush tool.
Step 72
Change Brush to smaller size. Draw a small and subtle highlight on the bumper edge. Then, draw more highlights on other parts of the bumper to make sure the lighting is realistic.
Step 73
Draw a white elliptical shape on rear bumper. Add following Layer Styles to give it three-dimensional appearance.
Step 74
Draw a white rectangular shape as a cable tip. Add following Layer Styles.
Step 75
Draw a white thick line to be used as a cable. Add following Layer Styles.
Step 76
Use Brush tool to paint cable shadow on the rear bumper.
Step 77: Left Tire Fender
Draw left tire fender on area indicated below.
Step 78
Start by drawing fender basic shape. Then, paint its highlight and shadow on different layer.
Step 79
Remember that we have two wheels. So, let's duplicate the fender by Alt-dragging it.
Step 80: Seat
Open car seat photo in Photoshop. Trace the seat using pen tool and set its mode to Add to path area. Trace its inside and then set its mode to Subtract from path area.
Step 81
Hit Ctrl + Enter to convert path into a new selection.
Step 82
Drag selection into our truck image. Hit Ctrl + T and then right click the transformation area and select Flip Horizontal. Change its size until it is proportional inside the truck.
Step 83
Use Brush tool to draw seat belt strap. Paint shadow on top of it to give it a realistic lighting. Paint strap shadow on the seat. Finally, paint black behind the seat.
Step 84: Dashboard
Make new layer and place it behind the truck. Draw dashboard basic shape. Activate Brush tool and set its Opacity to 30% or lower. Paint white for its highlight and black for its shadow.
Step 85: Steering Wheel
Use pen tool to draw a steering wheel with color: #010101. Paint some highlights on its upper side. To make it realistic and not too flat, draw a curve on the steering wheel and paint subtle shadow on it.
Step 86: Gear Stick
Draw a white rectangle for the trucks gear stick. Add following Layer Styles to give it realistic lighting.
Step 87
On top of the gear stick, draw another shape for its knob. Add following Layer Styles.
Step 88
Draw a white shape connecting gear stick and its knob. Add following Layer Styles.
Step 89: Roll Bars
Draw two roll bars inside the truck. Add following Layer Styles.
Step 90
Draw a polygonal shape connecting the roll bar and truck. Draw some holes inside it. Paint some shadows to add realistic lighting..
Step 91
Draw highlight and shadow on the roll bar using Brush tool. See picture below to see the progress on drawing it.
Step 92
Draw highlight and shadow on the other roll bar using same technique.
Step 93
Draw a roll bar above the door. Add following Layer Styles to give it highlights and shadows.
Step 94: Side Window
Draw path for side window car glass. Convert it to selection by pressing Ctrl + Enter. Paint white and black using soft Brush with low Opacity. Make more layers and then paint subtle highlight and shadow on the glass.
Step 95
Repeat the same process to draw right side window.
Step 96
Duplicate seat and its strap by selecting them and then Alt-drag it. Merge the layer using shortcut Ctrl/Cmd + E. Place the duplicated seat and strap on side window near it. Delete unneeded areas outside the window. Set blend mode to Soft Light and reduce its Opacity to 70%.
Step 97
Duplicate driver seat and place it on the passenger position.
Step 98: Rear Part of The Cockpit
Make new layer and then draw rear part of the cockpit.
Step 99
Set foreground color to black and then draw layer shape for rear window hole.
Step 100
Paint shadow on rear part of the cockpit using Brush tool. Reduce Brush Opacity and then paint subtle shadow behind the seat and on the car glass.
Step 101
Activate Brush tool with low Opacity. Paint subtle white and black for highlights and shadows on the windshield. I also draw a red rectangle on top of the windshield.
Step 102: Door
Select upper part of the door. See picture below for reference. Click Image > Adjustments > Desaturate to remove all its color. Click Image > Adjustments > Brightness/Contrast. Reduce Brightness and increase Contrast until this part turns to black.
Step 103: Front Intercooler
Select front intercooler. Duplicate it to new layer by pressing Ctrl + J. Click Image > Adjustments > Brightness/Contrast. Decrease Brightness setting to make the intercooler darker.
Step 104: Luggage Compartment
Select luggage compartment using pen tool. Convert path to selection. Click Image > Adjustment > Brightness/Contrast and reduce the Brightness.
Step 105: Door
Do not remove the selection yet. Copy fiber texture we have created in Step 56-63. Paste it inside the selection (Ctrl + Shift + Alt + V). Set blend mode to Overlay with Opacity: 85%.
Step 106: Air Scoop
Draw a rectangle matches with the truck perspective. Make new layer and then paint its highlight and shadow using soft Brush with low Opacity. Draw more shapes inside it. See picture below for reference.
Step 107: Steps
Draw some steps right under the side intercooler. Paint its shadow on the truck. Still using soft Brush tool, paint highlight and shadow on the steps.
Step 108: Wind Deflector
Draw a simple wind deflector on truck rooftop with color #b0d156.
Step 109
Paint some shadows and highlights. See picture below for reference.
Step 110
Paint highlight on top of the wind deflector. Select half of the highlight and then erase it.
Step 111: Muffler
Draw a simple rounded rectangle for muffler. Make sure to match its shape with the truck perspective. Add simple Drop Shadow to lift it from the truck body.
Step 112
Make new layer and paint subtle gradient on top of the shape.
Step 113
Draw two intersecting black circles.
Step 114
Make a new layer. Paint subtle highlight and shadow to turn the shape into a three-dimensional tailpipe. See picture below for reference.
Step 115
Current pipe shape is not yet three-dimensional. It appears very flat. We need to emphasize its edge. Select the circles path and hit Ctrl + Enter to make new selection based on its shape. Make new layer. Click Edit > Stroke. Set Width to 1 px and white color.
Step 116
Erase some of the stroke line using soft Eraser tool. Repeat the stroke a few times until we get more definition on its edge. Finally, draw some bolts and its shadow.
Step 117: Cable
Draw cable behind the truck. Make new layer. Manually, use Brush tool to paint shadow and highlight. Once you're done, select cable and its highlight and shadow. Merge them into one layer by pressing Ctrl + E. Duplicate the cable, then resize and place it under the original cable. This will become cable reflection on the truck body. Erase cable outside the truck body. Erase upper part of the reflection and then reduce its Opacity.
Step 118: Highlight
Activate Brush tool. Set foreground color to white and then reduce tool Opacity to 10%. Paint some subtle highlight on wind deflector and its windscreen.
Step 119
Let's add more highlights. Draw a circular selection on top of front tire. Make new layer. Click Edit > Stroke. Set Width: 2 px with Color: White.
Step 120
Soften stroke line by adding Gaussian Blur. Click Filter > Blur > Gaussian Blur. Activate Eraser tool. Erase stroke line outside the truck.
Step 121: Edit Truck Color
Currently, the truck is still in its original color. Personally, I found it too bright and it looks like a plastic. So, let's reduce it. Select its green color.
Step 122
Hit Ctrl + Shift + C to copy all areas inside the selection. Without removing the selection, click Edit > Paste. Click Image > Adjustments > Hue/Saturation and edit the settings until we have darker color.
Step 123
Set blend mode to Hue and reduce its Opacity.
Step 124: Shadow
Make a new selection under the truck. Make new layer and then fill it with black.
Step 125
Remove selection by pressing Ctrl + D. Soften the shadow by adding Gaussian Blur. Click Filter > Blur > Gaussian Blur.
Step 126
Duplicate the shadow by pressing Ctrl + J. Soften this shadow again, this time use bigger radius size in Gaussian Blur.
Final Image
Below is our final result. I hope you enjoy it. Remember that we started this project using a very simple photo from a cheap pocket camera. So, I'm sure you can do this to your own truck. Well, if you have one.