What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Make a cool effect on a flag


IamSam

Administrator
Staff member
Administrator
Messages
22,772
Likes
13,270
I had started a tutorial on this effect, but quickly learned that it was going to take a lot more effort on my part in order to explain how to do this correctly.

There are many steps. This effect requires several prep stages. I will have to work on a staged tutorial.

My end result. A bit different but fairly close.
Screen Shot 2015-10-27 at 12.24.07 PM.png

Maybe someone else will take a run at it before I finish my tut.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,772
Likes
13,270
I started with this flag: http://cliparts.co/cliparts/8TE/64g/8TE64grdc.png

Which I converted to this. (this image has a black BG on a separate layer)
Screen Shot 2015-10-27 at 10.46.30 AM.png

In order to save time on a lot of steps, here is the PNG of the flag.
(it's white with a transparent BG, you may not see it)
HockeyFlag_02.png

Add a layer mask to the flag.
Select the layer mask by clicking on it.
Use your Rectangular Marquis Tool to selection around the 3rd stripe from the right.
Screen Shot 2015-10-27 at 10.49.25 AM.png

Fill the selection with black.
Screen Shot 2015-10-27 at 10.49.46 AM.png

Screen Shot 2015-10-27 at 2.59.10 PM.png

This is an important step!
Make sure you have the White Flag layer highlighted.
Use Cmd/Cntrl + J to copy the layer.
Turn off the original layer. (this will be preserved)
On the copied layer, right click the layer mask and and choose 'Apply layer mask'.

Screen Shot 2015-10-27 at 3.00.34 PM.png
 

IamSam

Administrator
Staff member
Administrator
Messages
22,772
Likes
13,270

IamSam

Administrator
Staff member
Administrator
Messages
22,772
Likes
13,270
Next, find yourself some cracked texture.
I used this Stone Texture: http://bgfons.com/upload/stone_texture584.jpg

Open the texture (copy and paste) in your Flag document. It does not matter where you place it in the layer stack as it will be turned off soon.

For now, turn off all layers except the texture layer.
Go to your Channels Panel.
Screen Shot 2015-10-27 at 2.34.43 PM.png

Screen Shot 2015-10-27 at 2.34.51 PM.png

Choose a color channel that has the best contrast, for my image it was the Red channel.
Click the 'Load Channel as Selection' button located ant the bottom left side of the Channels Panel.
This will make a selection of the red channel.
Screen Shot 2015-10-27 at 2.35.05 PM copy.png

Screen Shot 2015-10-27 at 2.35.29 PM.png

Click once on the RGB layer and the Go back to your layers panel.

Turn off the texture layer.
Tun on the Black BG layer.
Tun on and select the White Flag layer.
Make sure Black is your foreground color.
Now hit the 'Add Layer Mask' icon located at the bottom of the layers panel.

You should now have this….
Screen Shot 2015-10-27 at 2.51.34 PM.png

And your layers panel should look like this.
Screen Shot 2015-10-27 at 2.51.27 PM.png

Repeat all of the steps above for the Hockey Stick layer.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,772
Likes
13,270
Your image should now look like this.
Screen Shot 2015-10-27 at 3.25.30 PM.png

Screen Shot 2015-10-27 at 3.25.40 PM.png

All that's left is to add the grunge brush work.

Highlight the White Flag layer, click on it's layer mask.
Select your Brush Tool and an appropriate grunge brush.
Set your foreground color to black.

Using the Brush Tool, add in any grunge work you would like to your flag.
Screen Shot 2015-10-27 at 3.28.09 PM.png

Lower the opacity of the White Flag layer t0 60% or less.

This is the final layers panel
Screen Shot 2015-10-27 at 3.30.16 PM.png

Screen Shot 2015-10-27 at 3.34.24 PM.png

Please note that I did not use the wavy fabric background.
 

Top