Vamos a crear con algunas fotos una nueva imagen fantástica en la cual nuestro protagonista parece emanar una esfera de poder, la cual destruye a varios automóviles en una carretera desolada. Este tutorial comenzó como una adaptación mas, pero al ir desarrollándolo me dí cuenta que con menos pasos y un poco más de dramatismo podría realizar el mismo o un mejor trabajo que el que indicaba el autor del tutorial original. Igualmente no me llevo el crédito del trabajo, y como es de costumbre dejo al pie de este artículo la dirección donde encontrar el documento original. Gracias al sitio Stock Xchng por compartir gran cantidad de recursos con nosotros, los diseñadores.

1- Comenzamos creando una imagen de 800px por 600px. Luego abrimos como capa la foto de la carretera y la adaptamos para que quepa en nuestra imagen.

2- Ahora nos descargamos al protagonista de nuestra foto y procedemos a recortarlo del resto de la foto. Para ello, lo mejor es trazar una ruta (B) en su contorno y luego convertir la ruta a selección. Invertimos la selección (I) y borramos (Supr) lo que sobra de la foto. En el caso de esta foto primero hay que ir a Capa » Transparencia » Añadir canal alfa… antes de realizar el recorte.

3- Ahora podemos autorrecortar la capa (desde el menú Capa) y, para transportarla hacia nuestra imagen, simplemente arrastrar la capa desde el empotrable de capas y dejarla caer en la imagen del trabajo.

4- Escalamos a nuestro personaje, ubicándolo en la posición deseada, y ajustamos los niveles de color con la herramienta Colores » Curvas.

5- Vamos a crear la sombra de nuestro personaje. Para ello, duplicamos la capa del mismo, seleccionamos con la herramienta de selección de color (Mayus + O) la región transparente de la capa, invertimos la selección (I) y la rellenamos con color negro (si lo teníamos seleccionado como color de frente podemos presionar Ctrl + ,).

6- Tomamos la herramienta de perspectiva (Mayus + P) y recostamos la sombra en el pavimento.

7- En esta última capa realizamos Capa » Capa a tamaño de imagen. Vamos a Filtros » Desenfoque » Desenfoque gaussiano y aplicamos el filtro con un valor de 5 tanto horizontal como verticamente. Luego bajamos la opacidad de la capa al 90%.

8- Creamos una nueva capa en el tope. Tomamos la herramienta de rutas (B) y trazamos una de cuatro puntos. Luego trabajamos con los tiradores de los nodos hasta formar un círculo achatado en su base. Con esto vamos a crear el campo de energía. Si tenemos alguna duda sobre la forma de la circunferencia, podemos trazar una selección circular (E) para que nos sirva de guía.

9- Rellenamos esta nueva capa con color blanco (Ctrl + . si está como color de fondo). Aplicamos Filtros » Renderizado » Nubes » Nubes de diferencia, con un valor de X e Y de 8. Vamos al empotrable de rutas, y desplegando el menú contextual sobre la ruta trazada seleccionamos Ruta a selección. Invertimos la selección (I) y recortamos la misma (Supr).

10- Vamos a Filtros » Distorsiones » iWarp. Seleccionamos como modo de deformación ‘Crecer’ con un radio de 120 y una cantidad de 1. Situamos el cursor en el centro de la figura y movemos ligeramente el puntero mientras mantenemos presionado el botón derecho. Esto generará la distorsión. Practiquen bastante hasta que logren el resultado deseado. Una vez logrado, presionen aceptar (y recuerden qué fue lo que hicieron!).

11 – Cambiamos el modo de la capa a ‘Claridad suave’. Deberíamos tener algo como esto:

12- Creamos una nueva capa en el tope y repetimos el paso 9 y 10 (por eso deben recordar cómo utilizaron el iWarp, así se aseguran de obtener un resultado similar al anterior). Cambiamos el modo de esta nueva capa a ‘Multiplicar’.

13- Repetimos el paso anterior, pero esta vez cambiamos el modo de la capa a ‘Blanquear’ y su opacidad al 70%.

14- Creamos otra capa, como siempre por encima de las demás. Seleccionamos la zona transparente (Mayus + O) de la última esfera realizada e invertimos la selección (I). Colocamos dentro de ella un degradado (L) en diagonal. Utilicé en este caso el degradado ‘Pastel Rainbow’. Cambiamos el modo de la capa a ‘Claridad suave’ y su opacidad al 50%.

15- Nuevamente creamos una capa, la rellenamos con color blanco, y aplicamos Filtros » Renderizado » Nubes » Nubes de diferencia. Esta vez nos aseguramos que la opción ‘Enlosable’ esté marcada. Luego vamos a Filtros » Distorsiones » Coordenadas polares y aplicamos el filtro.

