In this tutorial, we’ll be using Adobe Photoshop to create an abstract “Flying Car Illustation”. This is what we will be creating with this Photoshop tutorial.
We’ll start with a selection exercise with the old car, then we’ll add flying rocks with tower and wires. Then, we will add in three birds, including one that is in mid-motion. We will also be utilizing some free 3D render and fractal packs to enhance the abstract aspect of the illustration. It’s going to be a fun exercise – all 75 steps of it!
More Photoshop Tutorials
- How To Create Stunning Flaming Text Effect
- How to Draw a Balinese Barong Mask
- How to Create a Painting Effect
Before we start though, grab these resources we will be needing:
- Old Car
- Grunge Texture
- Dove 1
- Dove 2
- Fractal Pack [specifically 4.1.png and 4.10.png]
- SciFi Render Pack [specifically 8.png and 15.png]
Step 1: Selecting the Car
Inside Photoshop, open the old car photo. Check that the Contiguous option is ticked. Click on the white background using the Magic Wand tool to select the background.
You will notice that in some areas the selection edge is leaking because of the color range’s similarity. We need to use the Quick Mask Mode to smooth out these selection edges.
Change to Quick Mask mode by clicking the button in the toolbar. The unselected areas are now shown in transparent red.
To fix this selection manually, we will draw the selection path using the Pen tool. Set Pen mode to Path, then start adding selection points covering the car’s roof.
Add another selection paths covering the car’s emblem.
Next, add selection paths covering the right headlight and its surroundings.
Right click on one of the paths and select Make Selection from the pop-up menu.
Click OK when the Make Selection dialog appears. This will convert our paths into selection marquee.
Fill selected areas with Black. Do this by going to Edit> Fill menu, select Use: Black. Click OK.
Press Ctrl+D to deselect. Go back to Standard Mode in the toolbar.
Go to Selection> Inverse menu to invert selection area or use the Shift+Ctrl+I. Now the car is selected, press Ctrl+C to copy it.
Press Ctrl+N to create new file, set the Width: 1600 pixels and Height: 1142 pixels. Click OK.
Press Ctrl+V to paste the old car we copied previously. Use the free transform command to adjust the car size and position.
Step 13: Adding the Background
Open sky photo. Copy and paste it into our document. Place sky layer below car layer.
Fill the background layer with blue (#15487d).
Add a layer mask for the sky layer. Use the linear gradient tool to draw a diagonal gradient (black to white) from bottom left to top right.
Add a new layer. Use the linear gradient tool to draw a linear gradient diagonally similar to the previous step.
Change the current layer blend mode to Soft Light. This will darken the color of the sky a bit.
Add one more new layer, fill it with a linear gradient diagonally like the previous step but this time, make the black colored portion bigger.
Set the current layer blend mode to Screen. The sky’s top right corner is now brighter.
Go back to the car layer to remove unecessary objects below the old car. First, select it using the Polygonal Lasso tool, press Delete to clear the selected area. Press Ctrl+D to deselect.
Press Ctrl+J to duplicate the car layer. Go to Filter> Other> High Pass. Set the Radius value around 1.0 Pixels. Click OK.
Change the current layer blend mode to Overlay. This will increase the car detail and make it look sharper.
Within the Layer panel, right click the current layer and select Merge Down. This will merge both car and car copy layer.
Press Ctrl+M to call the Curves command. Select Preset: Strong Contrast, click OK to apply.
Go to Image > Adjustment > Vibrance. Increase Vibrance value to +100 and Saturation: +10. Click OK to apply Vibrance command. The Car now looks more colorful and shiny.
Step 26: Adding the Flying Rocks
Open the cliff image; we’re going to use it as our flying rock island. First, select the area you want with the Polygonal Lasso tool. Press Ctrl+C to copy the selected area.
Go back to our document, press Ctrl+V to paste. Make the rock smaller, press Ctrl+T to resize, and move its position to the car’s left side. Hit Enter.
Make the bottom side of the rock smaller. Do this by drawing a selection with the Polygonal Lasso tool, then press Delete to erase. Deselect with Ctrl+D.
Create a new selection on the bottom left area with the Polygonal Lasso tool. Simply drag the selected area with the Move tool to move it.
Next, we want to make the rock look 3D. Use the Burn tool to darken the rock’s edge.
Then, use the Dodge tool to brighten the rock’s top edge.
Grab the Sponge tool, set the mode to Saturate. Use the sponge tool to saturate the rock’s color.
Go back to the Burn tool, but this time turn off the Protect Tones option. Use the Burn tool to darken the rock’s edges once more until they turn black.
Step 34: Adding the Tower
Open the tower picture. Go to Select> Color Range menu. Click on any part of the tower to sample its color. Increase the Fuzziness value until the overall tower shape is selected. Click OK to apply selection. Copy selected tower with Ctrl+C.
Paste the tower by pressing Ctrl+V. Place the tower layer behind the flying rock layer. Press Ctrl+T for free transform and make the tower smaller, so it can ‘stand’ on top of the flying rock.
Delete the unecessary tower cable wires using the hard round Eraser tool. Change tower layer blend mode to Multiply. We have ourselves our first flying rock.
Now we need another flying rock with its own tower on the bright side (right side) of the car. You can repeat steps 26 to 36 to add the second flying rock and tower to the right side of the document or you can duplicate both the flying rock and tower layers by selecting the layers and pressing Ctrl+J.
Make the second rock-tower smaller, and move it to the right.
Step 38: Drawing the Cables
Add a new layer, name it ‘cables’. Set the foreground color to Black, and then press F5 to show the Brush Panel. Set the brush Size: 1 px, Hardness 100% and Spacing: 1%. We will use this brush to draw new cable wires between the two towers.
Shift to the Pen tool, set the Pen mode to path, then draw a curve path connecting both left and right towers.
Right click the path using the Pen tool, select Stroke Path menu. Inside Stroke Path dialog, select Tool: Brush and click OK. This step will let Photoshop draw a curve line with the brush tool automatically, following the path we have created.
Deselect the path, open the Paths panel and click on the panel’s blank area or simply hit Esc on the keyboard.
Repeat steps 39 to 41 to add more wires (see below).
Step 43: Adding the birds
Within the layer panel, rearrange the car layer to the top.
Go to File> Place menu, search and import the grunge texture. Adjust its size to cover the background, and then move its layer below the car layer.
Set the grunge layer blend mode to Soft Light. Right click on the grunge layer, select Rasterize menu to change it from smart object into regular image layer. Now we can go to Image> Adjustment> Desaturate menu or simply press Shift+Ctrl+U.
Open the eagle image. Select the background with the Magic Wand tool.
Invert selection by using Select> Inverse. Decrease selection areas by using Select> Modify> Contract. Within the Contract Selection dialog, set Contract By: 2 pixels and click OK to apply.
Copy and Paste the selected eagle, adjust its size and place it under the car.
Open the dove image. Repeat the same process to select the dove. Place the bird on the car’s right side.
Open the second dove image. Repeat the same process and insert it to the left side of the car.
Go to Filter> Blur> Motion Blur. Set the Angle: 10 and Distance: 10 pixels. Click OK to apply.
Step 52: Creating Movement
We’re going to add an illusion to this fast-flying dove. Add a new layer above the second dove layer. With the Polygonal Lasso tool, draw the selection as you see in the image below. Fill the selection areas with white. Press Ctrl+D to deselect.
On the same layer, go to Filter> Liquify menu, use sky layer as the backdrop and use the Forward Warp tool to warp and liquify the abstract shape. Click OK to apply.
Repeat Steps 52 and Step 53 to add more abstract shapes around the second dove. Here’s a sample.
Change the current layer blend mode to Soft Light, reduce Opacity: 80%. This will make the abstract shape become transparent.
Press Ctrl+J to duplicate current layer. Go to Filter> Blur> Motion Blur, set Angle: 10 and Distance: 40 pixels. Click OK to apply.
Lastly, go to Filter> Blur> Gaussian Blur menu. Set Radius: 3 pixels. Click OK.
Step 58: Adding Special Effects to the Car
Download and extract SciFi Render Pack. Go to File> Place menu, find and select render pack image number “15.png”. Place it on the car’s left door like so.
Press Ctrl+J to duplicate layer ’15’. Go to Edit> Transform> Flip Vertical. Next, distort its shape by using Edit> Transform> Warp like the image below. Hit Enter.
Readjust its size using the free transform command.
Download and extract fractal pack image. Go to File> Place menu, search then insert fractal pack number “4-1.png“. Place it above the current layer, covering the car.
Change the blend mode to Screen. This will hide all black colors within layer 4-1.
Insert “8.png” from the SciFi render pack. Adjust its size, covering the previous fractal pack.
Right click the current layer, select Rasterize menu. Next, go to Image> Adjustment> Hue/Saturation. Within the Hue/Saturation dialog, increase Hue: +153 and Saturation: +73 to change the 3D render color to magenta/purple.
Go to Edit > Transform > Distort menu to apply more distortion effect to the scifi render layer.
Click the layer car copy then press Ctrl+J to duplicate it. Drag the car copy layer on top of layer 8 (from the SciFi render pack).
Still in the car copy layer, load selection by Ctrl + clicking the layer 15 thumbnail. Erase selected areas by pressing Delete. Don’t forget to deselect with Ctrl+D.
Right click car copy layer, select Convert to Smart Object menu. Now go to Filter > Blur > Motion Blur, set the Angle: 0, Distance: 20 Pixels. Click OK to Apply motion blur filter.
In case you didn’t know, applying filters to a smart object will convert them into Smart Filters. Click the smart filters thumbnail to select it, then use the Gradient tool to draw a linear gradient diagonally from the bottom left to top right corner.
Insert another fractal image: 4-10.png. Place it above all layers. Move the fractal image below the car, and tilt it a bit to the right.
Change the blend mode to Screen, this will hide all black colors within the fractal image layer.
Add a layer mask to the current fractal image layer. Set the foreground color to Black. Use soft round Brush tool to hide unwanted fractal areas that are covering the bird’s head. See image below for reference.
Create a new layer on top. Use the soft round Brush tool to draw a flipped rainbow arc, but with a color combination of only red, orange and yellow.
Change the blend mode to Overlay, to create a subtle red highlight around the car, bird and clouds behind it.
Lastly, we will create ray of white light effect. Set the foreground color to White. Increase the Brush tool size to 1000 pixels. Add a new layer on top, then click once on the top right corner using the Brush tool. See image below for reference.
Congrats! You have reached the end of this tutorial. Check out what you’ve made!
Editor’s Note: This post is written for Hongkiat.com by Jayan Saputra. Jayan is a graphic designer and book author from Indonesia. He loves design and you can find his more recent work on Deviantart.
If you want to download the PSD click on the button below to grab the files.