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

  • 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, 2013 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.

  • 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. Sep 3, 2013 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. Nov 1, 2013 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, 2013 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. Nov 6, 2013 at 5:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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