Part II: How to Add Flaming Decals to a Modern Car Design

Apr 18th in Photo Effects by Kyle Pero

This tutorial will explain the steps needed to turn this boring Prius into an awesome street racer. This tutorial is aimed at intermediate users of Photoshop, those who know most of its basic tools and how to use them. This is Part II of a two-part series. Get situated comfortably in your chair, as we pick this series up from where we left off.

PG

Author: Kyle Pero

Kyle Pero has worked in the creative fields for many years now. With a background in photography and graphic design he naturally became a Photoshop whiz. Now he works in advertising doing photographic retouching, but also does freelance design and illustration work.

Step 24

From this point on, I will mostly be using techniques that I have already explained. I'm not going to go into as much detail in Part II. When using new techniques, I will continue to give a detailed explanation, though.

Draw a path around all the glass on the windows. Make a selection of the path and feather it 0.5px. Make a solid color adjustment layer in the "windows" group and fill it with a very dark gray. Call it "tint." Assign the path as a vector mask on the color fill and turn off the vector mask. Make a noise layer like we did before and apply it as a clipping mask on the "tint" layer.

Step 25

Make a heavily feathered selection around the top of the windows. Make a Curves adjustment layer that lightens the top part so you get a nice fade at the top of the windows.

Step 26

Make a heavily feathered circular selection around the center of the windows. Invert the selection and make another Curves adjustment layer that lightens the outer parts of the windows. Both of these curves layers should be a clipping mask to the "tint" layer.

Step 27

Turn the "tint" layer's Opacity down to 90%. Draw a path along the border of the two triangle windows. Then load the selection of the path. Make a new Curves adjustment layer just above the other two and lighten the selection a bit.

Step 28

Here is what my layer palette and image looks like so far.

Step 29

Turn off the "tint" layer for now. Now we have to retouch out the window support that we don't need anymore. I did it by drawing a path around each part I needed to retouch out. Then I painted in the color that I needed on a new layer.

Step 30

After that I fixed the borders by duplicating parts of the surrounding border from the "base" layer and transforming them to fit.

Step 31

Finally, I created a "seat" from scratch and filled it with a dark gray that matched the surrounding colors. Then I put it just below the "tint" layer.

Step 32

Draw a path that will represent the outline of the door.

Step 33

Create a blank layer at the top of the "paint" section and call it "door." Set a dark gray as your foreground color. Grab the Brush(B) and make the Diameter 3 and the Hardness 50. Now with the "door" layer selected, right-click on the path and choose Stroke Path. Make sure that the source is Brush and that Simulate Pressure is off. Now apply the Bevel/Emboss layer style to the door layer.

Step 34

Go back to the "base" layer and draw a path around the handle. Feather it 0.5px and hit Cmd/Ctrl+J to duplicate it. Bring the duplicate to the top of the "paint" section, then place it where you like it. Mine overlaps the highlight a little so I am going to disrupt the highlight by drawing a path and and filling that part of the path with black like below.

Step 35

Isolate the "base" layer by holding Option/Alt and clicking on the "eye" icon next to it. Grab a selection of the door indentation and duplicate it to a new layer. Call it "side bar." Option/Alt-click on the eye again to turn off isolation.

Step 36

Move the layer so it sits just below the "noise" layer that is applied to the "grad" layer in the Layers Palette. Stretch the "side bar" layer so that it extends the length of the door. Blur the layer a little to get rid of the stretched noise.

Step 37

Now draw a path around it that resembles the original shape. Use the path to create a mask for the "side bar" layer.

Step 38

Isolate the "base" layer once again. Now in the channels palette, drag the red channel down to the New Channel button to duplicate it. Now what we are going to do is isolate that highlight that sits just below the door. On the new channel you made put a harsh curve that makes everything surrounding the highlight black.

Step 39

Draw a marquee around the highlight. Invert the selection. Remove any details that aren't the highlight.

