Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

25
Advertise Here Plus Icon Premium Membership Source Files, Bonus Tutorials & More for all relevant Tuts+ sites in one subscription Learn More Login Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+ Advertise Here http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (1 of 25) [5/20/2010 12:07:48 AM] Twitter Facebook us emium Create a Devastating Twister With Photo Manipulation Techniques Shardul on Apr 9th 2010 with 45 comments Tutorial Details Download Source Files Tutorials\ Photo Effects Source files for this tutorial are available to Premium members. Get a Premium Membership Program: Adobe Photoshop CS3 Difficulty: Intermediate Estimated Completion Time: 4 Hours

description

Tips on photo manipulation

Transcript of Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Page 1: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Advertise Here

Plus Icon Premium MembershipSource Files, Bonus Tutorials & More for all

relevant Tuts+ sites in one subscription

Learn More Login

Advertise

HereCreate a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

Advertise

Here

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (1 of 25) [5/20/2010 12:07:48 AM]

Twitter

Facebook

Psdtuts+

Plus

Premium

Create a Devastating Twister With Photo Manipulation Techniques

Tuts+ Network● Subscribe ● Twitter

UpdatesAdvertise Write for Us AboutUsage

Shardul on Apr 9th 2010 with 45 comments

Tutorial Details

Download Source Files

Tutorials\ Photo Effects

● Source files for this tutorial are available to

Premium members.

Get a Premium Membership

● Program: Adobe Photoshop CS3

● Difficulty: Intermediate

● Estimated Completion Time: 4 Hours

Page 2: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

space girl - More

Follow Psdtuts+ and Tuts+ on Twitter

● LOL! The Great Office War: Best Use of Nerf Guns Ever http://enva.to/c8aDrR

● #psdtuts Top 50 Layer Styles, Elements and Templates for Quick Graphic Jobs http://enva.to/8XLEHh

● #psdtuts Quick Tip: Create a Barcode Sticker in Photoshop http://enva.to/9RrtbT

● #psdtuts Creating Typography Inspired by the Seventies and Eighties http://enva.to/d085Ks

RSS

Updates

Email

Updates

Twitter

Facebook

Subscribers

74,779 Followers

28,323 Posts

996

Basix Photoshop BasixJust getting started? Start with our basix

tutorials on the fundamentals. View All Basix

Tutorials

Other Plus Sites ...aetuts+ audiotuts+ vectortuts+ tuts+

phototuts+ cgtuts+ nettuts+ psdtuts+

activetuts+ mobiletuts+

Create a Tutorial, Get Paid!Have something to teach the world? Want to earn money doing it? Tutorials,

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (2 of 25) [5/20/2010 12:07:49 AM]

Final Product What You'll Be Creating

If you’re looking to create a really nice photo manipulation, often you will have to combine several photos and

apply a few effects to get your desired look. In today’s tutorial I decided to combine a few photos that I took

while I was traveling to create a devastating tornado consuming everything in its path. Okay, let’s get started!

Introduction

Adobe Design Premium CS5 software offers you complete creative freedom without sacrificing

precision or quality, whether working in print, web, interactive, or mobile media.

Page 3: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

screencasts, and articles published here on Psdtuts+ are largely contributed

by readers just like you! We'll pay you great money for good content. Find

Out More

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (3 of 25) [5/20/2010 12:07:49 AM]

To create images like this, I recommend you to gain a bit of knowledge of perspective, focal point and

vanishing point etc. It helps a lot while bringing together various images into one final plate. Okay, let’s get

started.

Step 1First, create a new document in Photoshop and name it tornado. Create a layer and fill it with some color and

come up with a rough sketch of your composition.

Step 2

Page 4: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (4 of 25) [5/20/2010 12:07:49 AM]

Open up your images in Photoshop. Use the upper image for the sky and the lower one for the land.

Page 5: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (5 of 25) [5/20/2010 12:07:49 AM]

Step 3With the help of the Lasso tool and a 20 px feather cut out the sky and paste it into your tornado document.

Step 4Now that the sky is ready, our next job is to make the sky look cloudy.

Page 6: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (6 of 25) [5/20/2010 12:07:49 AM]

Step 5Make some adjustments the image’s Brightness/Contrast and Hue/Saturation.

Page 7: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (7 of 25) [5/20/2010 12:07:49 AM]

Step 6Use the clone stamp tool to help spread out the sky.

Page 8: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (8 of 25) [5/20/2010 12:07:49 AM]

Step 7Use the clone stamp tool to change the shade of the clouds.

Page 9: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (9 of 25) [5/20/2010 12:07:49 AM]

Step 8Open the second image and select some portions of the grass and vegetation using the Lasso tool (5 px

feather). I used multiple selections of the ground for my image.

Page 10: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (10 of 25) [5/20/2010 12:07:49 AM]

Step 9Now paste the vegetation fragments of my image then bring them together. Use the lasso tool to spread the

vegetation across your canvas.

Step 10Start selecting portions of the sky and play around with the brightness and contrast just to give it some

variation.

