Find out the real might of Photoshop filters and the techniques used to create abstract images. This section contains the most unexpected graphic results.  Home Photoshop Special Effects Amazing X-Ray Vision, Meets Walkman: Icon of the 80's Poster Design Tutorial

Amazing X-Ray Vision, Meets Walkman: Icon of the 80's Poster Design Tutorial

Browse Pages: << < 1  2 

Step 20

Group this left side of the tape area and label it something applicable, this makes it easier to toggle the visibility on and off without forgetting which layers we are using. Now we'll do what we did earlier, open up this image of the 'VHS circuit' in a new document, make a cut-out similar to the image referenced below. Use the marquee tool and Ctlr + J to copy it into a new layer. Then deselect it and drag it (while holding down shift) into the X-Ray document.

image 24

Step 21

Once in the X-Ray document, add a curves adjustment layer with Output 43 and Input 59.

image 25

Step 22

Position the circuit similar to how we did it in step 17, using the image below as a reference. Use the Free Transform Tool (Ctrl+ T) and distort it (right click) into position. Also resize the image, but remember if you make it smaller than you'd like and you have to enlarge it later you'll lose quality.

image 26

Step 23

Now Ctrl + click the right tape outlines and add a layer mask. Duplicate the layer and set both the layers to multiply.

image 27

Step 24

Place this image of a tape into the document right below the strokes for the outlines, but above the circuits. Resize and position it using free transform and distort. Make the edges line up, for the tape and tape area. Lower the opacity so you can see clearly where to put it.

image 28

Step 25

Now cut out the outside of the tape using the pen tool, aim to be accurate however we'll refine the edge later on. Double click the path to save it, and then Ctrl click it to bring up the selection.

image 29

Step 26

With the selection active add a layer mask. Click Select->Refine Edge, at the bottom you can scroll through how you want the preview to be. Use the values shown here, however if you need to remove more increase the feather value. Then press Ctrl + Shift + I to inverse the selection and erase away the extra.

image 30

image 31

Step 27

With the layer mask selected, Ctlr + click the tape outline strokes (or paths). Fill this selection with black to reveal the layer below. Then deselect using Ctrl + D and you should have the following result.

image 32

Step 28

Again, to create a pseudo X-Ray effect we'll duplicate this tape layer & put the original blend mode on Colour Dodge and the copy on Lighten. Then reduce the copied layer's Opacity down to around 24%.

image 33

Step 29

Bring in this image of a woman cleaning into a new document. First off we'll extract her out using the pen tool. It shouldn't matter too much if you make mistakes as we'll be reducing the size quite a bit. Now, use the Lasso Tool (holding alt) to isolate the end of the mop. With the end selected change the colour from blue to white. Then click Image->Adjustments->Hue/Saturation and input the values shown below.

image 34

image 35

Step 30

Next bring the mop figure into our working document. Put it into a group and place it above all the other layers. Add a layer above the mop woman and clip it to this layer. This will be the shading that blends the figure in. Use a linear gradient set from black to transparent and draw a gradient from the top left hand corner of the figure to the lower right hand corner then lower this layer's Opacity to around 35%.

image 36

Step 31

On the figure layer add a Satin Layer style and use the settings below. Also change the Contour to Half Round. This makes the areas in the light glow and the areas in the shadow darker. This adds to the realism of the figure. If the effect is overbearing, lower the style's opacity.

image 37

image 38

image 39

Step 32

Open up this image of a man standing near a fence. Extract him out using the pen tool. As you can see the fence overlaps his legs, so isolate this area and add a light grey/blue fill in a new layer. Use the eye dropper to sample from the trouser area. Change the blend mode to until the colour merges into the trousers and the fence disappears. Then merge the layers with Ctrl + E. Use the Refine Edge Tool to soften the edges, try to get as much light away from the edges as you can. Place the figure into the X-Ray document, resize it and position it so that he is looking at the controls. Then add a Satin Layer Style so the lighting fits in with the overall scene. Put in these values and set the Contour to Half Round again.

image 40

Step 33

Now we'll create the shadow for the figure. Create a new layer below the figures layer; you can Ctrl + click the new layer icon to do this. Make a selection of the figure by Ctrl + clicking it and fill the selection with black. Lower this layer's Opacity to 31%.

image 41

Step 34

Add a Layer Mask to the shadow layer, choose a linear gradient that goes from black to white and drag it across the shadow. It should be faded, try to copy the shadow on the walkman as closely as you can.

image 42

Step 35

Right click the Layer and choose Apply Layer Mask. This merges the Layer Mask with the shadow layer itself. Then right click again and choose convert to smart object. Now go to Filter->Blur->Gaussian Blur and enter 1.6. The great thing about converting the layer to a smart object is now the filter's are smart, so we can go back and edit them very easily. To do so, you can double click on the filter below the layer.

image 43

image 44

image 45

Step 36

Next download this image of a man cleaning a bus . Then it's more of the same, extract him with the pen tool, refine the edge and place him into the X-Ray document. Resize him so he is in proportion with the other 2 figures. Now add a Satin Layer Style with the following settings.

image 46

Step 37

Now, repeat steps 33 - 35 to add a shadow to this figure.

image 47

Step 38

Carefully cut out the walkman using the pen tool. Inverse the selection and copy this to a new layer. Now we have the background table on a new layer. Desaturate this layer (Ctrl + shift + U) and change the blend mode to Multiply. Lower the opacity to 38%. Make sure this layer is beneath all of the small people and circuit layers. Now add a Gradient Fill Adjustment Layer on top of all the layers. Begin with #006e2e and end with #006e05. Ctrl + click the 5 outlines we drew earlier, inverse the selection and fill those selections with black so that the green only covers the cut out areas. Change the blend mode to Hue and drop the Opacity to 70%.

image 48

Step 39

Add an Exposure Adjustment Layer with the following settings. This is just to reduce the glare and shine in the image.

image 49

Step 40

Add an Adjustment Photo Filter (cooling filter LBB) lower the Opacity to 33%. Then crop the image so that the large dark bar at the top is removed. Also cut away the right side so the image so it's more proportional. Here is my final result.

Amazing XRay Vision, Meets Walkman: Icon of the 80s Poster Design Tutorial



Author's URL: My Ink Blog
Browse Pages: << < 1  2 
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Find out the real might of Photoshop filters and the techniques used to create abstract images. This section contains the most unexpected graphic results. More Special Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments danny August 01, 2010 says:
fail xD
Reply
Add comments to "Amazing X-Ray Vision, Meets Walkman: Icon of the 80's Poster Design Tutorial"

Captcha