Welcome to WebmasterWorld Guest from 54.196.232.162

Forum Moderators: not2easy

Message Too Old, No Replies

Single US/UK Flag with diagonal alpha in Photoshop?

     
8:49 pm on Mar 14, 2008 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 26, 2004
posts: 3145
votes: 12


I'd like to make a flag that is half US (top left corner) and half UK (bottom right) with a blended fade between them from the bottom left corner to the top right. I have no clue how to do this though I have a relatively good amount of experience in Photoshop.

- John

9:56 pm on Mar 14, 2008 (gmt 0)

Preferred Member

10+ Year Member

joined:Aug 17, 2005
posts:432
votes: 0


Make two layers
Put the us flag on the top layer and the uk flag on the bottom layer.
Select the top layer (us flag)
Now use the polygon lasso tool and draw the diagonal, make this diagonal longer than the diagonal of the flag and go around the right side of the flag. Leaving enough room for the feather you will apply next.

On the menu bar click select and refine edge (thats if you have CS3) use the controls to feather/grow shrink the select.
If you dont have cs3 I think feather/grow shrink are on the menu.

Now click delete on your keyboard.
clean up, if need with the eraser tool

something like that ;)

2:08 am on Mar 15, 2008 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 26, 2004
posts: 3145
votes: 12


Thanks, that helped a tremendously. The polygonal lasso and select->refine edge were key to achieving the effect I wanted. :)

- John

2:22 am on Mar 15, 2008 (gmt 0)

Senior Member from MY 

WebmasterWorld Senior Member vincevincevince is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Apr 1, 2003
posts:4847
votes: 0


Just be careful; you'll be infringing the US Flag Code by putting another flag on top of part of the US one!
2:42 am on Mar 15, 2008 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 26, 2004
posts: 3145
votes: 12


Infringing the US flag? It's a symbol to help identify a site as using the English by default.

- John

5:30 pm on Mar 17, 2008 (gmt 0)

Moderator from US 

WebmasterWorld Administrator travelin_cat is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 28, 2004
posts:3115
votes: 2


OMG, now we have to worry about the flag police.
4:49 pm on Mar 18, 2008 (gmt 0)

New User

5+ Year Member

joined:Feb 25, 2007
posts:33
votes: 0


Hm.. How about the copyright on the flag :D
5:01 pm on Mar 19, 2008 (gmt 0)

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
posts:7999
votes: 0


Well, I would have done this differently. :-) The selection tools limit the amount of feather you can use, if you need something wider or more gradual this approach works well.

Many don't realize a channel can be used to save selections. So, with the two layers in place, create a new channel. Go into that channel and create a gradient on the diagonal, it will be only in black and white grayscale.

Now go back into RGB and select Select->Load Selection from the main menu. In this dialog box, select the channel you just created (Alpha 1 if you didn't rename it.) This will load the channel's gradient as a selection. Now press delete. :-)

Don't forget to delete the channel before trying to save or you'll only get .psd or .png as the formats.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members