create a dramatic car spe

7/30/2019 Create a Dramatic Car Spe

1/29

English | Coming SoonHome | About | Members' Corner| Advertise | Contact

OR click here for the FULL RSS

z Articles

z Contestz Freebies

z Inspirations

zNewsz Roundups

z Tutorials

z Video

Create a Dramatic Car SpeedingScene

enter your email Subscribe

Featured ArticlesInterviewsInventions

ActionsBrushesCustom ShapesIconsPSDsStocks

Themes

ArtworksPhotography

Community

Flash

Photoshop

Page 1 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG

11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/


2/29

Posted by Johnson Koh in Photoshop on Jun 20th, 2009 | 30 responses

z

z

z

z

z

z

z

z

retweet

1tweet

Create a new document of 800600 pixels. Download City NightLights by Twittey. Open up the image and drag it into your workingdocument. Rename this layer to "City Lights".




3/29

Create a Hue/Saturation Adjustment layer above the "City Lights"layer, check on Colorize and key the Hue to 207, Saturation to 20 andLightness to 0.

Download Round the Corner from SXC.hu. Extract only the roadfrom the image. Refer to this post for various methods of extractions.Rename this layer as "Road". Go to Image > Adjustments >Hue/Saturations. Set the Hue to 0, Saturation to -50 and Lightness to -65.




4/29

Duplicate "Road" layer. Select the duplicated layer, go to Image >Adjustments > Invert. Set the Blend Mode of this layer to Hue.

Download Car by Grape Stock. Extract the car from its background.




5/29

Resize and position it as shown in the example below. Rename thislayer as "Car".

Duplicate the "Car" layer. Go to Image > Adjustments >Hue/Saturation. Set the Lightness to 0. Go to Filter > Blur > Gaussian

Blur. Set the Radius to 8px. Name this layer as "Car Shadow".




6/29

Select the "Car" layer, right-click on Blending Options and chooseOuter Glow. Enter the settings as shown below.

Ctrl+left-click on the "Car" layer. Fill the selection with #FF9C00.




7/29

Rename this layer as "Car Glow". Set the Blend Mode of this layer toHard Light and Opacity to 30%. Using the Eraser tool, with SoftRound 200px, eraser around the front of car to reveal its originalcolor.

Create a Levels Adjustments Layer and set the values to 11, 0.88,255.




8/29

Create a new layer and name it as " Light Streaks". Draw 3 white barsas shown in the example.

Go to Edit > Transform > Warp. Adjust the white bars to form an arc




9/29

facing the right.

Go to Filter > Liquify. Select the Twirl Clockwise tool and createseveral waves as shown below. Using the Eraser tool, with SoftRound 300px, fade the start and end of the wavy bars.




10/29

Right-click on "Light Streaks" layer and choose Outer Glow andInner Glow. Key in the settings as shown below.

You should be getting something similar to the example below.




11/29

Create a new layer and repeat the steps for forming the light streakswith thinner white bars.




12/29

Download the Debris Brushes by Zigabooooo. Create a new layer andpaint some debris around the wheels. Apply the same blending effectsused for white bars to the debris. Reduce the size for Outer Glow to5px.

Duplicate the "Car" layer. Select the duplicated layer and go to Filter> Blur > Motion Blur. Set the Angle to 40 and Distance to 50. Usingthe Eraser tool, with Soft Round 300px, erase some parts to reveal theoriginal car.




13/29

Duplicate the "Car" layer again. Select the duplicated layer and go toFilter > Blur > Motion Blur. Set the Angle to 0 and Distance to 50.Using the Eraser tool, with Soft Round 300px, erase some parts toreveal the original car.




14/29

Create a new layer behind the "Car". Rename this layer to "Smoke".Make a irregular selection at the city area with Lasso tool. Go toSelect > Modify > Feather. Set the Radius to 50px. Set the BlendMode of this layer to Color Dodge.

Duplicate the "Smoke" layer and set the Blend Mode to Screen.




15/29

Create a Levels Adjustment layer. Set the values to 26, 1, 255.

Create a new layer above the car and name it as "Headlights". Make afew circular selections around the headlights of the car. Go to Select




16/29

> Modify > Feather. Set the Radius to 5px. Fill the selection with#FFFFFF. Right-click on the layer and choose Blending Options.Check on Outer Glow and key in the settings below.

Create a new layer above the headlights. Using Pencil tool with 1px

and color #FF6000, draw a cross and place it near the center of aheadlight. Use Eraser tool to fade all ends of the cross. Set Opacity ofthis layer to 30%. Repeat this step for all the headlights.




17/29

Now flatten all the layers as if you decided to try out another effectfrom Topaz Labs again. It is an excellent filter that can be trial use for30 days with full functions. Install the program and restart Photoshop.Go to Filter > Topaz Labs > Topaz Adjust 3. Open up the Presets onthe left and select Exposure Color Stretch. Leave all the settings as

default and hit OK. Thats all! Hope you enjoy this tutorial. Thanks.




18/29

I am Johnson Koh, a graphic and web designer in Singapore. Founded10Steps.SG in August 2008 with the purpose to share my experiments and

interesting design news.

z Related Postsz Bookmarkz Tags

