create an explosive cover with precise photo manipulation techniques

8/19/2019 Create an Explosive Cover With Precise Photo Manipulation Techniques

1/28

Create an Explosive Cover with Precise Photo ManipulationTechniques

In this tutorial, we're going to make a creative illustration in a style meant for a video game cover or sci-fibook cover. We'll create this with mostly photo manipulation techniques. With some cool Photoshop optionsyou can turn all the photos you chose, into one stunning looking explosive cover.

It's amazing, how easy this can be done, all you need is just a good idea and some solid basics inPhotoshop. The hardest part in doing this, is finding the right images. I chose them carefully, as the betterphotos chosen, the less time it will take you to create this quality illustration. Let's get started!

Final Image Preview

Let's take a look at the image we'll be creating. You can view the final image preview below or view a largerversion here.

Step 1Open this picture of a masked woman. Go to the Layers Pallette, double-click with the left mouse button onthe layer to unlock it. Now you can move the picture. Position it nicely on the left side of the mask.

Start repairing the photo by copying some part of the right side of the mask, and applying it to the missingpart of the left side. Use the Lasso Tool (L), draw a selection, then Copy (Command + C) this piece andPaste (Command + V) as a new layer.

http://cdn.tutsplus.com/psd/uploads/legacy/208_Break_Down/final%20large.jpghttp://cdn.tutsplus.com/psd/uploads/legacy/208_Break_Down/final%20large.jpghttp://www.istockphoto.com/file_closeup/people/1992326-cyborg-woman.php?id=1992326http://cdn.tutsplus.com/psd/uploads/legacy/208_Break_Down/final%20large.jpghttp://www.istockphoto.com/file_closeup/people/1992326-cyborg-woman.php?id=1992326http://cdn.tutsplus.com/psd/uploads/legacy/208_Break_Down/final%20large.jpghttp://cdn.tutsplus.com/psd/uploads/legacy/208_Break_Down/final%20large.jpg


2/28

Step 2

Now that you have still selected this little piece, lower its Opacity just a touch. Go to Edit > Free Transform >Distort. Try give it a bit of perspective.

Step 3

Now grab the Eraser Tool (E), set the Master Diameter to about 12px, and Hardness at 90%. So now thatyou have this positioned and transformed, you can just start erasing some disturbing parts to bring back theoriginal look. This process can also be done with the Pen Tool (P), but I like sometimes do things with theEraser Tool. When you're done, select these two layers and hit Command + E (since we have only twolayers you can also go to Image > Flatten Image) this will merge them into one layer.


3/28


4/28

Step 5

It looks great, now you need to cut the mask out of the picture. Grab the Pen Tool (P), zoom very close, sothat you can see image pixelizing, and start cutting. When you finish the path, right-click with the mouse andselect Make Selection, then hold Command + Shift + I (that will invert your selection) and hit Delete on thekeyboard. Now you have erased everything except our mask.

Step 6

Your image should look just like this. The red circle points to a spot that we need to copy (Command + C)using the Lasso Tool (L) or Elliptical Marquee Tool (M).

Step 7

We're going to repair this tube bottom. Paste (Command + V) the piece you copied in the previous step. Goto Edit > Transform > Flip Vertical.


5/28

Step 8

Place this little repairing piece layer under our mask. Position it a few pixels up, and erase some disturbingparts from the bottom to make it rounder.

Step 9

As you can see, it looks kind of flat now. We need to put some shadow inside the tube. To do this, use theBurn Tool (O), set it to Highlights, and set the Flow to around 100%. Remember to paint on this little piecelayer that is below our mask. Make it dark, and leave a few lighter spots near the bottom edge.


6/28

Step 10

Go to the Layers Palette, press Command, and left-click on each layer. This will select both layers. Then hitCommand + E to merge them. OK, so we are done with the first phase of this tutorial. Now we can get to thepoint.

