Está en la página 1de 105

2010

Tutoriales GIMP
De Foto a Lápiz con “The Gimp”

Hola les presentamos aquí una guía muy simple para poder pasar fotografías a
efecto dibujo o lápiz utilizando el programa de código abierto GIMP.
¿Pasar fotografías a lápiz? Pero si yo tengo un montón de programas que lo
hacen solos… para que me voy a coplicar la vida con el GIMP ...

Si ahí muchos programas e incluso filtros para soluciones comerciales como


Photoshop que permiten realizar el proceso de forma automática, sin embargo el
resultado obtenido es muy general, no es posible manipular los parámetros a
nuestro antojo, en GIMP también podemos crear scripts para automatizar las
tareas pero en esta ocasión vamos a dejar de lado el tema.

Lo primero que vamos a hacer es elegir una fotografía, no es necesario que tenga
algún parámetro en especial, esta técnica funciona de maravilla con cualquier tipo
de imagen, en el ejemplo vamos a utilizar la cara del actor argentino Franchela, sin
más, comencemos…

En primer lugar vamos a mostrarles la fotografía original y luego el resultado, para


que si no les gusta el método o el efecto logrado no pierdan tiempo leyendo esta
guía =)

Fotografía Original:
Resultado:

Si el resultado les parece satisfactorio comencemos con la conversión, en primer


lugar debemos trabajar con la imagen en modo “Escala de Grises” … nada
complicado, simplemente vamos al menú Imagen -- >Modo --> Escala de grises.

Ahora para lograr algunos efectos debemos duplicar la capa actual, para esto
vamos al menú Capa --> Duplicar Capa
Bien, ahora debemos combinar las capas en modo Suma para poder utilizar los
filtros gausianos de forma efectiva más adelante, vamos a la ventana “Capas,
Canales, Rutas, etc.” En la pestaña Capas, buscamos adonde dice Modo y
seleccionamos Suma.

El resultado debe ser similar al que podemos ver en la captura de pantalla:

Ahora es cuando la magia comienza, hace unos segundos hablábamos de utilizar


filtros gauseanos, este filtro provee un desenfoque rápido, sin embargo combinado
con algunas técnicas puede darnos otro tipo de resultados muy buenos, en este
caso, efecto lápiz.

Necesitamos invertir los colores de la capa, para esto debemos dirigirnos al


menú Capas-->Colores-->Invertir
El resultado es una hoja completamente en blanco, nada ha salido mal así debe
ser, a continuación una captura de pantalla.

Nos dirigimos hasta la opción Filtros --> Desenfoque [Blur] --> Desenfoque
Gaussiano … [Blur]

Una captura de pantalla para orientar a los más “lerdos”


Llegado este punto el modo de proceder puede variar un poco dependiendo de
cada imagen, sin embargo simplemente se trata de aplicar el mismo filtro las
veces que sea necesario para lograr el efecto deseado.

Buscamos una imagen similar a la que presento a continuación, si no se logra la


primera vez que aplicamos el filtro simplemente debemos utilizar el
atajo Ctrl+F para repetir la operación hasta lograr el resultado adecuado para
nuestro objetivo.

Ya casi estamos terminando solo falta darle a la imagen los retoques finales, para
poder modificar los niveles de color sin problemas, es necesario combinar las
capas, nada de otro mundo simplemente vamos al menú Capas --> Combinar
hacia abajo

Una vez completado el paso anterior, proseguimos con la edición de nuestra


fotografía, vamos a modificar los niveles de color para conseguir el efecto de lápiz,
boceto, dibujo o como quieran llamarlo, Accedemos al menú
niveles, Herramientas --> Herramientas de Color --> Niveles

Ahora es realmente donde la magia termina, modificando los niveles de color


convenientemente es posible obtener una imagen con efecto lápiz totalmente
personalizada, el valor Gamma, siempre se recomienda dejarlo en 0,10 en cuanto
a los otros valores, es mejor experimentar hasta lograr el resultado deseado, a
modo de ejemplo les dejo una captura de pantalla con el ultimo paso del proceso y
los valores que yo e escogido.

Click en la imagen para ampliar.

Eso es todo por ahora, muchos de ustedes quizás desean colorear las imágenes
obtenidas, solamente recuerden volver la imagen aModo RGB ya que en Escala
de Grises no podrán utilizar colores :P …