16- Tomamos la herramienta de perspectiva (Mayus + P), y colocamos la circunferencia en la base de la esfera. Tratamos de respetar la perspectiva que marca la carretera. Luego ajustamos el resultado autorrecortando la capa y luego escalándola (Mayus + T), tratando que quede a los pies del personaje. Cambiamos el modo de la capa a ‘Solapar’. Para terminar con este paso, ubicamos la capa entre la carretera y el personaje.

17- Repetimos el paso anterior, pero esta vez cuidamos de que la circunferencia sea mayor a la anterior en el momento de realizar la perspectiva.

18- Tomamos la herramienta de borrado (Mayus + E) y borroneamos un poco la parte inferior de las esferas y del degradado de las esferas con una brocha circular difusa, tratando de que el contorno inferior de la esfera se funda con las circunferencias que están sobre el pavimento.

19- Ahora el toque dramático de la escena. Primero bajamos esta imagen de un choque, y esta y esta otra también. Recortamos los autos de las fotos (como lo hicimos con el personaje en el paso 2) y las agregamos a la imagen. En este caso agrego el primer auto, giro un poco la capa (Mayus + R) y ajusto su color con Colores » Curvas.

20- Aplicamos ahora Filtros » Desenfoque » Desenfoque en movimiento, con un valor de 10 y un ángulo de 0 (el ángulo adecuado para crear la sensación de alejarse de la escena). Ubicamos la capa por encima de la capa de la carretera.

21- Duplicamos la capa del auto, seleccionamos su región transparente (Mayus + O), invertimos la selección (I) y rellenamos con color negro (Ctrl + ,). Utilizando la herramienta de perspectiva (Mayus + P) creamos la sombra del vehículo como lo hicimos en el paso 6 con la del personaje.

22- Repetimos los pasos 19, 20 y 21 para los demás vehículos. Para terminar con el trabajo, ajusté nuevamente con la herramienta Colores » Curvas los colores del protagonista, y coloqué una nueva capa al frente con una nube de plasma (Filtros » Renderizado » Nubes » Plasma) en modo ‘Dividir’ con una opacidad del 10%. Trabajo terminado.

El tutorial original en http://psd.tutsplus.com/tutorials/tutorials-effects/create-a-powerful-mental-wave-explosion-effect/

:: Descargar el archivo XCF ::

Después de una larga desaparición, he vuelto con este tutorial donde veremos cómo aplicar varios efectos para lograr un efecto de vidrio en un texto. Primero tendremos que descargar este paquete de filtros para Gimp para poder realizar el trabajo.

1- Creamos una nueva imagen de 600px por 400px. Aplicamos en ella un degradado circular desde el #040625 al #545883 como muestra la siguiente imagen:

2- Escribimos el texto deseado. Para ello utilicé la fuente “Calligrapher Ultra-Light” y como color de frente el #4556D5. Aplicamos Capa » Capa a tamaño de imagen.

3- Aplicamos sobre el texto Filtros » Luces y sombras » Sombra arrojada, con un desplazamiento de 0px en ‘x’ e ‘y’ y un radio de 10px.

4- Aplicamos Script-Fu » Effects Layer » Inner Shadow, con un radio de 10 y una opacidad del 80%.

5- Aplicamos Script-Fu » Effects Layer » Outer Glow, con color blanco y una opacidad del 80%.

6- Aplicamos Script-Fu » Effects Layer » Inner Glow, con color blanco y una opacidad del 80%.

7- Aplicamos Script-Fu » Effects Layer » Belvel and Emboss, con los valores por defecto.

8- Aplicamos Script-Fu » Effects Layer » Satin, con los valores por defecto.

9- Tomamos la herramienta de selección de color (Mayús + O), y posicionandonos en la capa del texto, seleccionamos el mismo. Borramos la selección (Supr), y rellenamos a esta con la herramienta de relleno (Mayús + B) y el color de frente, colocando la opacidad del relleno al 50%.

10- Nuevamente seleccionamos el texto como se indica en el paso anterior. Colocamos como color de frente el blanco, tomamos la herramienta de degradado (L) y realizamos un degradado de color de frente a transparente desde abajo hacia arriba en una nueva capa. Luego cambiamos el modo de esta capa a ‘Solapar’.

11- Repetimos el paso anterior, pero esta vez realizamos el degradado de arriba hacia abajo y colocamos la opacidad de la capa al 40% en lugar de cambiar su modo.

