adammc

Hi folks,

I was hoping anyone could enlightne me as to how to achive the effect shown in these examples below.

Section of image in header of template, lime green area
http://www.templatehelp.com/aff/preview.php?aff=Hypergurl_Templates&skin=24&locale =en&currency=0&pr=yes&src=yes&nt=yes&help=yes&samp le=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide _flash=0&search=&PHPSESSID=054158a5c4308487f62464a 6401fbc3f&referer=http%3A%2F%2Fwww.hypergurl.com%2 Fwebtemplatestore.html&i=10523

How do they make those ragged edges?

Another example here:
http://www.templatehelp.com/aff/preview.php?aff=hulk&skin=21&locale=en&currency=0& pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes& nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search =&PHPSESSID=054158a5c4308487f62464a6401fbc3f&refer er=http%3A%2F%2Fwww.steves-templates.com%2Ffashion-templates.html&i=8817

Any help would be greatly appreciated.

Evil Nemesis

1. Draw a box , then quick mask.

That's it.

TaoBoogie

Hello adammc and welcome to PSG
I presume you are talking about the graphic in the Flash Header, (looks again) yeah you must be.
Looks to me to be a composite photograph with added text and as Evil Nemesis pointed out a mask.
All of these thing are very do-able in Photoshop. The edges of the mask have been roughed up with a custom brush by the looks of it. All of these graphics have then been exported to Flash for the animation.
Hope that helps, if you are trying a version of the graphic yourself, post the results up here if you are looking for further help.

ronmatt

http://img19.imageshack.us/img19/8479/banner0ez.jpg
http://img19.imageshack.us/img19/5915/ex28yx.jpg
This was done in Illustrator. very simular to the effect you're looking for (the red banner) using Illustrator brushes applied to a rectangle then a graphic style applied to that. Copy from Illust. into Photoshop. Place the photo where you want it, over the banner press ctrl + G to mask the photo. It'll take the shape of the banner's ragged edge. There are many brushes on Illustrator that'll give that ragged edge look. If you don't like the 'graphic styles, make the border and fill, black and do something in PS to your liking. If you don't have Illustrator.......some other, less expensive vector apps? can do the same thing. Xara Extreme for example. You can demo them both.

SCync

This is more along the lines of what TaoBoogie was describing. Scanned in some torn paper to get the edges for the mask.
http://img49.imageshack.us/img49/8167/bubble0036ob.jpg