En futuras ocasiones les enseñaremos a colorear una imagen de forma eficiente y


a automatizar algunas tareas mediante scritps, esta guía llega hasta aquí, espero
que a alguien le haya sido útil.
Efecto Fractal, Wallpapres con el GIMP

Buenos días a todos, siguiente un poco con las publicaciones sobre el programa
de manipulación fotográfica Libre GIMP, veremos un sencillo tutorial que nos
permite explotar el filtro Flama con el objeto de crear vistosos fondos de pantalla.

Los resultados que se pueden obtener mediante la implementación de esta técnica


son muy diversos, ahí les presento algunos ejemplos:
Si el resultado te ha parecido interesante, ya sea para crear fondos de pantalla,
firmas con cabeceras de páginas, te recomiendo que leas el siguiente Tutorial
donde detallo todos los pasos a seguir.

Lo primero que vamos a hacer es abrir una imagen nueva y establecer las
dimensiones que consideremos necesarias, en este caso voy a crear fondos de
pantalla para resolución 1024x768, aunque si lo desean pueden utilizar
resoluciones más pequeñas a fin de minimizar el tiempo de renderizado.
Archivo -->Nuevo (o si lo prefieres mira las capturas de pantalla a continuación)

Para lograr el efecto deseado, necesitamos colorear el fondo de negro y


posteriormente establecer degradados, si no recuerdas como colorear el fondo no
importa, seleccionamos el color negro dentro de la paleta de colores:
Luego Vamos a Editar --> Rellenar con el color del Frente como podemos
apreciar en la siguiente captura:

Ahora simplemente debemos establecer un degradado s nuestra imagen, para


ellos vamos a seleccionar la utilidad indicada dentro de nuestra caja de
herrmientas:
Esta herramienta es muy
sencilla de utilizar, solamente es necesario seleccionar con el mouse y soltar,
debe quedar algo parecido a esta captura de pantalla:

y Ahora es cuando comienza la magia, uno de los filtros que incorpora por defecto
GIMP se llama flama, es muy útil para crear diseños vistosos rápidamente, ahora
vamos a ver un poco como se utiliza y algunas de sus propiedades:

Filtro --> Renderizado --> Naturaleza --> Llama


Se nos abrirá una ventana de trabajo dividida en dos pestañas: Renderizado y
Cámara, dentro de la pestaña renderizado es muy importante establecer
correctamente el nivel de Brillo, puesto que es lo que otorga vida al resultado final,
yo eh utilizado el valor 3.93 pero en este apartado recomiendo experimentar:
Ahora debemos hacer clic en Editar para modificar la apariencia final que tendrá el
diseño; se nos aparecerá la siguiente ventana de trabajo:

En este apartado no hay mucho que explicar, solamente experimentando


obtendremos buenos efectos, personalmente e optado por la opción Esférico en
cuanto a la propiedad variación, también es una buena idea probar con Sinusoidal
u otros valores.

Una vez que hemos seleccionado el diseño que creemos más adecuados
simplemente le damos clic a Aceptar para que GIMPgenere la imagen, el
resultado, dependiendo de los parámetros establecidos debe ser similar al
siguiente:
Como podemos apreciar nos falta muy poco para lograr el objetivo, ahora
simplemente debemos colorear la imagen, Rápidamente nos vamos a:

Colores --> Balance de Color


El trabajo esta casi listo, simplemente especificamos los colores, en mi caso
solamente e coloreado con rojo a un valor de 83, pero pueden elegir los colores
que deseen, el resultado:

El tutorial finaliza aquí, opcionalmente podemos añadir una imagen y texto para
especificar una aplicación o otorgar un matiz más profesional:
Básicamente la guía termina aquí, espero que les haya sido de utilidad, Saludos
Convertir a una mujer en un angel
16 de Junio de 2009

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.
Crear una explosión mental
18 de Julio de 2009

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/
Texto con efecto de césped
1 de Junio de 2009

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/
Letras con efecto de vidrio transparente
4 de Julio de 2009

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/.
Efecto de iluminación
5 de Mayo de 2009

Mediante unos pocos pasos podemos crear una imagen de estilo


profesional y buen gusto. Este ejemplo sirve para resaltar cualquier
diseño que ya hemos realizado de una manera rápida y sencilla.

1 - Crear un documento nuevo y realizar un degradado circular.

2 - Colocar la imagen deseada dentro de la circunferencia.