Start with creating a new document around 1200 pixels by 1200 pixels, with a Resolution of 300 pixels/inch.Grab the Paint Bucket (G) Tool, set your Foreground Color to black, and fill the background with it. Nowdrag our mask into this document, and rename it "Mask."

By the way, I thought it would be nice to correct some shadows. Go to Image > Adjustments >Shadow/Highlights and you can the settings shown for some correction.

Step 11

Turn off the "Mask" layer and open the brick wall image, and name it "Wall." Go to Image > Adjustments >Brightness/Contrast and try to make this wall darker. Drag it into the project document, then use Edit > FreeTransform to decrease its size to make it fit our project document.

http://www.sxc.hu/browse.phtml?f=view&id=1068576http://www.sxc.hu/browse.phtml?f=view&id=1068576


7/28

Step 12

Now, we will make a brush, which will help us to get some various results with erasing. If something isunclear, don't worry, everything will be explained in the next steps. Open a new document 900 pixels by 900pixels, with a Resolution of 300px/inch, and a black background. Unlock the "Background" layer (mouse leftdouble-click on the layer).

Set the Foreground Color to white, and Background Color to black. Go to Filters > Render > Clouds. Grab avery soft, quite big Eraser Tool (E) with Hardness at 0%, and Flow of 30%. Erase all edge parts and make alot of soft deep cuts in these clouds (somewhere around the red circles indicated below).

Step 13

When you're done, go to Edit > Define Brush Preset and click OK. We just created a brush, that we will useas an eraser. Because the clouds are always different, you can repeat this process to make about 2 or 3

brushes. It will give you more variety later.

Select "Wall" layer, pick Eraser Tool (E), right-click mouse and find our new brush. Select it, set a bigDiameter 300-400px. Hardness 0%, Flow 70%. Now erase some parts around the wall.


8/28

Step 14

Next, open the cracks texture. Drag it into our project, place it above the "Wall" layer. Name this layer"Break." Then go to Image > Adjustments > Levels, and give the darker color some expression.

Step 15