12- Tomamos la herramienta de selección elíptica (E) y seleccionamos la zona superior del texto. Invertimos la selección (I) y la borramos (Supr).

13- Tomamos el pincel (P), seleccionamos una brocha en forma de estrella de cuatro puntas (o sino la creamos mediante la opción ‘Pincel nuevo’ del menú de pinceles) y realizamos unas estrellas en color blanco para darle un efecto de brillo y decoratorio a la imagen. Trabajo terminado.

El tutorial original se encuentra en http://psd.tutsplus.com/tutorials/text-effects-tutorials/transparent-glass-lettering-in-photoshop/.

:: Descargar el archivo XCF ::

Luego de algunos ensayos y en respuesta a un pedido anterior, logré un resultado aceptable en la conversión de una foto a pintura en marca de agua. Me he guiado por este tutorial para photo$hop, y no creo que genere una dificultad exagerada el seguir los pasos mencionados. Siempre recalco que estos tutoriales son sólo una guía, y el verdadero desafío está en lograr con nuestro esfuerzo e imaginación el resultado esperado.

1 – Duplicamos la capa de la foto y aplicamos sobre esta nueva capa un desenfoque gaussiano selectivo (Filtros » Desenfoque » Desenfoque gaussiano selectivo) con un radio de 10 y un delta de 30. Llamamos a esta capa ‘desenfoque’.

2 – Duplicamos nuevamente la capa original y colocamos esta copia por encima de las demás. Aplicamos Filtros » Detectar bordes » Neón con un radio de 3 y una cantidad de 0.15. Luego invertimos los colores de la capa (Colores » Invertir) y la desaturamos (Colores » Desaturar con luminosidad). Llamamos a esta capa ‘contornos’.

3 – Cambiamos el modo de esta capa a ‘Multiplicar’ y su opacidad al 80%.

4 – Duplicamos la capa de ‘desenfoque’ y la llamamos ‘pintura’. Vamos a Colores » Invertir e invertimos los colores de la capa. Colocamos el modo de la capa en ‘Suma’.

5 – Colocamos como color de frente el negro. Seleccionamos una brocha que este compuesta por varios puntos dispersos, y cambiamos su opacidad al 10%. Pintamos libremente sobre la capa para poder ir coloreando la misma.

6 – Seleccionamos una brocha circular difusa de 15px, colocamos su opacidad al 50%, y pintamos sobre los los objetos que querramos resaltar con trazos cortos, cuidando de seguir los contornos.

7 – Incrementamos la escala de esta brocha hasta que alcance un valor de 100px aproximadamente. Aplicamos trazos largos y repetimos los mismos en aquellos lugares que nos brindan sensación de profundidad en la pintura.

8 – Reducimos la escala de la brocha hasta que alcance un tamaño de 30px aproximadamente. Trazamos sobre las regiones en las que queremos lograr un buen resaltado del color.

9 – Listo! Es una buena idea dejar partes de la imagen en color blanco para lograr el efecto de marca de agua. Podemos ajustar los colores mediante la herramienta de curvas (Colores » Curvas) y ajustar de esta manera los tonos de la pintura y su sensación de profundidad.

:: Descargar el archivo XCF ::

Este es mi primer tutorial original para Gimp! Bien por mí, que ya estaba robando demasiado con las adaptaciones. Igualmente aclaro que tuve que investigar bastante, con imágenes y técnicas de photo$hop, pero igualmente pude lograr lo que quería. Por desgracia no puedo utilizar la modelo original, ya que por cuestiones de discreción no tengo permitido hacerlo. Una persona maravillosa que por más que lo niegue creo que es un verdadero angel.

1 – Creamos una nueva imagen de 1000px por 800px con fondo negro, y colocamos en una nueva capa a nuestra modelo. Utilicé esta foto de Stock Xchg, una web repleta de fotos gratuitas. Perdón a la modelo original, ya que esta foto ni siquiera logra reemplazarla.

2 – Creamos una nueva capa transparente sobre el fondo y aplicamos sobre ella un degradado circular del color #A42366 a transparente, desde el centro de la imagen hacia el borde de la misma.

3 – Creamos una nueva capa de color blanco. La colocamos por sobre la capa de la circunferencia anterior y aplicamos sobre ella Filtros » Renderizado » Nubes » Nubes de diferencia, con unos valores de X e Y de 10. Colocamos el modo de la capa en ‘Blanquear’.

4 – Copiamos la capa anterior, pero esta vez colocamos su opacidad al 80%.