3 - En una nueva capa realizar un círculo relleno de color blanco sobre la boca de
la taza y realizar un desenfoque gaussiano de 30px.
4 - Colocar círculos de color blanco mediante una brocha circular difusa como si
fueran partículas saliendo de la imagen.
5 - Realizar una selección a mano alzada con forma circular y rellenarla de color
blanco. Luego ejecutar Filtros -> Renderizado -> Nubes -> Nubes de diferencia…
en esta selección. Por último, bajar la opacidad de la capa al 20%.
6 - Colocar el texto acorde para la imagen que esta editando. La imagen esta lista.
Estilo urbano
25 de Mayo de 2009

Con este tutorial vamos a crear una imagen moderna para


utilizar como fondo de escritorio (u otros posibles usos,
imaginación por favor!). Utilizaremos técnicas para el
tratamiento de color de las capas así como varios filtros
para realizar el trabajo.

1- Para empezar, vamos a trabajar con cuatro imágenes como las que vemos aquí
abajo. Para acelerar el proceso, descargué las mismas de Stock Exchange, un
banco de imágenes gratuitas cargado de recursos para los diseñadores. Importé
las mismas como capas en este nuevo proyecto y les quité el fondo, dejando sólo
los objetos que me interesaban.

:: Descargar las imágenes recortadas en un archivo xcf ::

2- Utilicé un tamaño de imagen de 1280px por 800px, que es el tamaño de mi


escritorio. Para empezar, apliqué el filtro de nubes de diferencia (Filtros ->
Renderizado -> Nubes de diferencia…) al cual coloqué sus valores de X e Y al
máximo. Luego, fuí a Filtros -> Ruido -> Esparcir… y con un valor horizontal y
vertical de 50 apliqué el filtro sobre las nubes.
3- Ahora vamos a Filtros -> Ruidos -> Manchar… y con un valor de aleatorización
de 50 y una repetición de 20 aplicamos el filtro.

4- Luego aplicamos la opción Capas -> Color a alfa… con un color gris claro como
referencia y damos click en aceptar.
5- Vamos a Colores -> Curvas… y ajustamos la curva de color de la imagen de la
modelo como se muestra en la siguiente figura:

6- Luego desaturamos la imagen (Colores -> Desaturar…) para convertirla a


blanco y negro.
7- Repetimos los pasos 5 y 6 para las imágenes de los parlantes y la radio.

8- Vamos a utilizar una textura de papel arrugado para el diseño. Abrimos la


imagen como una capa y la redimensionamos hasta alcanzar el tamaño deseado.
9- Ajustamos el papel al tamaño de la imagen (Capa -> Capa a tamaño de
imagen) y realizamos una selección libre alrededor del collage de imágenes.
Invertimos la selección (Ctrl + i) y borramos (Supr) la misma. Luego aplicamos un
autorrecorte de capa para ajustar su tamaño.
10- Aplicamos sobre esta capa el filtro de sombra arrojada (Filtros -> Luces y
sombras… -> Sombra arrojada) y con un valor de desplazamiento de 10 en X e Y,
un desenfoque de 20, y desmarcando la opción de permitir redimensionado.

11- Creamos una nueva capa y la rellenamos con el color #C89F47. La colocamos
como fondo de imagen. Luego vamos a la capa de las nubes y bajamos su
opacidad al 20%.
12- Creamos otra capa transparente sobre la capa de las nubes. Bajamos su
opacidad al 10%, y dibujamos con color negro y pinceles de manchas sobre la
misma.
13- Para decorar un poco más la imagen, tomé unas fotos de mi ciudad, recorté
los edificios que quise emplear y los coloqué detrás del collage. Para que estas
estén acordes al resto de la imagen, jugué bastante con sus colores. Empleé las
herramientas de curvas, desaturación, niveles y color a alfa (todas dentro del
menú de colores) y trabajé un poco hasta lograr el resultado deseado. Para
finalizar el proceso apliqué el filtro Photo Effects -> Artist -> Water paint effect…
(que se encuentra eneste paquete de filtros para Gimp) a cada figura.

14- Tomando unas brochas adecuadas dibujamos bajo el collage en una nueva
capa transparente con color #5F003D.
15- Tomamos un patrón y rellenamos una capa nueva con éste. Yo roté la capa 45
grados, coloqué el modo de la capa en „Multiplicar‟ y bajé su opacidad al 50%.

