Photo Laps: أبريل 2010

How To Make Warzone Photo Manipulation

This photo manipulation tutorial will give you an idea of how you can turn any photo into a catastrophe. This tutorial is good as an inspiration for ideas about how to manipulate your own photo in Photoshop.

Warzone Photo Manipulation Photoshop Tutorial

In this tutorial i will explain step by step how to turn a regular photograph in to a warzone. I used my own photograph as original, taken on my holiday in Copenhagen:

Step 1 - Duplicate the background layer.

First I used a photo of clouds. Open the photo into Photoshop then then converted it to black and white with the Black and White tool (Image > Adjustments > Black and White). You can also use the Hue/Saturation or Channel mixer tool if you do not have the Black and White tool.

Step 2 – Paste the clouds picture into the main document

Choose Select > All then Edit > Copy to copy the picture of the clouds into your clipboard. Open the photo that you like to turn into a warzone then choose Edit > Paste. Select the background layer then choose Edit > Duplicate to duplicate the layer. Now we have a backup copy of the background layer.

Step 3 – Remove the sky

Now we’ll remove the sky of the original image. Start by hiding the top layer with the clouds and the background layer. Use the Magic Wand tool (W) or Quick Selection tool to create a selection of the sky. Once you have the selection of the sky created, hit the delete key or choose Edit > Clear to remove it. Now move the clouds layer below the background copy layer then enable back the visibility of the clouds layer.

Step 4 - Clone out the people and cars

In the Background copy layer, use the Clone Stamp tool (S) to remove unnecessary objects such as people and cars. To use the Clone Stamp tool, hold the Alt key and click to pickup a pattern/texture that can be placed over the objects you will need to clone out. Then, click on the object where you like to clone and it will start to disappear. If this is your first time using the Clone Stamp tool, it may take a few tries for you to understand how it works. Below is an example of cloning in action.

Step 5 - Create a second clouds layer

To keep our layers organized, start by renaming the following:

Rename Background Copy to Original
Rename the layer with the clouds to Clouds

Duplicate the clouds layer then use the Transform tool (Ctrl + T or Edit > Free Transform) to resize the new clouds layer so that it fills the frame. Change the blending mode of the Clouds copy layer to 70 and set the blending mode to Lighten. Complete this step by using the Eraser tool to erase the clouds from the ground and bottom of the building like shown in the screenshot below.

Step 6 – Create another cloud layer

Duplicate the original clouds layer again then move it to the top in the Layers palette. Use the Free Transform tool (Ctrl+T or Edit > Free Transform) to rotate the current layer by 180 degrees and scale it up to about 200%. Set the opacity of this layer to 60% and blending mode to Lighten. Invert this layer (Ctrl+I or Image > Adjustments > Invert).

Step 7 - Black & white the Original Layer

Convert the layer Original to black and white. There are several ways to do this in Photoshop but here are a few ways you can do this:

Black and white tool (Image > Adjustments > Black and White)
Hue/Saturation (Image > Adjustments > Hue/Saturation)
Channel Mixer (Image > Adjustments > Channel Mixer)

Step 8 - Create broken windows, cracks and fire

Add a layer mask to the layer Original. To do this, select the Original layer in the Layers palette then click on the

button. Now use the Pen tool (P) to draw a crack on the window. Right click on the path then choose “Make Selection”. Press the delete key on your keyboard or choose Edit > Clear.

Open an image of fire and copy and paste it into the current document. Position the fire under the layer Original

. I used a picture of a camp fire from my vacation photos. Name this layer Fire then erase around the fire so that you have only the fire in the layer. Convert the layer to black and white using any technique mentioned above such as using the Black and White adjustment layer. Use the Free Transform tool (Ctrl+T or Edit > Free Transform) to resize and position the fire inside the broken window.

Use the Polygonal Lasso tool to create a selection of the glasses in the window. Once you have the selection of the glasses in the window, press delete to remove that area. The fire from the layer below should be visible.

Select the layer Original then change the blending mode to Difference. Now you can see the layers below to see where you can erase. Use the Eraser tool (E) to erase parts from the top and bottom to make the fire look like it’s coming out like shown in the screenshot below. Switch the blending mode back to Normal when you’re done.

Use the Smudge Tool (R) to smudge the fire to create a hazy effect like shown in the image below. Repeat this entire step (Step 8) on the rest of the windows.

