Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I am trying to create a logo that incorporates the work of two other projects we have images from.

Basically, we take the image from the oldest project and want to create a blow out effect in the center with distortions that mimic the swelling and bursting to reveal the image of the second project inside. We'll be using something to the effect of a razor or laser to cause the bursting.

The effect should look like a rupture looking torn edge, like say, a bullet hole:

enter image description here

To reveal the logo of the second project in the middle like a superman revealing the S symbol underneath:

enter image description here

So it will look like the logo of the second project burst through the chest of the first project logo (since it was derived from it) and there will be sort of a laser or light saber effect that caused the rupture alluding to the current project as the revealer.

How can I manipulate the first image to make the new logo appear inside it?


UPDATE: 11/1/13

I came across an image that better exemplifies the effect I am going for. It turned out to be a tattoo ironically that demonstrates the type of blowout/ripped edge effect that I want to show something coming through it. Maybe this will help provide some more specific suggestion on how to achieve my goal.

enter image description here

share|improve this question
    
As the question was later edited, I cleaned the comments and did some minor editing to make it a better fit. It's now more about the execution, rather than the idea (although ideas on how to achieve this are accepted!). –  Yisela Sep 4 '13 at 1:18

1 Answer 1

Simply put: your "thing bursting out" ("burster") is a layer below the "Thing being busted" ("busted").

If you imagine the superman "s" as a plain photo and the rest as a painting on glass with the chest area left unpainted, then when the glass is placed over the photo, you have a composite image with the "s" bursting through.

The busted item has an area within it defined by a mask ("layer mask"/"alpha mask"/"alpha channel"). The burster is a normal image.

When the alpha mask is enabled/supported by the rendering software (GIMP/Photoshop/web browser client), the under layer will show in the the area(s) where the mask is defined.

An alpha channel is either a 128-bit or 256-bit greyscale image stored alongside the RGB channels in the image. For a browser, PNG supports alpha and enjoys pretty decent support among browsers (but not complete support). Browsers can composite the two images on the fly using CSS etc, but that is beyond the scope of this stackexchange.

In a pre-rendered image (GIMP/PS), you can use layer masks to get it all the way you want and export to PNG in a way that embeds an alpha channel of the final look.

The advantage of the 2-image-on-the-fly compositing by the browser client is that you can swap out either image at will.


In you torn paper image, your alpha mask would be the fully black region. With GIMP or PS, place that image on a layer, select the black, add layer mask based upon selection. Place a red layer under it and enable the layer mask (if needed).

If I were doing the superman item specifically using PS, the tie would be part of the top layer, the S would have no shadow, and the shadow would be a middle layer set to "multiply". This way, I could swap the S out and the shadow would remain.

share|improve this answer
    
Thank you, this was helpful in giving me a place to start assembling this. I appreciate it. If I successfully manage to create this, I will post it back here so you can see what it came out like. All else fails, I might just post a request in our forum for someone to create a logo for us and contribute it to the project. Who knows their vision might be better or we might just settle for a simple logo and without getting creative with it. –  GµårÐïåñ Sep 3 '13 at 23:50
    
Do you have any suggestions with the newly updated image to demonstrate what I am looking for. A working PSD or tutorial link would be appreciated greatly. –  GµårÐïåñ Nov 1 '13 at 22:34
    
Any tutorial involving masks and alpha masking will work. The process involves a top image and something underneath it. To reproduce the photo, you would add a third layer. It is iterative. –  horatio Nov 5 '13 at 19:04
    
Would you have a link to a good step-by-step guide on the internet or your own by any chance? I am pretty good with Photoshop but not as advanced as I would like to be. –  GµårÐïåñ Nov 6 '13 at 5:19

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.