16- Por último, tomé unas brochas de figuras arbóreas y las apliqué como un
detalle en la imagen.
Efecto de eclipse
5 de Mayo de 2009

Un tutorial de cierta complejidad donde veremos la


utilización de varios tipos de filtros y cómo jugar con los
modos de las capas para lograr una imagen de alta
calidad.

1 - Creamos una imagen del tamaño deseado, en este caso, del tamaño de mi
escritorio: 1280px x 800px.

2 - Creamos tres nuevas capas. En cada una de ellas realizamos la siguiente


operación: Realizamos un rectángulo de 15 a 20px de ancho y unos 700px de alto.
Utilizamos tres tipos de grises para rellenar cada uno, y a cada uno de ellos le
aplicamos el filtro sombra arrojada, sin desplazamiento y con un radio de 5px.
Combinamos cada rectángulo con su sombra y autorrecortamos las capas.

3 - Copiamos uno de los rectángulos y lo utilizamos como pincel seleccionándolo


del diálogo de pinceles. Cambiamos el espaciado al máximo y aplicamos el „jitter‟
entre 1,50 y 2,00. Realizamos una o dos pasadas por cada rectángulo dibujado
anteriormente, jugando con la escala del pincel y el valor del „jitter‟, hasta
encontrar el diseño deseado.
4 - Ahora redimensionamos esta capa pero solo en ancho, llevándola a 1000px
aproximandamente. Luego aplicamos Filtros -> Desenfoque -> Desenfoque en
movimiento, con una longuitud de 155 y un ángulo de 90.
5 - Creamos una nueva capa y dibujamos una gran elipse en la parte inferior,
creando una especie de horizonte, la llenamos de color negro y borramos el
espacio contenido por la misma en la capa anterior (supr).

6 - Creamos un nuevo pincel, en base a un círculo difuso, con radio de 100 y


dureza de 0.5. Colocamos una nueva capa y realizamos un sombreado en la
imagen con esta brocha en color negro para oscurecer algunas partes de la
misma.
7 - Aplicamos en la capa de líneas verticales un degradado. Utilizamos „Full
saturation spectrum CCW‟, en modo solapar con forma cónica. Trazamos el
degradado desde la parte superior a la inferior.

8 - Creamos una nueva capa llena con color negro. Utilizamos Filtros -> Luces y
sombras -> Destello de lente. Ubicamos el centro del efecto justo en la mitad del
ancho de la imagen y en el borde del horizonte. Cambiamos el modo de la capa a
pantalla y ajustamos el nivel de entrada de color (Colores -> Niveles) a 30 en el
primer recuadro de valores.

9 - Creamos otra capa con una elipse un poco más alta pero menos ancha que la
que forma el horizonte. La llenamos de un color suave similar al del efecto del
lente, en este caso el #FEF5F6. Aplicamos un desenfoque gaussiano de radio 30
en esta nueva figura. Movemos capa y la ajustamos para que parezca parte salir
desde el horizonte, ubicándola bajo la elipse negra que es el horizonte mismo.
10 - Creamos una nueva capa bajo la del efecto de lente, y aplicamos Filtros ->
Renderizado -> Nubes -> Plasma. Luego, cambiamos el modo de la capa a
multiplicar. Para finalizar, colocamos una capa de color negro en el fondo de la
imagen. Listo.
Marca de agua en GIMP

July 26th, 2009 | Manipulación de imágenes |

Para comenzar este tutorial necesitamos una imágen, pueden usar la que quieran
o bien descargarla desde algún banco de imágenes, a lo largo de este tutorial
usaré la siguiente imágen.

Una vez que tenemos la imagen abierta desde GIMP vamos a crear el texto que
luego le aplicaremos el efecto de “marca de agua”.

Para crear el texto clickearemos en el ícono y luego en la zona de la imagen


en la que colocaremos el texto; este es un buen momento para aplicarle algo de
formato a lo que escribamos.

Para darle algo de relieve al texto hay que aplicarle el Filtro Mapa de relieve que
se encuentra en Filtro – Mapa – Mapa de relieve… , los valores que usé fueron
estos: (click en la imagen para agrandar)
Para que quede un poco mejor a la capa del texto le doy como Modo “Solapar” y
bajo un poco la opacidad. Por último con la herramienta rotar se acomoda
un poco el texto…

Cualquier duda usen los comentarios !