create a dramatic car spe
TRANSCRIPT
-
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/
-
7/30/2019 Create a Dramatic Car Spe
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".
Page 2 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 3 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 4 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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".
Page 5 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 6 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 7 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 8 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 9 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 10 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
11/29
Create a new layer and repeat the steps for forming the light streakswith thinner white bars.
Page 11 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 12 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 13 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 14 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 15 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 16 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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.
Page 17 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 18 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 19 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 20 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 21 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 22 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 23 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 24 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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 :
Page 25 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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 !
Page 26 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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...
Page 27 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 28 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG
11/4/2009http://10steps.sg/tutorials/photoshop/create-a-dramatic-car-speeding-scene/
-
7/30/2019 Create a Dramatic Car Spe
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
Page 29 of 29Create a Dramatic Car Speeding Scene | 10Steps.SG