Now we are going to work on the cracks. Select the Original layer then select the Lasso tool (L). Draw a figure on the wall in the shape of a hole in a wall. Press Ctrl+J to create a duplicate of that selection on a new layer. Then, right click on the new layer and choose Layer Style. Enable the Bevel and Emboss style then adjust the settings to create a bevel effect like shown below.

Step 9 – Creating the smoke

Duplicate the clouds layer then name this new layer “Smoke”. Use the Free Transform tool (Ctrl+T or Edit > Transform) to rotate the layer then erase around the smoke so that it looks like smoke is coming out of the windows. Put the Smoke layer above the Fire layer(s). Use the Smudge tool to blur the edge of the smoke for a windy effect.

Step 10 – Lamppost

Select the layer Original then use the Lasso tool to create a selection of the lamp post. Press Ctrl+J to duplicate this selected area into its own layer. Rotate it using the Free Transform tool (Ctrl+T or Edit > Free Transform). Rotate and position the lamp post like shown in the screenshot below. Once you’re done, use the Clone Stamp tool to erase parts of the bottom of the lamp post so that it looks broken.

Position this lamp post layer above the layer Original. Use the Eraser tool (E) to delete the area so that it looks like it is behind the metal statue.

Step 11 – Plane Wreckage

On my holiday to Norway, I was hiking and found some plane wreckage. I took some photos of it and now I’ll be using it as part of this photo manipulation. Isolate the plane wreckage then paste it in our photo manipulation project.

I named this layer Propeller then I positioned this layer above the layer Original

. Desaturate the layer (Ctrl+Shift+U or Image > Adjustments > Desaturate)

Repeat this process with other plane wreck parts. Sometimes you’ll need to use the Distort tool (Edit > Transform > Distort) to distort the object for the proper perspective.

II repeated this process with a picture of an airplane engine.

Not all the photographs where in the correct perspective so i needed to 'distort' some parts.

Step 12 – Additional wreckage

This is optional, but you can add a logo to the wings or parts of the airplane. I created this star logo and placed it on a wing using the Distort tool (Edit > Transform > Distort).

I also added a car. I made the bumper look like it was fallen off then I positioned this car in front of the building.

I took an image of a tower, desatureated it, and positioned it on the far right

Step 13 – Adding mountains to the background

Take an image of mountains and remove the sky. Copy and paste the mountain into your project.

Position the mountain beside the building then erase the side so that it looks like it is behind the building.

Repeat this for the other side of the building.

Step 14 – Finishing up

Use the Burn tool (O) to burn some area of the wreckage to give it some depth.

When you’re done, press Ctrl+Shift+J to create a new layer of the flattened contents. Make sure this layer is the top layer. Choose Filter > Brush Strokes > Angled Strokes and use the default settings. Change the opacity of the layer to 20%. You can also add other things such as adding the date, more cracks, lowering the flag, etc.

the end

moved from photoshopTutorials...

Design TRON Legacy Style

Posted in Photoshop Tutorials

In this tutorial we will create an image that looks sort of like the posters for the upcoming movie, TRON Legacy. You will learn how to fake a bokeh effect, and create all sorts of shiny glass type effects.

Preview of Final Results

IMPORTANT: When working with any image in Photoshop, always play things on the cautious side and make new layers for everything. This way, if you make a mistake, you won't have to start all over, but you might just have to re-do one layer, possibly saving you hours of work. Everything in this tutorial should be done on separate layers.

TRON Legacy Style Photoshop Tutorial

Step 1 - Create a new Document

Create a new document. 1280px in width and 960px in height.

Step 2 - Invert it to black

Press (control/command + I) to invert the white to black.

Step 3 - Brush Setup

Apply the following settings to your brush.

Step 4 - New Layer

Create a new Layer (Layer > New > Layer). Fill it with black. Create a guide that runs down the center of the image at 460px. Name this layer "Big Bokeh".

Step 5 - Bokeh Effect

Using your customized brush and the color white, draw a line that is slightly above your guide line. If some goes underneath it, do not worry, that's fine.

Step 6 - Bokeh Effect

Go to Filters > Blur > Lens Blur apply the following settings. Then click OK. After, set the layer blend mode to Screen.

Step 7 - Duplicate and Flip

