 |
|
Preparation
You will need a beautiful guitarist from Mjranum Stock, Vector Speakers from Thegoldenmane and New York Sinatra from Antoine Mallet.
Click here to download Guitarist.
Click here to download Vector Speakers.
Click here to download New York Sinatra.
All rights of these resources belong to their respective owners.
|
| |
|
|
 |
|
Step 1a – Cropping Figures
Create a document with size 800×600 pixels.
Open up Oh Yeah 3 and crop out the figure using the Filter > Extract tool.
Refer to this post for other methods on extraction.
|
| |
|
|
 |
|
Step 1b – Cropping Figures
Do the same extraction for the other 2 images, Oh Yeah 4 and 5. You can find these other figures in the gallery of Mjranum Stock. Trust me, you gonna love his stock images.
Position the figures as shown in the diagram.
|
| |
|
|
 |
|
Step 2 – Setting Up Background
Create a new layer below the figures and name it as Colorbars.
Using Rectangular Marquee tool, draw several boxes and fill them up with different colors.
The colors used in the example are (starting from the left) #F17D0C, #780606, #000000, #DC0C0C, #EE9D0D, #E58C0C and #F4F424.
|
| |
|
|
 |
|
Step 3a – Create Displacement Map
Create a new document with size 800×600.
Select the Paint Bucket tool, set the style to Pattern and choose a default pattern call Textured Tile.
Apply this pattern by clicking onto the Background layer.
|
| |
|
|
 |
|
Step 3b – Create Displacement Map
Unlock the Background layer by double-clicking on it and rename it to Texture.
Go to Image > Adjustments > Desaturate. Then follow by Image > Adjustments > Levels. Set the values to be 130, 0, 220.
Save this document as Displace.PSD. You may close this document after that.
|
| |
|
|
 |
|
Step 4a – Adding Grunge Effect
Select all the figures and Colorbars layers, go to Edit > Free Transform.
Rotate these images at -15 angle.
|
| |
|
|
 |
|
Step 4b – Adding Grunge Effect
Now select the Colorbars layer and go to Filter > Distort > Displace.
Set both Horizontal and Vertical Scale to 20. Choose Stretch to Fit and Repeat Edge Pixels.
Hit OK and choose to open the Displace.PSD saved at Step 3b.
|
| |
|
|
 |
|
Step 4c – Adding Grunge Effect
Duplicate a layer for each figure, Oh Yeah 3, 4 and 5.
Select the bottom copy of each figure, go to Filter > Distort > Displace.
Set both Horizontal and Vertical Scale to 20. Choose Stretch to Fit and Repeat Edge Pixels.
Hit OK and choose to open the Displace.PSD saved at Step 3b.
|
| |
|
|
 |
|
Step 5 – Adding a Footer
Create a new layer and name it as Footer.
Using the Polygonal Lasso tool, draw a selection similar to the diagram and fill it with #000000.
|
| |
|
|
 |
|
Step 6 – Adding Burst
Create a new layer between the Colorbars and figures and name it as Burst. Using Custom Shape tool and choose Registration Target 2 path. Go to Edit > Free Transform Path and resize the shape as shown on the left.
Go to Paths tab and Ctrl+left click on the path to load selection. Go back to Layers tab, select Burst layer and fill it with #000000. set the Blend Mode to Overlay and opacity to 50%.
|
| |
|
|
 |
|
Step 7 – Adding Speakers
Open up the Speakers_by_Thegoldenmane.AI in Photoshop.
Set the resolution to 300 and leave the rest as default.
Using the Rectangular Marquee tool, select the speakers you need and drag them as layers above the Burst layer. Go to Edit > Free Transform to rotate and resize them as shown in the diagram.
|
| |
|
|
 |
|
Step 8 – Adding New York City
Open up the New York Sinatra AI in Photoshop.
Set the resolution to 300 and leave the rest as default.
Using the Rectangular Marquee tool, select the city and drag it as layer directly below the Footer layer. Go to Edit > Free Transform to rotate and resize it as shown in the diagram.
|
| |
|
|
 |
