Antes de seguir avanzando en aspectos técnicos de las letras para la alabanza y otros elementos del multimedia, es importante que expliquemos algo sobre un concepto de imagen que nos puede ayudar mucho y resolver muchas necesidades gráficas. Nos referimos a la opción de transparencia (u opacidad). Esta opción tiene que ver en algunos casos con el formato de imagen del archivo.

Para muchos usuarios, los formatos JPG, PNG, TIF, RAW, PSD, EPS no son otra cosa que las tres últimas letras que aparecen en los nombres de los archivos de fotografías o imágenes. Pero es importante que sepamos la diferencia entre unos y otros formatos. Ahora no vamos a tratarlos todos, sino que nos centraremos en los que más nos pueden servir en el día a día, que serán JPG, PNG y PSD. En este artículo daremos por sabidos los conocimientos en cuanto al manejo de programas como Photoshop y similares, aunque sea a un nivel básico.

Para decirlo de forma sencilla, todas las imágenes son un rectángulo lleno de puntos de colores a los que llamamos píxeles. Aunque parezca obvio, según este concepto, un píxel de color blanco no es lo mismo que transparente. ¿Y por qué esto es importante? Por muchísimas cosas, pero veamos una de las más importantes. Digamos que disponemos del logotipo de la iglesia, o de un símbolo como pude ser una flecha o algo similar.

En la imagen podemos ver la diferencia entre un fondo blanco (logotipo de la izquierda) y un fondo transparente (logotipo de la derecha).

Para comenzar, diremos que, si necesitamos un fondo transparente, no podremos usar el formato JPG. Sí que podremos hacerlo con PNG y con PSD.

Después, debemos indicar que, si la imagen no es ya de por sí un PNG o un PSD con fondo transparente, usar estos formatos no transformará el blanco en transparente por arte de magia. Hay programas que permiten aislar el fondo blanco, contorneando las áreas no blancas, o aplicar canales alfa, pero no son todos. Para poder eliminar el fondo blanco de una imagen, lo ideal es usar programas como Photoshop o similares. Como decíamos al inicio, no explicaremos aquí cómo hacer ese tipo de operación. Nuestro objetivo en este artículo es explicar la ventaja de usar un archivo PNG o PSD frente al habitual JPG cuando buscamos un efecto de transparencia. Y también cómo usar algunos efectos especiales con esas mismas transparencias.

Algunos de los efectos que vamos a ver también se pueden crear usando las opciones de opacidad que la mayoría de los programas ofrecen. Las mencionaremos cuando sea el caso. Veamos, entonces, algunas utilidades prácticas de la transparencia para el multimedia:

Resaltar el texto (u otros elementos) sobre el fondo

Cuando el fondo es una imagen, podemos encontrarnos con que esta tenga zonas más claras y más oscuras. De esa forma, si el texto tiene color negro, se ve bien sobre las zonas más claras pero no se lee en las zonas más oscuras. Si el texto es blanco sucede lo mismo pero a la inversa.

En el ejemplo anterior, podemos observar este problema. La letra negra se pierde cuando los elementos del fondo son más oscuros, y la letra blanca se confunde con los fondos más claros.

Hay varias opciones para resolver este problema. Hoy abordaremos algunas bastante sencillas:

Usar un halo de color inverso. Casi todos los programas permiten aplicar un efecto de sombra para los textos. Pero ese efecto no siempre queda bonito visualmente y, además, al desplazarse hacia un lado, no resuelve del todo el problema. Los programas que permiten aplicar parámetros a la sombra nos dejarán hacer algo diferente, que consiste en que la sombra no tenga desplazamiento alguno, sino que se expanda alrededor del texto, como si fuera un halo de color inverso. Si el texto es blanco, la sombra deberá ser de color negro, y viceversa.

En esa imagen podemos ver la diferencia. La sombra, al desplazarse hacia un lado, hace que el lado opuesto no se vea tan claramente. Es decir, no resuelve completamente el problema del contraste con el fondo en todo el contorno de la letra. En el caso del halo, al ser alrededor de toda la letra, no tenemos ese problema. El resultado sobre una imagen también es más natural, como podemos observar en el siguiente ejemplo.

La sombra, además de no resolver por completo nuestro problema, es un efecto visible que quizá no sea lo que deseamos. Sin embargo, el halo es mucho más imperceptible y, sin embargo, más efectivo.

Usar una superficie para ampliar el contraste. Esta es una opción muy sencilla. Consiste en colocar un rectángulo entre el texto y el fondo, y aplicarle una opacidad baja. El color del rectángulo debe ser el opuesto al del texto, para aumentar el contraste. Esta opción funciona, pero no siempre queda del todo bien visualmente, ya que el hecho de que el rectángulo sea visible puede no ser lo que deseemos. Por eso, otra opción es crear una superficie sin bordes delimitados, sino degradados hasta la transparencia completa.

En esta imagen podemos ver la diferencia. En la parte superior, hemos insertado una superficie negra, claramente delimitada y con 50% de opacidad. Cumple con su cometido ya que, sin necesidad de aplicar sombras o halos al texto, hace que quede más contrastado con respecto al fondo. En la parte inferior, hemos insertado un elemento negro que se difumina con el fondo por todos los lados usando degradados que van del negro al transparente. A todo ello le hemos aplicado una opacidad del 70%. También permite ver el texto de forma clara y, sin embargo, no genera un elemento como el rectángulo, sino que es más sutil. De hecho, si no estuviéramos explicándolo, probablemente pasaría inadvertido para muchas personas.

Ese elemento difuminado no podría ser un JPG, por lo que hemos explicado anteriormente. Debe tratarse de un PNG, para permitir que el difuminado sea transparente.

Este mismo efecto, aplicado de otra forma, se puede usar para que en la proyección, cuando se realiza sobre una pared, no se vea el recuadro que delimita la imagen, sino que lo que proyectamos se fusione con el fondo. Pero ese y otros efectos los explicaremos en próximos artículos, donde daremos más detalles sobre los difuminados.

(Estas informaciones así como materiales de apoyo y otras herramientas, están disponibles en www.diakonos.es. Para más información, pueden entrar en contacto con [email protected].)