3/4/13

Transferir texturas con las opciones de fusión avanzadas de Photoshop

Últimamente me he encontrado con mucha gente que me pregunta cómo hago según qué efectos de texto en mis fotos, en los que se transfiere la textura de las capas inferiores a las letras. La gracia de este efecto es que es sustancialmente distinto (aunque no obvio) a los modos de fusión clásicos (Multiplicar, Pantalla, etc).


El secreto de este tipo de efectos es una opción de fusión especial, que no puede accederse desde el menú principal de los modos de fusión. Para acceder a ello, hay que hacer click con el botón derecho encima de la capa a la que se quiere transferir la textura y seleccionar la opción «Opciones de fusión» («Blending options» en inglés). También puede accederse desde la zona superior de la ventana en de gestión de efectos de capa (Sombra paralela, Trazo, etc): dónde pone «Opciones de fusión: personalizada».

Para este tutorial, vamos a simular una fotografía de un graffiti en una pared de ladrillos, transfiriendo esta textura de la pared a la pintura del texto. En pocas palabras, vamos a hacer esta imagen:

*  *  *

Para ello, empezamos con una imagen de textura de pared, encontrada en una galería online de texturas gratuitas:


Ahora vamos a poner el texto encima. Usaremos una tipografía del tipo caligráfica (en este caso la tipografía «Noteworthy»). Como me encantan los stormtroopers, vamos a poner un texto que podría haber hecho uno de ellos, quejándose del régimen Imperial: «Vader sucks». Para resaltar un poco más la escritura manual, rompemos la línea base del texto usando el atributo «Línea base» del panel «Texto»:

Como todo graffiti que se precie, la tinta suele gotear un poco, con lo que pintamos un poco de goteo con la herramienta «Pincel» (le bajamos un poco la opacidad para que no destaque en exceso).


Bien. Llegados a este punto vamos a enguarrar un poco el texto. La tinta de graffiti no se distribuye tan perfectamente en la pared, así que vamos a pintar un poco con un pincel de textura, con una opacidad bastante baja, pero que hará las delicias del realismo.

Convertimos todas las capas creadas (excepto la de la pared) en un objeto inteligente para poder aplicar efectos a todo el conjunto de forma uniforme seleccionando todas las capas que deseemos convertir y aplicando Capa > Objeto inteligente > Convertir en objeto inteligente. Siempre podemos editar los contenidos de un objeto inteligente (que puede tener capas independientes dentro de si mismo, como si de un archivo de Photoshop independiente se tratase) haciendo doble click encima su icono en el listado de capas.

Aquí podéis ver el contenido del objeto inteligente (nota: he puesto fondo negro para que sea más fácil de ver algo aquí, pero en realidad tiene fondo transparente):



Llegó el momento de la magia. Accedemos al panel de «Opciones de fusión» (haciendo click con el botón derecho encima de la capa del objeto inteligente que acabamos de crear), y se nos abre esto:


Si nos fijamos en la zona inferior, dónde pone «Underlying Layer» tenemos unos tiradores triangulares parecidos a los del panel «Niveles». Esos tiradores son, en realidad, dos tiradores unidos, pero que pueden separarse haciendo click y arrastrando los interiores con la tecla Alt presionada, para conseguir lo que se ve en la imagen anterior, llevando el sub-tirador interior de los negros hacia el valor 120.

Este gráfico lo que hace es lo siguiente: le decimos que superponga la capa actual (el texto) a la capa inferior cuando el valor en escala de grises de la capa inferior esté dentro del intervalo 120-255 (para este caso concreto). Para el resto de valores (de 0 a 120), fusiona la capa actual con la capa inferior (como si de de un modo de fusión Multiplicar se tratase).

Puede hacerse en función del valor en escala de grises (de negro puro (0) a blanco puro (255)), que es el valor por defecto. Pero puede hacerse también por cada uno de los canales de la imagen. En este caso, al tratarse de una imagen RGB, tendríamos la opción de hacerlo de forma independiente para el canal rojo, verde y/o azul, respectivamente, seleccionando dicho canal del desplegable correspondiente.

En el fondo, lo que hace este panel es delimitar los valores de escala de grises sobre los que se quiere afectar la fusión con la capa inferior.

Esto puede hacerse en función de la capa actual (el texto), con el gráfico superior, y con la capa inferior (la pared), con el gráfico inferior. En este caso, como el texto es de color plano, el primer gráfico no tendría efecto.

Es más complicado de explicar que de hacer, por lo que os animo a que hagáis pruebas moviendo los tiradores (con la opción «Previsualizar» activada) para que apreciéis el efecto real de estas opciones.

Al aplicar esta modificación, obtenemos esta imagen:

Podemos apreciar que la textura subyacente de los ladrillos se ha traspasado a la capa de texto, dando la sensación que el texto está literalmente encima de la pared.

Este efecto no puede conseguirse de otra forma que no sea de este modo, ya que los modos de fusión no devuelven nada parecido.



Finalmente, y para que destaque un poco más el texto, creamos una capa nueva, ubicada encima del objeto inteligente del texto y pintamos, con un pincel muy suave, en blanco, encima, para destacar ciertas zonas.


No, no hemos fastidiado la imagen. Ponemos el cursor, en el panel Capas, justo en medio de las dos capas (esta nueva capa que hemos creado y el objeto inteligente) y presionamos la tecla Alt. Vemos que el cursor cambia de la típica flecha a una especie de círculos semi-superpuestos con una flechita. Hacemos click y veremos que la capa superior se desplaza un poco hacia la derecha, añadiendo una flecha con ángulo hacia la capa inferior.


Esto que acabamos de hacer, que por cierto ha hecho que el borrón que habíamos hecho antes haya desaparecido, lo que hace es lo siguiente: coges el contenido de la capa filtrada (la superior) y le aplicas una especie de máscara con respecto de los píxeles no-transparentes de la capa filtrante (la inferior). Así, tenemos el equivalente a una máscara de capa en la capa superior, pero con la ventaja que si modificas la capa inferior, las zonas visibles de la capa superior se van adaptando dinámicamente. Este efecto tiene en cuenta la opacidad los píxeles de la capa filtrante, con lo que pueden conseguirse efectos muy interesantes.

En fin, ahora ya tenemos nuestro graffiti perfectamente mimetizado con la pared de fondo, que es lo que queríamos mostrar en este tutorial. Espero que os haya sido útil.