|
Step 9 – Adding Texts
Type in some information at the footer area.
And you are almost done!.
|
| |
|
|
 |
|
Step 10 – Adjusting the Levels
I did abit more adjustments to the Levels in general by creating a new Levels Adjustment Layer.
The values are set at 38, 1, 223.
Click here to see the final image.
|
| |
|
|
 |
|
Optional
You may add another Hue/Saturation Adjustment Layer and make the design more pinkish.
I set the Hue to -80, Saturation to 0 and Lightness to 0.
Click here to see the final image.
|
| |
|
|
 |
|
Optional
Instead of making it pink, you may wish to turn the whole design into a sephia tone by adding a Hue/Saturation Adjustment Layer.
Check on colorize and set the Hue to 45, Saturation to 30 and Lightness to 0.
Click here to see the final image.
|
I am Johnson Koh, a graphic and web designer in Singapore. Founded 10Steps.SG in August 2008 with the purpose to share my experiments and interesting design news. 
This is great! Gotta do it soon. Thanx for the inspiration. I juat add your link on my web.
Merely want to say your article is as tonishing. The clearness in your post is simply striking and i can assume you are an expert on this subject. Well with your permission allow me to grab your rss feed to keep up to date with future post. Thanks a million and please keep up the strong work
tutor is very nice and you attempt very butifully, but i couldnt fine the all 3 girls images except one. so tell me where can i get all three and try this tutors.
Hi Leila, Registration Target is a preset shape that can be found under your Custom Shape Tool Palette. You may wish to select “Load All” so should be able to find it there
hello there, this is a great tutorial! Is there anyway you can send the registration target to me? it would be GREATLY APPRECIATED, so if you please could, i would be very happy! thanks.
VERY VERY cool site !
thank you very much for SHARING !
Fantastic tutorial, easy to follow and i got a great result
thanks
Nice tutorial
Great Tutorial! Featured here: http://www.presidiacreative.com/47-tutorials-for-creating-professional-posters-and-ads/
Love the effect of colours and the overall look. really great!
Yeah Cool Girl Thanks
Hi Kristian, I am not too sure about Photoshop 7. However, I can send you the Registration Shape to your email so you can load it for use.
Do I use the email address you stated in the comment?
hey GREAT tut.
i have the same problem like wilson. but i found the place you mean. but i can’t seem to find that patch. could be because i have an old photoshop. photoshop 7.0
Thanks Johnson! Honestly speaking, i love all your tutorials here. They are really helpful in my diplomas. And all the best in making more cool Tuts!
All the best !
Hi Wilson, no problem. If you open up the Custom Shape tool presets, you can find this icon
. This is the Registration Target 2 
Hi, nice tutorial there. I encountered a problem.
You said “Using Custom Shape tool and choose Registration Target 2 path”. I don’t get what you mean by “choose a Registration Target 2 path”. Can you explain to me? Sorry for any problems caused.
Thanks everyone for supporting this tut.
Was busy with my wedding coming in 2 weeks time. Finally most preparations are done!
Now am back to action!
Hi! I like this tut. And I have selected it for my showcase of best photoshop tutorials
Added to http://www.psaddict.com
So Clean!!Nice one Johnson. i miss doing tutorial=( keep em coming
Regards
Ronald
Hi Jhony, there will be a prompt when you try to open an AI file with Photoshop. Under the resolution, enter 300 will do.
How to set the resolution to 300?
Great tutorial. I think I woulda read if it was a crappy one though. Just cause that girl is flippin hawt.
yeah, cool looking..:) I like the girl..:D nice tut as always
rock n’ roll !!
Thanks Yami and Jansen
The stocks are great indeed. I have fun working on them.
great girl, great colors, great tut
I love your tutorials ! I haven’t found yet one that i didn’t like lol
This one particularly is amazing ! I loved the -15º rotation, its so stylish =]