The quickest way to do this is to type (control/command + J). Then, we're going to flip it. Press (control/command + T). This will allow you to left click (with your mouse) and select "Flip Vertical". Click enter when you are done. Name this flipped layer "Big Bokeh Reflection".

Step 8 - Blur

Create a duplicate (control/command + J), of "Big Bokeh Reflection", and go to Filters > Blur > Motion Blur and apply these settings. Name this newest duplicate "Bokeh Blur".

Step 9 - Some quick touchups

Duplicate "Bokeh Blur" so that you have two copies. Set the opacity of "Big Bokeh Reflection" to 50%. If everything is good, you should see something like this:

Step 10 - Small Bokeh

Create a new Layer (Layer > New > Layer). Fill it with black. Using the same brush settings as before with the Big Bokeh, we are going to just make the brush size slightly smaller like 10px or so. Draw a line like before.

Step 11 - Small Bokeh

Go to Filters > Blur > Lens Blur apply the following settings. Then click OK. After, set the layer blend mode to Screen.

Step 12 - Checkpoint

Name this layer "Small Bokeh". You should see this now:

Step 13 - Duplicate and Flip

You should see this when you're done:

Step 15 - Bottom Coloring

Create a new layer and name it "Bottom Color". With the marque tool (m) highlight the bottom half of the image... it should snap to exactly half if you still have your guide line up.

Step 16 - Colorize

First fill (g) the layer with black, and then, using some dark blues (#0a353e) and greens (#0a3e3b) and a big 300px soft brush, put some color blobs inside the selection.

Step 17 - Blur it

Go to Filters > Blur > Gaussian Blur, and apply a 150px blur. Then deselect the bottom half by clicking outside of it.

Step 18 - Colorize

Create a new layer, and using the same blue and green colors as we just did, paint some more big blobs on the upper half of the image.

Step 19 - Blur it

Go to Filter > Blur > Gaussian Blur, and apply a blur of about 200px. We want these colors to be faint, so if they are very bright and stick out, then lower the opacity of the layer a bit.

Step 20 - Center Light

Create a new layer and name it "Center Light". Using a brighter blue (#003b49), draw a big oval shapped blob of color in the center of the image, in the upper half.

Step 21 - Pencil Settings

Select the pencil tool (b) and apply the following settings.

Step 22 - Lines -- A

Create a new layer above "Center Light" and name it "Lines". Using the color white, so that you can see what you are doing, hold down shift (to keep your line straight, and draw a vertical line of dots to the side of your center light.

Step 23 - Lines -- B

Click (control/command + T) and stretch the dots out so that they create horizontal lines. Click enter when your are done stretching.

Step 24 - Lines -- C

Select the lines by clicking on the icon of the layer "Lines". Then turn of the visibility of the layer "Lines". Then select the layer "Center Light" and hit delete or backspace. Then deselect by clicking outside your selection with the marque tool (m).

When your done you should see this:

Step 25 - Text

Create a new textbox and place whatever text you want in there, and center it.

Step 26 - Text Gradient

For my image, I have two lines of text, so my layer styles might be different then yours if you only have one line of text... keep that in mind here. Apply this layer style:

Step 27 - Text Reflection

Click (control/command + J) to duplicate your text layer, and then click (control/command + T), right click on the box and slect flip vertical. Move this layer to the bottom half of the image but keep it centered.

Step 28 - Text Reflection Gradient

Adjust the gradient by clicking reverse in the layer styles menu... it's upside down now, so this is why we're doing this.

Step 29 - Checkpoint

You should see something like this now:

Step 30 - Mask

Add a mask to this text reflection layer. What I did to make this mask, was take a big 300px soft black brush, and painted a line at the bottom of the layer. Then I applied a Gaussian blur of about 50px.

Step 31 - Finish

Move this text reflection layer beneath the layer "Bottom Color", and reduce the opacity to about 50%. You should now be finished, and see this:

Feel free to experiment a bit with layer opacities, and see if you can do anything on your own design to improve this image... that's where all the fun and learning is anyway!

Conclusion

Here is the finished project from these tutorial steps:

Here is the finished project from my original concept:

I hope that you have learned something new by reading this tutorial, and I also hope that you haven't run into any difficulties (if you have, leave a comment with your concern and I or someone else will be happy to help you). Thank you for reading, and I look forward to your feedback.

Download the PSD

Tron Legacy PSD

Moved From photoshoptutorials[dot]ws