5 – Duplicamos la capa de la modelo, y aplicamos sobre esta copia Filtros » Desenfoque » Desenfoque en movimiento, con una longuitud de 100 y un ángulo de 125. Ubicamos esta capa bajo la modelo y la centramos con respecto a ella. Luego aplicamos Capa » Capa a tamaño de imagen.

6 – Seleccionamos la capa anterior. Ahora, con un paquete de filtros especial de Gimp, aplicamos Effects Layer » Outer Glow, con un color de #FFFFE5, con un valor de Glow Radius de 10 y Blur Radius de 30.

7 – Movemos la segunda capa de nubes (la del punto 4) por debajo de la modelo, para que pueda resaltar mejor el efecto añadido anteriormente.

8 – Creamos ahora una nueva capa transparente. Con la herramienta de selección rectangular (R) dibujamos un rectángulo vertical, lo rellenamos de color blanco (Ctrl + .) y lo copiamos (Ctrl + C). Tomamos la herramienta de pincel (P) y, utilizando como brocha el contenido del portapapeles (es el primer elemento de la lista de pinceles), trazamos una línea horizontal. Previamente, ajustamos los valores de ‘jitter’ a 1 y el espaciado del pincel a 120.

9 – Rotamos la capa a 45 grados (Mayus + R), la escalamos (Mayus + T), y luego con una brocha circular difusa, borramos un poco su perímetro.

10 – Con la herramienta de selección por color (Mayus + O) seleccionamos la región transparente de la capa de las barras. Borramos el excedente (Supr) e invertimos la selección. Ahora tomamos la herramienta de degradado (L), seleccionamos el degradado ‘Full saturation spectrum CCW’ y trazamos el degradado en la diagonal de la capa.

11 – Ajustamos un poco la posición de la capa para ubicarla en el centro de la modelo. Llevamos la capa al tamaño de imagen (Capas » Capa a tamaño de imagen), y aplicamos Filtros » Desenfoque » Desenfoque en movimiento con una longuitud de 50 y un ángulo de 125. Bajamos la opacidad de la capa al 80% y colocamos su modo en ‘Pantalla’. Por último, la colocamos sobre la capa de nubes original (la del punto 3).

12 – Me van a tener que disculpar porque no recuerdo de donde bajé la imagen para este paso, pero bueno, pueden conseguir un buen dibujo vectorizado de alas de angel desde cualquier web de vectores, como esta por ejemplo. Solo hay que importar el archivo a Gimp, recortarlo, redimensionarlo, etc. Yo tomé un vector de un ala, lo recorté y dupliqué. Luego acomodé las alas para que tengan coherencia con la posición del cuerpo de la modelo y utilicé la herramienta de colorear (Colores » Colorear) para lograr la tonalidad deseada.

13 – Movemos la capa de las alas por debajo de la capa de la modelo. Aplicamos entonces Filtros » Desenfoque » Desenfoque gaussiano con un valor de horizontal y vertical de 10.

14 – Colocamos el modo de esta capa en ‘Suma’ y bajamos su opacidad al 70%. Duplicamos la capa, y colocamos su modo en ‘Solapar’ y su opacidad al 80%. Luego, presionando mayúsculas, presionamos cursor arriba y cursor a la derecha para desplazar este duplicado del original.

15 – Sobre la capa de la modelo aplicamos Effects Layer » Outer Glow con valores de Glow y Blur Radius de 10 y un color #CD0ECB.

16 – Aplicamos un efecto de iluminación (Filtros » Luces y sombras » Efecto de iluminación) sobre el rostro de la modelo. Para ello, situamos un punto de luz a distancia 0.4 con una intensidad de luz de 0.8.

17 – Por último, podemos decorar un poco más el trabajo añadiendo algunos trazos de color blanco con un pincel de manchas. Para ello creamos una nueva capa transparente bajo la modelo y realizamos allí los trazos. Luego bajamos la opacidad de la capa al 80%. Listo, trabajo terminado.

:: Descargar el archivo XCF ::

Con este tutorial veremos como lograr un fantástico efecto de letras formadas con césped, utilizando filtros y trabajando con rutas. Aviso: paciencia con este tutorial ya que lleva más tiempo del que aparenta. A pesar de su relativa complejidad puede servir como base para cualquier otro tipo de diseño.

1 – Creamos una nueva imagen (en este caso de 1280px por 800px, que es el tamaño de mi escritorio), y realizamos en ella un degradado radial desde el #ADBF41 al #328A26.

2 – Abrimos como capa una textura de papel, la adaptamos al tamaño de nuestra imagen, y la desaturamos (Colores » Desaturar…).

3 – Colocamos el modo de la capa en ‘Solapar’ y bajamos su opacidad al 70%.