Position the "Break" layer nicely and change its Blending Mode to Multiply. Then Copy/Paste (Command +J) this layer. Move the copied layer one pixel up and one pixel left by hitting the keyboard arrows (it makes



9/28


10/28

Step 18

It looks much better now. But the mask is still too big for this image. Let's go to Edit > Free Transform andmake it smaller. Note: try to hold Shift + Alt while transforming, as it will give you a perfect smaller shape.

Step 19

OK, great. Now we need to leave this project for a while. Minimize this document, open the photoof bricks and unlock it. As you can see, it's very noisy, even if resized smaller. In this case, I decided to gofor Filter > Noise > Reduce Noise, and played for a while with the settings. The result isn't shocking, but itsurely corrects this image a little.

Please remember, you are working now in a new document, do not drag this image into your projectdocument now, as it will only bring over a mess.



11/28


12/28

Step 22

Now is the right time to drag this picture into your project document. But before you do this, use Edit > FreeTransform and make it about 40% smaller. Name this layer "Bricks 3" and place it below the "Mask" layer asshown.

Step 23

Now just get rid of the hard edges using the Eraser Tool (E) with our clouds brush. You can erase whateverpart you want, just be careful, try not to leave some soft half-transparent bricks by erasing because it willlook unrealistic.


13/28

Step 24

When you're done erasing, go back to the bricks document. Now turn on your copy of the bricks layer andapply Image > Adjustments > Levels with the settings shown below. Resize it to a smaller image. Note: donot close this bricks document, you're going to need it later.

Step 25

Drag this layer into our project document and name it "Bricks 2." Position this image the way it fits the best.Go to Edit > Transform > Distort. Now try to give some perspective to those bricks.


14/28

Step 26

Grab Eraser Tool (E) and repeat the erasing process, like it was done in previous steps.

Step 27

Now repeat Step 25. Drag your copy of bricks again to the project document, but do not use Distort aspreviously. Name the layer "Bricks 1." This time position it in the middle. Go to Edit > Free Transform, rotateit horizontally (90 degrees to right). Then right-click on the image, select Flip Vertical. Rotate it more to thetop. Now, erase most of the image, leave just a few bricks up, but not too many. We don't want to make ittoo messy.


15/28

Step 28

It's time to put those bricks in order. Those three layers should be below the "Mask" layer in the particularorder shown below.


16/28

Step 29

Make a new layer above the bricks layers, but below the "Mask" layer. Name it "Shadow." Now use theBrush Tool (B), select our cloud brush with the same settings as previously: big Diameter of 300-400px,Hardness of 0%, and Flow of 70%. Also, make sure your Foreground Color is set to black. Then paint in themiddle and just a little around the mask.

Step 30

Here is a moment when you need to create an illusion that the mask is starting to appear among theseexploding parts. As I said before, I'll show you how to cover the left side of the mask, the one that was fixedin the first steps.

So, the red lines show you where to paint. I assume you still have the black cloud brush selected. We will beusing it again. Go to the Layers Palette, make sure your "Mask" layer is selected, and add a Layer Mask to

it. Now select this Layer Mask and paint with black where the red lines indicate. We're now covering somemask edges with the bricks explosion.

Remember to use various settings of Master Diameter for the brush. For tiny spaces use a small brush, andfor bigger spots increase the diameter.


17/28

Step 31

Now select the "Mask" layer. Go to the Layers Palette, Alt-click in on the Adjustment Layer icon to addSelective Color.

Step 32

If you did it right, a New Layer window with Use Previous Layer to Create Clipping Mask option shouldappear. Make sure you check that option.


18/28

Step 33

Now we have an adjustment layer that is adjustable anytime you want. You can change your settings bydouble-click on the layer's thumbnail whenever you like. So lets give this mask a nice fitting color. We'reactually going to make the mask colors warmer. First select Yellows from the Colors option and then Cyans,use the setting shown below for both.

Step 34

The mask now has better colors, and as I was looking closer at it, I noticed that we can add a brick reflectionto the glass. Use the Lasso Tool (L) and draw a selection around the area that will be reflected. Switch tothe "Bricks 3" layer, then Copy (Command + C) and Paste (Command + V) this piece. Name it "Reflection"and put it above all the other layers.


19/28

Step 35

Lower its Opacity somewhere around 30%. Go to Edit > Transform > Flip Horizontal, position this reflectionin the goggle. Grab the Eraser Tool (E) with a normal round brush. Set the Flow to 100%, and the Hardnessto about 90%. Erase some edges with a small diameter, to fit it to the goggle glass.

Step 36

Now use the Pen Tool (P) to draw a selection inside the goggle. When you're done making the path, right-click and select Make Selection.


20/28


21/28

Step 39

Rotate your bricks to have more light spots under the "Pieces 1" layer. Go to the Layers Palette, holdCommand + left-click on the "Pieces 1" layer thumbnail. You should see the selection loaded. Now selectthe layer with bricks, name it "Pieces 2," the use Command + Shift + I and hit the Delete key on thekeyboard. We just deleted everything except the shape of pieces from bricks. Select this two layers anddrag them to your project document.


22/28

Step 40

Turn off the "Pieces 2" layer, and lets focus for a while on "Pieces 1." Lets order them in the layers palette.Put both those pieces layers above the "Hole" layer (and place "Pieces 2" above "Pieces 1"). Now go to"Pieces 1" Blending Options, and give it some Inner Shadow, to avoid the flat look.

Step 41

Now turn on the "Pieces 2" layer, set its Blending Mode to Multiply and Copy/Paste it (Command + J). Namethe new layer "Pieces 3."

If you like you can merge those three layers and do some corrections. You can use the Eraser Tool (E) witha normal brush with 100% Hardness and 100% Flow, to erase dark pieces, if you have any.

Ok great! We only need a nice title now. Grab the Type Tool (T) and type "Breakdown" (I used Autumn font).


23/28

Step 42

We're going to use a nice texture to fill this text. Open this file. Go to Image > Adjustment > Desaturate, thenEdit > Define Pattern. Close this document and go back to our project.

In the Layers Palette, select the "Breakdown" layer, right-click the mouse on it, and select Blending Options.

Now use the same options for Pattern Overlay and Gradient Overlay.



24/28

Step 43

Next, we going to need bricks again. Open the document with bricks and drag the bricks image to ourproject. Name it "Breakdown Overlay." Position it on the "Breakdown" layer. Make a few rotations, try to findthe best looking spot (not too dark, also not to bright) and then position it in the place of text.

Hold Command + left-click on the "Breakdown" layer's thumbnail. It should load its selection. Then makesure you have selected the "Breakdown Overlay" layer. Use Command + Shift + I and hit Delete.

Step 44

Now, as you can see, Photoshop cut out everything around the selection, leaving textured text, and that'sexactly what we wanted. Set this "Breakdown Overlay" layer Blending Mode to Overlay. Next, holdCommand + left-click on the "Breakdown Overlay" layer's thumbnail, which loaded the selection.

Make a new layer above all and name it "Stroke." Now grab a Rectangular Marquee Tool (M), right-clickmouse and select "Stroke", apply the same settings as shown below. Deselect the selection with Command+ D.


25/28

Step 45

Lower the Opacity of the "Stroke" layer to 44%. Make a group and call it "Shining lines." Place it below the"Breakdown Overlay" layer. Now we'll be working in this group. Make a new layer inside and name it "Bline." Grab the Brush Tool (B) and set your Foreground Color to white and select the first brush from thepalette, which is 1px with 100% Hardness.

Now use the Pen Tool (P), draw a straight line on the "B" letter from top to bottom. To make it straight holdShift while setting the second anchor point. Right-click and select "Stroke Path," check the SimulatePressure option, and hit OK. Deselect the path.

Step 46

Repeat the previous step for each letter. I suggest you Copy/Paste (Command + J) the "B line" layer eighttimes and place it on each letter's left edge. In "A" and "W" letters case, you will need to rotate (Edit > Free

Transform) this small line to fit the edge.

