Creación de un efecto de explosión para incrustar una imagen en otra

Estoy tratando de crear un logotipo que incorpore el trabajo de otros dos proyectos de los que tenemos imágenes.

Básicamente, tomamos la imagen del proyecto más antiguo y queremos crear un efecto de explosión en el centro con distorsiones que imitan la hinchazón y el estallido para revelar la imagen del segundo proyecto en el interior . Usaremos algo con el efecto de una navaja o un láser para provocar el estallido.

El efecto debería verse como una ruptura con un borde desgarrado, como, por ejemplo, un agujero de bala:

ingrese la descripción de la imagen aquí

Para revelar el logotipo del segundo proyecto en el medio como un superhombre que revela el símbolo S debajo:

ingrese la descripción de la imagen aquí

Entonces lucirá como si el logo del segundo proyecto saliera del pecho del logo del primer proyecto (ya que se derivó de él) y habrá una especie de efecto láser o sable de luz que causó la ruptura aludiendo al proyecto actual como el revelador

¿Cómo puedo manipular la primera imagen para que aparezca el nuevo logotipo dentro de ella?


ACTUALIZACIÓN: 1/11/13

Encontré una imagen que ejemplifica mejor el efecto que busco. Resultó ser un tatuaje, irónicamente, que demuestra el tipo de efecto de explosión/borde rasgado que quiero mostrar. Tal vez esto ayude a proporcionar alguna sugerencia más específica sobre cómo lograr mi objetivo.

ingrese la descripción de la imagen aquí

Como la pregunta se editó más tarde, limpié los comentarios e hice algunas modificaciones menores para que encajara mejor. Ahora se trata más de la ejecución que de la idea (¡aunque se aceptan ideas sobre cómo lograr esto!).

Respuestas (1)

En pocas palabras: su "cosa que explota" ("explosión") es una capa debajo de la "cosa que se rompe" ("rota").

Si imagina la "s" de superman como una foto simple y el resto como una pintura sobre vidrio con el área del pecho sin pintar, entonces cuando el vidrio se coloca sobre la foto, tiene una imagen compuesta con la "s" atravesando.

El elemento roto tiene un área definida por una máscara ("máscara de capa"/"máscara alfa"/"canal alfa"). El burster es una imagen normal.

Cuando la máscara alfa está habilitada o es compatible con el software de representación (GIMP/Photoshop/cliente de navegador web), la capa inferior se mostrará en las áreas donde se define la máscara.

Un canal alfa es una imagen en escala de grises de 128 o 256 bits almacenada junto con los canales RGB de la imagen. Para un navegador, PNG admite alfa y disfruta de un soporte bastante decente entre los navegadores (pero no un soporte completo). Los navegadores pueden componer las dos imágenes sobre la marcha usando CSS, etc., pero eso está más allá del alcance de este intercambio de pila.

En una imagen renderizada previamente (GIMP/PS), puede usar máscaras de capa para obtener todo el aspecto que desee y exportar a PNG de forma que incruste un canal alfa del aspecto final.

La ventaja de la composición de 2 imágenes sobre la marcha por parte del cliente del navegador es que puede intercambiar cualquier imagen a voluntad.


En su imagen de papel rasgado, su máscara alfa sería la región completamente negra. Con GIMP o PS, coloque esa imagen en una capa, seleccione el negro, agregue una máscara de capa según la selección. Coloque una capa roja debajo y habilite la máscara de capa (si es necesario).

Si estuviera haciendo el elemento de superman específicamente usando PS, la corbata sería parte de la capa superior, la S no tendría sombra y la sombra sería una capa intermedia configurada para "multiplicar". De esta manera, podría cambiar la S y la sombra permanecería.

Gracias, esto fue útil para darme un lugar para comenzar a ensamblar esto. Te lo agradezco. Si logro crear esto con éxito, lo publicaré aquí para que pueda ver cómo quedó. Todo lo demás falla, podría publicar una solicitud en nuestro foro para que alguien cree un logotipo para nosotros y lo contribuya al proyecto. Quién sabe, su visión podría ser mejor o podríamos conformarnos con un logotipo simple y sin ser creativos con él.
¿Tiene alguna sugerencia con la imagen recién actualizada para demostrar lo que estoy buscando? Un PSD que funcione o un enlace tutorial sería muy apreciado.
Cualquier tutorial que involucre máscaras y máscaras alfa funcionará. El proceso implica una imagen superior y algo debajo. Para reproducir la foto, agregaría una tercera capa. es iterativo.
¿Tendrías un enlace a una buena guía paso a paso en Internet o la tuya por casualidad? Soy bastante bueno con Photoshop pero no tan avanzado como me gustaría ser.