Page 11: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (11 of 25) [5/20/2010 12:07:49 AM]

Step 11Use the same technique with other parts of the image as per my sketch and change the shade of the clouds

in those areas.

Step 12At this point it’s time to start laying out the tornado.

Step 13Use the clone stamp tool to spread the tornado out in the selected area of the drawing.

Page 12: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (12 of 25) [5/20/2010 12:07:49 AM]

Step 14Repeat the same process for the other selected areas.

Step 15The dust can be created by cloning portions of the sky and by changing its shade.

Step 16Use the clone stamp tool to create a smooth transition between the various elements in the composition.

Step 17To enhance our image we now need to create a new adjustment layer with a black to transparent gradient.

Set the blending mode of this later to soft light. The purpose of this step is to enhance our image so that the

Page 13: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (13 of 25) [5/20/2010 12:07:49 AM]

upper edges look darker and that the viewer’s focus is directed to the center. Repeat this step in one more

layer if you want more variation in shading.

Step 18Now it is time to shade the outer areas of the composition. Do this by drawing a rectangle with the

rectangular marquee tool (with 0 px feather) in a new layer and fill it with black color. Use the lasso tool to cut

the layer as shown. After this, set the layer’s blending mode to ‘soft light’. The purpose of this step is to

darken some areas of the image to shift the focus towards the center.

Step 19Now let’s play around with some color variations. Make sure that, you do it in adjustment layers so that if you

don’t like it you can just delete the layer.

ConclusionThat’s it. I hope that this tutorial helped you learn a little about photo manipulation techniques. Good luck!

Page 14: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (14 of 25) [5/20/2010 12:07:49 AM]

Plus Premium Premium Members

Page 15: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (15 of 25) [5/20/2010 12:07:49 AM]

Related Posts

Add CommentDiscussion 45 Comments

Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter

or simply recommend us to friends and colleagues!By Shardul

Rollover to read this author's bio

or click through to see a full list of

posts by this author.

1.

2.

Learn How to Create a Fiery Demon Montage 84 Comments

Use Photo Manipulation and 3D Layers to Design a Surreal Cover Art Illustration 82

Comments

Create a Sleek Illustration that Fades from Line Art to Color 111 Comments

Create a Retro Urban Gig Poster in Photoshop 29 Comments

How To Create the Photo Manipulation "Brightness Tomorrows" 68 Comments

How to Photo Comp up a Killer Room Full of Objects 43 Comments

Well i am the first ! For me it looks very real the effect ! Good tutorial , very useful material !

Thanks

Dont like the process

April 9, 2010 at 8:53 am

April 9, 2010 at 8:58 am

Source Files, Bonus Tutorials & More for all relevant

Tuts+ sites in one subscription. Join Now

Reply

PSDDude

Mark

Page 16: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (16 of 25) [5/20/2010 12:07:49 AM]

3.

4.

5.

6.

�❍

Very nice effects. I love the sepia variation! Thanks!

Niiiiiice. I like the end result.

This is f-ing stupid

�❍

Are you serious?! The process works!!!

Of course going over the process takes away from the magic of it, so you shouldn’t need to complain. If

there wasn’t a tut and just a pic, you would probably accept it and move on

April 9, 2010 at 9:00 am

HighContrast April 9, 2010 at 9:05 am

Devin Stoddard April 9, 2010 at 9:16 am

As is your comment.

Reply

Reply

Reply

Reply

Lyndon April 9, 2010 at 6:11 pm

Hugo

April 10, 2010 at 7:59 pm

Reply

Reply

spiderm0nkey

Page 17: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (17 of 25) [5/20/2010 12:07:49 AM]

7.

8.

9.

WOW!! simply stunning effect. great tutorial

What a great tutorial, might have a play at htis one over the weekend.

insane cool, thanks!!!

Here’s mine: http://homer8190.deviantart.com/art/Awesome-Twister-Effect-146025664

�❍

�❍

kevinsturf April 9, 2010 at 9:21 am

April 9, 2010 at 9:40 am

geir benny nystad April 9, 2010 at 10:48 am

April 9, 2010 at 10:50 am

That is really awesome dude

Cool stuff Aevion

Reply

Reply

Reply

Reply

Alan

AEVION

Rob April 9, 2010 at 11:12 am

Geir benny nystad April 10, 2010 at 5:05 am

Reply

Page 18: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (18 of 25) [5/20/2010 12:07:49 AM]

10.

11.

12.

13.

�❍

great looking results and looks pretty interesting from a quick look through. Thanks!

This actually looks really good. I can’t wait to work through this tutorial, it will give me

something to do during tomorrows 12 hour train ride.

Such a wonderful tutorial!

Brilliant! I didn’t expect you will create everything from scratch. Great job!

Thanks guys. I’ve made a bunch of epic destruction pieces… you can check them out here (http://

aevion.net/wallpapers/my-best-destruction-pieces/) if you want. Thanks again.

This is a well explained tut… great work Shardul!

April 9, 2010 at 10:51 am

April 9, 2010 at 11:01 am