z Making of a Forest Magical Scenez Make a Web Interface with Car Imagesz Making a Modern Abstract Scenez Decorate Your Own Hello Kitty Carz Creating your own Fairytale Scenez 30 Complete Photoshop Guides for Beginnersz Make yourself an Amazing Typographic Portraitz Making of Mafia in the Junglez 20 Wallpaper Portals and Tutorialsz Making of a Scary Mental Hospital Scene




19/29

carPhotoshopscenespeedingtutorial

30 Responses to Create a Dramatic Car Speeding Scene

Slezy says:September 9, 2009 at 3:56 pm

Great tut!Thx

Reply

NANDA says:August 31, 2009 at 1:41 pm

excellent work dude. im really impressed with the way umanaged to blend the city into the car image. gr8 work. i wonderif u can show us an application of this same effect to a humanmaybe to indicate a fast moving superhero like the flash. in hiscomic books,u can see him running blazing fast with these fire

lines all around him.Reply

saudsays:August 21, 2009 at 10:43 pm

i would like to thank you 4 this gr8 tutorial it helps me alotmany thanks

Reply

Nardyello says:August 1, 2009 at 4:03 am




20/29

Its often hard to start something from scratch and have a visionof what you want it to become. Usually when we see the endresult we think it was a two step process and that its easy tomake.

Obviously its not as easy as a two step process.

Thank you for this tutorial. The end result looks great.

Reply

ibrahim turan says:July 22, 2009 at 2:57 am

very nice

Reply

Johnson Koh says:July 11, 2009 at 11:27 pm

Glad you like this tut. Cheers!

Reply

Ashish Kalmegh says:July 11, 2009 at 1:25 pm

Awesome !This tutorial is really helpful .

ThanksReply

Johnson Koh says:July 1, 2009 at 8:53 am




21/29

Thank you my friends!

Reply

UrbanCowboy says:June 30, 2009 at 4:09 pm

Ill be using this for sure!

Reply

Piyush Shekharsays:June 25, 2009 at 6:18 pm

So amazing this is, Thanks for the Share.

Reply

Jeevan says:June 24, 2009 at 10:26 am

Wow, just amazing. Theres no limitations with AdobePhotoshop.

Reply

Johnson Koh says:June 24, 2009 at 7:30 am

Thanks Akasha and Mars This week is hell for me. Moreupdates to come soon!

Reply

Mars says:June 22, 2009 at 12:52 pm




22/29

I envy this work of art, its amazing on, i will make one with myself

Reply

Akasha says:June 21, 2009 at 10:20 pm

Cool. Congrats!

Your tutorials rullz !

Reply

Johnson Koh says:June 21, 2009 at 9:32 am

Thanks lolo125, Mantiuxa and Corey

@Florian: Absolutely agree! Thanks for the pointer. Have justadded in the headlights.

Reply

Corey says:June 21, 2009 at 5:03 am

Hey,

I just discovered this site via PSDtuts. I never knew about you!

You have some great content on here. Thanks for providing it!Reply

Mantiuxa says:June 21, 2009 at 4:54 am




23/29

Leave a Reply

Name (required)

Mail (will not be published) (required)

Website

I dont really like result, but tutorial still teaches much!Thanks!

Reply

Florian says:June 21, 2009 at 2:22 am

Cool. One thing you overlooked is that the lights arent on. Ithink that would make this montage a lot more convincing.

Reply

lolo125 says:June 21, 2009 at 12:45 am

Amazing!!!!its really cool, because you do it from nothing

Reply

Submit Comment




24/29

Notify me of followup comments via e-mail

z Full RSSz Short RSSz Emailz User Linksz

Twitterz Flickrz StumbleUz Diggz Vimeo

z

z

Search




25/29

z

z

z

z

z

z

z

z Join 10Steps.SG FlickrGroup

z 20 ConstructionCompany Logos-BuildingInspiration!!

I bring you creativeexamples of constructionlogos which will deliver adistinct image of yourcompany amongst the lot.

z Twitter Share Wars :




26/29

Topsy Retweet Counters

Are you loosing count ofall the retweet counters outthere? Here is one which

can outclass tweetmemeeasily. The Real-timesearch start-up Topsy isone retweet script worthusing.

z 20 ConstructionCompany Logos-BuildingInspiration!!

I bring you creativeexamples of constructionlogos which will deliver adistinct image of yourcompany amongst the lot.

z Typographic Logos VSGraphical Logos A

fiddly comparison!!

Here is an interestingcomparison between theTypographic Logos andGraphical logos. Whichlogo designs you think to

be more creative andconvincing?

z Submit Linkz Read Morez Subscribe Feeds

z bero: youre the best !




27/29

z

z

z

z

z z

z

z

z

z

z z

z

z

z

really...z Jessica: Cool collection! A

lot of...z FlashMint: Johnson, we at

FlashMint...z Israa: Gr8 one i like itz Bariski | TutZone.net:

They look good...z Irfan: very good tutorial, i

like...z Steve: Amazing artworks!z ibrahim: Hi, Nicepictures! quite...




28/29

z

z

z

z z

z

z

z

z

z z

z

z

z

z

z

z

z

z

z

z

z

z

z

z

z




29/29

z

z

z

z z

Copyright 10Steps.SG 2008-2009. All Rights ReservedThe text, images and tutorials themselves are copyright their respectiveowners. You cannot copy whole tutorials, either in English or translated toanother language.Modified from StudioBlue made by ElegantThemes | Icons from WeFunction| Member ofBlogCatalog | Hosted on MediaTemple


create a dramatic car spe

Documents