Download as pdf or txt
Download as pdf or txt
You are on page 1of 29

Create a Dramatic Car Speeding Scene | 10Steps.

SG

Page 1 of 29

English | Coming Soon Home | About | Members' Corner | Advertise | Contact

enter your email

Subscribe

OR click here for the FULL RSS


z

z z

z z

Articles Featured Articles Interviews Inventions Contest Freebies Actions Brushes Custom Shapes Icons PSDs Stocks Themes Inspirations Artworks Photography News Roundups Community Tutorials Flash Photoshop Video

Create a Dramatic Car Speeding Scene


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

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 2 of 29

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


z

1
tweet

retweet

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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 3 of 29

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

Download Round the Corner from SXC.hu. Extract only the road from 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.

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 4 of 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.

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 5 of 29

Resize and position it as shown in the example below. Rename this layer 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".

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 6 of 29

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

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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 7 of 29

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

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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 8 of 29

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

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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 9 of 29

facing the right.

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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 10 of 29

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

You should be getting something similar to the example below.

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 11 of 29

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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 12 of 29

Download the Debris Brushes by Zigabooooo. Create a new layer and paint some debris around the wheels. Apply the same blending effects used for white bars to the debris. Reduce the size for Outer Glow to 5px.

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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 13 of 29

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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 14 of 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 to Select > Modify > Feather. Set the Radius to 50px. Set the Blend Mode of this layer to Color Dodge.

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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 15 of 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 a few circular selections around the headlights of the car. Go to Select

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 16 of 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 a headlight. Use Eraser tool to fade all ends of the cross. Set Opacity of this layer to 30%. Repeat this step for all the headlights.

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 17 of 29

Now flatten all the layers as if you decided to try out another effect from Topaz Labs again. It is an excellent filter that can be trial use for 30 days with full functions. Install the program and restart Photoshop. Go to Filter > Topaz Labs > Topaz Adjust 3. Open up the Presets on the left and select Exposure Color Stretch. Leave all the settings as default and hit OK. Thats all! Hope you enjoy this tutorial. Thanks.

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 18 of 29

I am Johnson Koh, a graphic and web designer in Singapore. Founded 10Steps.SG in August 2008 with the purpose to share my experiments and interesting design news.
z z z z z z z z z z z z z

Related Posts Bookmark Tags Making of a Forest Magical Scene Make a Web Interface with Car Images Making a Modern Abstract Scene Decorate Your Own Hello Kitty Car Creating your own Fairytale Scene 30 Complete Photoshop Guides for Beginners Make yourself an Amazing Typographic Portrait Making of Mafia in the Jungle 20 Wallpaper Portals and Tutorials Making of a Scary Mental Hospital Scene

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 19 of 29

car Photoshop scene speeding tutorial

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 u managed to blend the city into the car image. gr8 work. i wonder if u can show us an application of this same effect to a human maybe to indicate a fast moving superhero like the flash. in his comic books,u can see him running blazing fast with these fire lines all around him. Reply saud says: August 21, 2009 at 10:43 pm i would like to thank you 4 this gr8 tutorial it helps me alot many thanks Reply Nardyello says: August 1, 2009 at 4:03 am

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 20 of 29

Its often hard to start something from scratch and have a vision of what you want it to become. Usually when we see the end result we think it was a two step process and that its easy to make. 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 . Thanks Reply Johnson Koh says: July 1, 2009 at 8:53 am

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 21 of 29

Thank you my friends! Reply UrbanCowboy says: June 30, 2009 at 4:09 pm Ill be using this for sure! Reply Piyush Shekhar says: 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 Adobe Photoshop. Reply Johnson Koh says: June 24, 2009 at 7:30 am Thanks Akasha and Mars updates to come soon! Reply Mars says: June 22, 2009 at 12:52 pm This week is hell for me. More

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 22 of 29

I envy this work of art, its amazing on, i will make one with my self 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 just added 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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 23 of 29

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. I think 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

Leave a Reply
Name (required) Mail (will not be published) (required) Website

Submit Comment

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 24 of 29

Notify me of followup comments via e-mail

Search

z z z z z z z z z

Full RSS Short RSS Email User Links Twitter Flickr StumbleU Digg Vimeo

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 25 of 29

z z

Join 10Steps.SG Flickr Group

20 Construction Company Logos-Building Inspiration!! I bring you creative examples of construction logos which will deliver a distinct image of your company amongst the lot.

Twitter Share Wars :

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 26 of 29

Topsy Retweet Counters Are you loosing count of all the retweet counters out there? Here is one which can outclass tweetmeme easily. The Real-time search start-up Topsy is one retweet script worth using.
z

20 Construction Company Logos-Building Inspiration!! I bring you creative examples of construction logos which will deliver a distinct image of your company amongst the lot.

Typographic Logos VS Graphical Logos A fiddly comparison!! Here is an interesting comparison between the Typographic Logos and Graphical logos. Which logo designs you think to be more creative and convincing?

z z z

Submit Link Read More Subscribe Feeds

bero: youre the best !

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 27 of 29

z z

z z

really... Jessica: Cool collection! A lot of... FlashMint: Johnson, we at FlashMint... Israa: Gr8 one i like it Bariski | TutZone.net: They look good... Irfan: very good tutorial, i like... Steve: Amazing artworks! ibrahim: Hi, Nice pictures! quite...

z z z z z z z z z z z z z z z

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 28 of 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

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

11/4/2009

Create a Dramatic Car Speeding Scene | 10Steps.SG

Page 29 of 29

z z z z z

Copyright 10Steps.SG 2008-2009. All Rights Reserved The text, images and tutorials themselves are copyright their respective owners. You cannot copy whole tutorials, either in English or translated to another language. Modified from StudioBlue made by ElegantThemes | Icons from WeFunction | Member of BlogCatalog | Hosted on MediaTemple

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

11/4/2009

You might also like