Note: We won't be doing anything more in this group, so you can close the layers inside the group byclicking this little arrow near the group eye icon. (Remember not to turn off the group though!)


26/28

Step 47

Select the "Breakdown Overlay" layer, hold Command + left-click on the "Breakdown Overlay" layer'sthumbnail to load its selection. Grab the Rectangular Marquee Tool (M), hold Alt, make a selection aroundthe top of the letters (while still holding Alt), and release everything. It should automatically erase theselection from the top of letters. Now, do the bottom the same way. You should have a selection goingthrough the text center, as shown below.

Step 48

Make a new layer above all, name it "Middle lines." Set your Foreground Color to white. Grab the Brush Tool(B), make a big brush. Set the Hardness to 0% and set the Flow to around 30%. Now just paint. You'repainting inside the selection, so you can't touch any other spots with your brush, except for the selectioninside the letters. Make some nice soft brushing on the word "Break" then switch to a black color and do thesame with the rest of the text "Down."


27/28

Step 49

In the end, I wanted to add something like a chapter to this title. Use the Type Tool (T) and type the text witha nice thin font of your choice.

Conclusion

The title text gives the final unique look to this project. In an illustration like this, it's good to decorate textwith embedded textured images. It gives a very nice overall look.

Thanks for reading this tutorial. I really enjoyed making it. I hope you learned some new and usefultechniques. You can view the final image below or view a larger version here.

http://cdn.tutsplus.com/psd/uploads/legacy/208_Break_Down/final%20large.jpghttp://cdn.tutsplus.com/psd/uploads/legacy/208_Break_Down/final%20large.jpg


28/28

http://cdn.tutsplus.com/psd/uploads/legacy/208_Break_Down/final%20large.jpg

create an explosive cover with precise photo manipulation techniques

Documents