Thuyi April 9, 2010 at 11:41 am

April 9, 2010 at 11:43 am

Reply

Reply

Reply

Reply

April 11, 2010 at 3:09 pm

Matthew Heidenreich

Roberto Blake

Giuliano

Reply

Reply

AEVION

Page 19: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (19 of 25) [5/20/2010 12:07:49 AM]

14.

15.

16.

17.

18.

19.

really an awesome tutorial thanks for sharing

Very nice tutorial. I like it,

“Ekdum mast”

Amazing! wow :O

nice tut i like it and in the way to try

Very nice, I like it.

April 9, 2010 at 11:58 am

Rahul Goyal April 9, 2010 at 12:23 pm

April 9, 2010 at 12:51 pm

wmm April 9, 2010 at 4:32 pm

April 9, 2010 at 11:43 pm

Reply

Reply

Reply

Reply

Reply

WebGuide4U

Craigsnedeker

snnaqvi

Page 20: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (20 of 25) [5/20/2010 12:07:49 AM]

20.

21.

22.

23.

It’s a brilliant effect. Wouldn’t have thought of doing it like the way you have but it works

very well

What do you mean by “Use the clone stamp tool to change the shade of the clouds.”? In

step 6? Can we go into a little more depth on steps 5 and 6?

I’m sorry for coming off as angry, but I just spent the past hour trying to figure this out, and

these directions are not detailed at all.

Okay thats a weird process, BUT a good one…

Great effect and great tutorial.

April 10, 2010 at 9:05 am

Nutzy April 10, 2010 at 10:32 am

i didnt understand the process

qwerty April 10, 2010 at 10:37 pm

April 11, 2010 at 4:45 am

April 11, 2010 at 5:23 am

Reply

Reply

Reply

Reply

Mark

Ahmed Sleem

Shadowtuga

Page 21: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (21 of 25) [5/20/2010 12:07:49 AM]

24.

25.

26.

27.

28.

well that is weird. usually i get several pictures that fit the scene and then blend them

together. there are a lot of cloning going on here but i will give it a try:-)

nice tut , really i like it

thx for sharing

None of the photos are coming through for me at all. They’re all broken.

That is so cool, an amazing photoshop mash-up. Looks like the END OF THE WORLD!!!!

First scene is very beautiful

The way you created that is awesome.

tvandang April 11, 2010 at 12:56 pm

7oda April 11, 2010 at 7:13 pm

April 13, 2010 at 2:34 pm

April 15, 2010 at 4:16 am

April 17, 2010 at 12:34 am

Reply

Reply

Reply

Reply

Reply

Mike Wilson

Rory

Bhushan

Page 22: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (22 of 25) [5/20/2010 12:07:49 AM]

29.

30.

31.

32.

nice effect.

tanks

First scene is very beautiful

The way you created that is awesome.

nice effect.

thanks

Need some estra work on the tale of the twister

�❍

nice pict

April 17, 2010 at 12:35 am

LorenPalma April 19, 2010 at 9:06 am

I mean, TAIL of the twister

April 19, 2010 at 8:43 pm

Rahul April 19, 2010 at 9:51 pm

Reply

Reply

Reply

Reply

Bhushan

LorenPalma April 19, 2010 at 9:08 am

kpid jateng

Reply

Page 23: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

Powered by: Envato

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (23 of 25) [5/20/2010 12:07:49 AM]

33.

34.

35.

36.

37.

Very good tutorial, thanks.

Even though I’m usually able to pick out whether or not something was Photoshopped, this

looks quite real!

Brilliant!

Superb!

I like it very much. Very nice…

My only critic is that the middle part of the tornado looks quite drawn (not so real), like the

rest of it… but. good job.

April 23, 2010 at 10:26 am

artist_buddy April 23, 2010 at 4:39 pm

May 18, 2010 at 4:42 pm

May 18, 2010 at 5:15 pm

Pio May 18, 2010 at 5:45 pm

Reply

Reply

Reply

Reply

Reply

Mason Sklut

Steph Vallieres

Tonye @ True Vine Prouctions

Page 24: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

Psdtuts+ Part of the Plus

education networkRSS Email TwitterFacebook

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (24 of 25) [5/20/2010 12:07:49 AM]

38.

39.

Add a Comment

Is it a twister ??? anyway it is very evident that this is a conglomeration of couples photos

Oha abi ne yaptın sen ya thank you very mucccccxxx

Great! i like this

May 18, 2010 at 6:12 pm

mişon May 18, 2010 at 6:58 pm

Name Email Address URL

Your Comments

Reply

Reply

Reply

sunset

Page 25: Create a Devastating Twister With Photo Manipulation Techniques _ Psdtuts+

Create a Devastating Twister With Photo Manipulation Techniques | Psdtuts+

UpdatesUpdatesCopyright © 2010 Envato Advertise Suggestions About Us Icons by WeFunction 9Rules Member

http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-devastating-twister-with-photo-manipulation-techniques/ (25 of 25) [5/20/2010 12:07:49 AM]