4 – Para mejorar el fondo, realicé tres copias de la textura del papel. Cada una de ellas la he volteado con la herramienta correspondiente (Mayus + F). La primer copia, volteada horizontamente. La segunda, verticalmente. Y la tercer copia tanto vertical como horizontalmente (ayuda: para voltear verticalmente hay que presionar Ctrl y realizar click sobre la capa). Luego he creado dos capas: una rellena con el patrón ‘Slate’, y otra en la cual apliqué el filtro de ruido sólido (Filtros » Renderizado » Nubes » Ruido sólido) con un detalle de 10 y un tamaño de X e Y máximo. Ambas capas son colocadas al modo de ‘Solapar’ y con su opacidad al 70%.

5 – Duplicamos la capa del fondo y fijamos su opacidad al 40%. La colocamos por sobre todas las demás.

6 – Creamos una nueva capa, y trazamos en sus bordes, mediante una brocha circular difusa de 76px color negro. Luego aplicamos un desenfoque gaussiano de 50px (Filtros » Desenfoque » Desenfoque Gaussiano), y colocamos el modo de la capa en ‘Solapar’ y su opacidad al 30%. Por último, duplicamos dicha capa.

7 – Agregamos el texto, letra por letra, en color blanco. Bajamos la opacidad de cada capa al 50%.

8 – Para poder continuar vamos a tener que agregar la imagen del césped. Podemos descargar una de este enlace. A esta imagen la escalé para que tomara el tamaño aproximado de la palabra que quiero mostrar, y la coloqué debajo de las capas de las letras. Ahora, con mucha, pero mucha paciencia, vamos a hacer lo siguiente: Tomando como referencia la capa de la letra ‘G’, tomamos la herramienta de rutas (B) y creamos una nueva ruta alrededor del pasto que forma el contorno de dicha letra. Queda algo como esto:

9 – Convertimos la ruta en una selección. Para ello vamos al diálogo de rutas y, desplegando el menú contextual sobre la ruta deseada, seleccionamos la opción ‘Ruta a selección’. Ahora vamos a la capa del césped, invertimos la selección (I) y borramos la misma (Supr). Como realizaremos esta acción para cada una de las letras hay que realizar una copia del césped para cada una de ellas.

10 – Vamos a crear una sombra para cada letra. Para ello, tomamos la letra en césped y la duplicamos, seleccionamos la zona transparente con la herramienta de selección de color (Mayus + O), ajustando previamente el radio de la opción ‘Difuminar los bordes’ en 3, y luego invertimos la selección (I). Rellenamos con color negro. Tengan cuidado, ya que al difuminar los bordes de la selección, el perímetro de la capa queda trazado. Por lo tanto, una vez realizado el relleno, hay que borrar este trazo. Luego podemos autorrecortar la capa y bajar su opacidad al 50%.

11 – Realizamos una copia de la capa de sombra y la desplazamos 1px hacia la derecha y 1px hacia abajo. Para ello utilizamos la herramienta de mover (M) y los cursores del teclado. Repetimos esta operación cinco veces colocando cada nueva capa debajo de la anterior.

12 – Repetimos los pasos 10 y 11 para cada una de las letras. El resultado debería ser el siguiente:

13 – Duplicamos la última capa de sombra de cada letra. Llevamos cada capa al tamaño de la imagen (Capa » Capa a tamaño de imagen). Aplicamos sobre estas capas un desenfoque en movimiento (Filtros » Desenfoque » Desenfoque en movimiento) ajustando el desenfoque lineal a una longuitud de 10px y un ángulo de 225 grados.

14 – Realizamos una copia de la letra en césped. Ajustamos los niveles de color (Colores » Niveles) tratando de oscurecer la imagen.

15 – Colocamos esta capa debajo de la letra y la desplazamos 3px hacia la derecha y 3px hacia abajo. Repetimos esta operación para cada una de las letras.

16 – Creamos una nueva capa transparente, y realizamos sobre ella un degradado radial de blanco a transparente. Colocamos el modo de la capa a ‘Claridad suave’ y bajamos su opacidad al 50%. De esta manera obtenemos un poco más de iluminación en la imagen.

17 – Agregamos una leyenda al pie del texto. Colocamos su modo en ‘Solapar’ y su opacidad al 50%. Luego duplicamos la capa y colocamos el modo del duplicado en ‘Pantalla’.

18 – Para terminar, agregamos unos detalles tales como una mariposa y una vaquita. Los mismos pueden descargarse de aquí y aquí.

:: Descargar el archivo XCF ::

El tutorial original en http://psd.tutsplus.com/tutorials/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/