Step 40

Load the selection of your channel. At the top of the "paint" section, make a Solid Color adjustment layer and fill it with white. Now transform the layer until it fits the door. Set the layer to Overlay.

Make a path along the bottom of the car where it should be black. Load the selection and feather it 1px. Fill the "grad" layer mask black in that area to remove the paint.

Step 41

Finally, make a selection along the bottom. Feather it about 25px. Then make a Curves adjustment layer just above the "grad" layer. Then darken it until it almost becomes black.

Step 42

Go to File>Place and select the flames.ai file. Place the flames at the top of the "paint" section and scale them how you see fit.

Step 43

Load the transparency of the "flames" layer by holding Cmd/Ctrl and clicking on its icon in the layer palette. Make a Curves adjustment layer that looks like the image below.

Step 44

Now delete the old placed layer. Then just to even out the color of the paint, make a new solid color adjustment layer at the top of the "paint" section. Make the fill a very light blue. I used (#f0f4ff). Set the layer's blend mode to color.

Final Step

As a final touch, I just increased the contrast and sharpened the lights by making adjustment layers in the "lights" group. The final image is below.

Conclusion

Knowing what you want to do and knowing how to execute it are equally important. I didn't use any groundbreaking techniques to create this design. I just had a good idea of what I wanted to do, and I did it. You can do the same.

Final Click

Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Razvan April 18th

    Thanks for the awesome tutorial!

    Regards.

    ( Reply )
  2. PG

    Eloi April 18th

    Very helpfull. Thanks for sharing!

    ( Reply )
  3. PG

    Zach April 18th

    WOW! When I looked at the picture in the first post, the final image, I thought that all you did was throw some flames on it in Overlay mode. then you proceeded to completely transform the car into a two door as well. i wouldn’t have known that if you hadn’t posted the tut. incredible job.

    ( Reply )
  4. PG

    giackop April 18th

    uo a week runs out pretty fast in psdtuts… lol

    congrats for the 2 tutorials..

    ( Reply )
  5. PG

    BogDinamita April 18th

    if only it would really look like a car

    ( Reply )
  6. PG

    D. Carreira April 18th

    Thanks for this part 2 of the tutorial!

    David Carreira

    ( Reply )
  7. PG

    Daniel April 18th

    Great job…

    Daniel

    ( Reply )
  8. PG

    greven April 18th

    Very cool tutorial. Nice techniques, nothing groundbraking but well explained and a nice result at the end. Btw, Prius sucks. :p

    ( Reply )
  9. PG

    Spanky April 18th

    Part II delivers!

    Great stuff.

    ( Reply )
  10. PG

    Salva April 18th

    great tut!

    ( Reply )
  11. PG

    David April 18th

    Good work!

    ( Reply )
  12. PG

    Ben Griffiths April 18th

    The wheels look a tad odd to me, but the rest is ace, thanks :D

    ( Reply )
  13. PG

    Harry April 18th

    Awesome work

    ( Reply )
  14. PG

    Laura April 18th

    Good tutorial. But I was put off, I thought it was a tutorial to tell us how to create flames that would look great on a car, but instead its a rework of a (horribly ugly) car, into a concept car with flames from illustrator. Maybe something like, Turning an Ugly Car into a New Concept or something? ;-)

    ( Reply )
  15. PG

    Josh April 18th

    really awesome stuff! I especially like how you explained WHY you did something, instead of just telling us what to do.

    ( Reply )
  16. PG

    Tom April 18th

    Wow I really like this one.
    It probably was hard to get the car from zero…
    really really nicely done

    ( Reply )
  17. PG

    Daniel April 18th

    very cool work!

    ( Reply )
  18. PG

    LOSWL April 18th

    WOW, I did not realize where you were going with this tutorial, other than the decal, but the transformation to a one door vehicle is an extra accomplishment, GREAT TUT!! :o )

    ( Reply )
  19. PG

    omg April 18th

    they just get worse and worse.

    ( Reply )
  20. PG

    appox April 18th

    Very nice tutorial, and the techniques you used can be applied to a wide range of things.

    ( Reply )
  21. PG

    Sheikh April 18th

    Well the tutorial is cool but there is one problem that is there is too much space between the drivers seat and the steering wheel. That makes it look awkward. Otherwise its good tutorial.

    ( Reply )
  22. PG

    Colin April 18th

    nice wheels!

    oh wait…

    ( Reply )
  23. PG

    Lamin Barrow April 18th

    I have followed your tutorial very closely Kyle and i would like to say that it is absolutely awesome. Thanks for all the effort. :)

    ( Reply )
  24. PG

    goldenthunder April 18th

    Sweet! thank you!

    ( Reply )
  25. PG

    Andrew D April 18th

    Pretty nice.

    ( Reply )
  26. PG

    capowned! April 18th

    10/10!

    ( Reply )
  27. PG

    Joefrey Mahusay April 18th

    Nice tut. Two thumbs up!

    ( Reply )
  28. PG

    jws1 April 18th

    huge waste of time. great techniques, but cmon, a prius.?

    ( Reply )
  29. PG

    LouieP April 18th

    nice nice =]

    ( Reply )
  30. PG

    Frank April 18th

    Maybe if the Prius looked like that i’d buy one.

    Why do all the hybrids or alt-fueled cars thus far look like crap?

    ( Reply )
  31. well done

    ( Reply )
  32. PG

    arnaud April 18th

    really cool

    ( Reply )
  33. PG

    Shane April 18th

    Great to see the conclusion of the tutorial – and good that we didn’t have to wait too long for it :)

    Many thanks for posting.

    ( Reply )
  34. PG

    SpazZ April 18th

    nice tut, the remodelling of the car is well executed! Thanks!

    ( Reply )
  35. PG

    Geoff April 18th

    I dunno, although it looks ok I feel like there’s just way too many steps involved to achieve this result.

    ( Reply )
  36. PG

    Pepekun April 19th

    Excellent Tutorial. to practicable.

    ( Reply )
  37. PG

    Katalog Stron April 19th

    Very good.

    ( Reply )
  38. PG

    julien April 19th

    Bim bam boum encore un tutoriel de fou….

    ( Reply )
  39. PG

    Terry April 20th

    i dont get it. half of the readers out here whine that we never see anything outside of image manipulation for wallpapers.

    we finally get one that shows how to use it to redesign a car, create a concept car, with photoshop/illustrator and people still are not happy?

    people get paid to do this for a living, and this is one man’s perspective.

    i dont want just web based apps shown here. i like the idea of crossover.

    collis, get some more tuts across the spectrum like this and i’ll give you my pinkys AND a year’s subscription. i love seeing something form another field of expertise used this way.

    this proves that photoshop, and psdtuts is for everyone!!!!

    ( Reply )
  40. PG

    Umarfaruk April 23rd

    really it is cool and it used to my blog http://atooooz.blogspot.com
    thank you psdtuts

    ( Reply )
  41. PG

    Qbrushes April 24th

    just completed mine! thanks for that

    ( Reply )
  42. awesome tutorial, will try it soon

    ( Reply )
  43. PG

    name July 28th

    Really nice=)but look this:,

    ( Reply )
  44. PG

    Veneretio January 7th

    Where do I find the flames.ai file?

    ( Reply )
  45. PG

    Joe April 6th

    Hi i have a Auto Glass & Tint shop in Surrey BC Canada. I’m starting to get a lot of customres requesting FLAMES on windows before we TINT it but i need some art work or pre cut flames… Do you have any info on this matter??

    Thank you…

    ( Reply )
  46. PG

    CgBaran Tuts April 22nd

    Great tutorial thanks

    ( Reply )
  47. PG

    daniyal September 14th

    its good i like it

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    September 14th