Down in the dumps about wasting your time on tutorials that provide mediocre results? Well, if so it’s time to trash the rest and get “WASTED”.
In this tutorial I’ll show you how to take a trashy picture (of garbage) with Photoshop and turn it into a piece of thought provoking artwork by incorporating some 3D text created in Adobe Illustrator. You think your desktop is cluttered now, just wait till you finish this tutorial and load the final image as your wallpaper. Have fun getting trashed…I mean “WASTED”!
Before we get started you’ll need to gather some materials below:
Step 1
Open the image “dump.jpg” in Photoshop. The image will be set as the Background
Step 2
Now open the WASTE 3D text in Photoshop which was created in Adobe Illustrator. If you’d like to create your own 3D text you can use the same process used in Step 4 of the Explosive 3D Tech Text Tutorial.
Drag each letter of group of letters onto their own individual layer and give each the appropriate name for the letters which the layer contains.
Position the text as seen below in the example.
Step 3
Turn the visibility of the text layers off. With the Polygonal Lasso Tool select the “Background” layer and draw a selection on the brick wall.
Press Ctrl+J to copy the selection to a new layer and name it “brick texture”.
Step 4
With the “brick texture” layer selected press Ctrl+J to copy the layer. Turn the visibility off for the “brick texture” layer should you need it later and move the “brick texture copy” layer above the “WAS” layer. Change the Blend Mode of the “brick texture copy” layer to Multiply and turn the visibility for the “WAS” layer on.
With the “brick texture copy” layer still selected, press Ctrl+T to select the Transform Tool. Rotate and scale the brick texture so that it covers all of the text.
Step 5
Select the “WAS” layer and with the Magic Wand Tool hold “Shift” and select the face of all three letters to create a selection.
Select the “brick texture copy” layer and press Ctrl+J to copy the selection to a new layer. Name the new layer “WAS face”.
We now need to repeat the process two more times. Once for the side of the text and once for the top. Name the two new layers “WAS side” and “WAS top”.
Step 6
Create a new layer above the “WAS” layer and name it “WAS overlay”. Ctrl+click on the “WAS” layer to create a selection and then fill it with black. Change the Blend Mode to Overlay and reduce the Opacity to 25%.
Step 7
Select the “WAS face” layer and press Ctrl+J to copy the layer. Change the Blend Mode on the new layer to Overlay and reduce the Opacity to 65%.
With the “WAS face copy” layer still selected apply a mask. With the mask selected Ctrl+click on the “WAS face” to create a selection. With a foreground color of black select the Gradient Tool and draw a gradient mask from the top of the letters to the bottom.
Step 8
Select the “WAS top” layer and press Ctrl+J to copy the layer. Change the Blend Mode on the new layer to Screen and reduce the Opacity to 75%.
Create a folder above all the “WAS” layers and name it “WAS”. Place all the “WAS” layers inside the folder.
Step 9
Repeat Steps 4-8 for both the “T” and “E” layers. When you get to creating the “E side” and “E top” layers, please select the areas indicated below for each.
When your finished you should have something which looks similar to the picture below.
Step 10
Select the “E” folder and press Ctrl+T to use the Transform Tool. Rotate the “E” slightly clockwise.
Step 11
We now need to create a mask for all three folders. Reduce the Opacity for the “WAS”, “T” and “E” folders to about 60%.
Select the Pen Tool and draw a path around any objects that you want to bring in front of the text to give the illusion that it’s really sitting amongst the trash.
Right click on the path and choose Make Selection. Press Ctrl+Shift+I to invert the selection, select the “WAS” folder and apply a mask.
While holding “Alt”, click and drag the mask to the other two layers. Increase the Opacity of the folders back to 100%.
Step 12
Select the “Background” layer and press Ctrl+J to copy it to a new layer. Change the Blend Mode on the new layer to Multiply.
Step 13
Open the “WAS” folder, create a new layer below the “WAS” layer and name it “WAS shadow”. Ctrl+click on the “WAS” layer to create a selection and fill it with black.
Press Ctrl+D to remove the selection and apply a Gaussian blur with a Radius of 65 pixels by going to: Filter>Blur>Gaussian Blur.
Step 14
Create a new layer above the “WAS face copy” and name it “WAS gradient”. Ctrl+click on the “WAS face” layer to create a selection.
With a foreground color of black select the Gradient Tool and draw a gradient from the bottom of the letters to the top. Change the Blend Mode to Overlay and reduce the Opacity to 60%.
Step 15
Repeat Steps 13-14 for both the “T” and “E” folders.
Step 16
Open the “WAS” folder, create a new layer above the “WAS side” layer and name it “WAS side shadow”. Select the Brush Tool with a soft brush, a foreground color of black, Opacity set to 50% and Flow set to 10%.
Ctrl+click on the “WAS side” to create a selection. Paint from the back of the text closest to the wall forward towards the face of the text. Also spot paint in the areas circled in the example below.
After painting with the black switch the foreground color to #261308 and paint with the same brush half way between the wall and the face of the text.
Switch the foreground color again to #7c4627 and spot paint closer to the face of the text.
Step 17
Create a new layer above the “WAS gradient” layer and name it “WAS face grime”. Select the Brush Tool with the same settings as we used in Step 16. Ctrl+click on the “WAS face” layer to create a selection and starting with black begin painting the bottom of the text.
After painting with black switch the foreground color to #261308 and paint with the same brush half way between the bottom and the top of the text.
Switch the foreground color again to #7c4627 and spot paint closer to the top of the text.
Step 18
Create a new layer above the “WAS top copy” layer and name it “WAS top grime”. Ctrl+click on the “WAS top” layer to create a selection and with the same brush we used in Step 16-17 paint with black towards the wall.
After painting with black switch the foreground color to #261308 and paint with the same brush half way between the wall and the face of the text.
Switch the foreground color again to #7c4627 and spot paint closer to the face of the text.
Reduce the Fill of the layer to about 85%.
Step 19
Repeat Steps 16-19 for the “T” and “E” folders.
*Change the Blend Mode on the “E face grime” layer to screen.
Step 20
Create a new layer above the “Background copy” layer and name it “text shadow”. Select the Brush Tool, with a foreground color of black, the Opacity set to 50% and the Flow set to 33%. Spot paint in the areas indicated below.
Step 21
Select the “Background copy” layer and press Ctrl+J to copy it. Apply a mask to the new layer. With a foreground color of black, select the Gradient Tool and draw a radial gradient outward from the text.
Now apply a Gaussian blur with an 8 pixel radius to the layer by going to: Filter>Blur>Gaussian Blur.
Step 22
Hold “Alt” and drag the layer mask from the “Background copy 2” layer to the “Background copy” layer to copy the mask. With the mask for the “Background copy” layer selected press Ctrl+I to invert the selection.
Step 23
Create a final layer above the “E” folder and name it “reverse radial gradient”. With a foreground color of black, select the Gradient Tool and draw a reverse radial gradient from the center of the text out to the left edge of the photo.
Step 24
Congratulations on finishing another tutorial. Now save it and trash your desktop with your new piece of thought provoking art.
Download PSD
Related posts:
KapDesignStudio is a blog dedicated to inspiring creativity in the areas of graphic design, web design and development. Check out the collection of wonderful tutorials, inspirational articles and free wallpapers for your desktop or phone.
A very interesting tutorial. nice work