Download pdf - Tutoriales GIMP

Transcript
Page 1: Tutoriales GIMP

2010

Tutoriales GIMP

Page 2: 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:

Page 3: Tutoriales GIMP

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

Page 4: Tutoriales GIMP

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

Page 5: Tutoriales GIMP

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”

Page 6: Tutoriales GIMP

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

Page 7: Tutoriales GIMP

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

Page 8: Tutoriales GIMP

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.

Page 9: Tutoriales GIMP

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:

Page 10: Tutoriales GIMP

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.

Page 11: Tutoriales GIMP

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:

Page 12: Tutoriales GIMP

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:

Page 13: Tutoriales GIMP

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

Page 14: Tutoriales GIMP

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:

Page 15: Tutoriales GIMP

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:

Page 16: Tutoriales GIMP

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

Page 17: Tutoriales GIMP

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:

Page 18: Tutoriales GIMP

Básicamente la guía termina aquí, espero que les haya sido de utilidad, Saludos

Page 19: Tutoriales GIMP

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.

Page 20: Tutoriales GIMP

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.

Page 21: Tutoriales GIMP

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‟.

Page 22: Tutoriales GIMP

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

Page 23: Tutoriales GIMP

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.

Page 24: Tutoriales GIMP

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.

Page 25: Tutoriales GIMP

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.

Page 26: Tutoriales GIMP

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.

Page 27: Tutoriales GIMP

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.

Page 28: Tutoriales GIMP

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.

Page 29: Tutoriales GIMP

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).

Page 30: Tutoriales GIMP

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.

Page 31: Tutoriales GIMP

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.

Page 32: Tutoriales GIMP

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.

Page 33: Tutoriales GIMP

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.

Page 34: Tutoriales GIMP

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.

Page 35: Tutoriales GIMP

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.

Page 36: Tutoriales GIMP
Page 37: Tutoriales GIMP

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.

Page 38: Tutoriales GIMP

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.

Page 39: Tutoriales GIMP

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.

Page 40: Tutoriales GIMP

4- Escalamos a nuestro personaje, ubicándolo en la posición deseada, y

ajustamos los niveles de color con la herramienta Colores » Curvas.

Page 41: Tutoriales GIMP

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 +

,).

Page 42: Tutoriales GIMP

6- Tomamos la herramienta de perspectiva (Mayus + P) y recostamos la sombra

en el pavimento.

Page 43: Tutoriales GIMP

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%.

Page 44: Tutoriales GIMP

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.

Page 45: Tutoriales GIMP

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).

Page 46: Tutoriales GIMP

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!).

Page 47: Tutoriales GIMP

11 - Cambiamos el modo de la capa a „Claridad suave‟. Deberíamos tener algo

como esto:

Page 48: Tutoriales GIMP

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‟.

Page 49: Tutoriales GIMP

13- Repetimos el paso anterior, pero esta vez cambiamos el modo de la capa a

„Blanquear‟ y su opacidad al 70%.

Page 50: Tutoriales GIMP

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%.

Page 51: Tutoriales GIMP

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.

Page 52: Tutoriales GIMP

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.

Page 53: Tutoriales GIMP

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.

Page 54: Tutoriales GIMP

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.

Page 55: Tutoriales GIMP

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.

Page 56: Tutoriales GIMP

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.

Page 57: Tutoriales GIMP

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.

Page 58: Tutoriales GIMP

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.

Page 59: Tutoriales GIMP

El tutorial original en http://psd.tutsplus.com/tutorials/tutorials-effects/create-a-

powerful-mental-wave-explosion-effect/

Page 60: Tutoriales GIMP

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…).

Page 61: Tutoriales GIMP

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

Page 62: Tutoriales GIMP

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.

Page 63: Tutoriales GIMP

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.

Page 64: Tutoriales GIMP

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:

Page 65: Tutoriales GIMP

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.

Page 66: Tutoriales GIMP

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%.

Page 67: Tutoriales GIMP

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.

Page 68: Tutoriales GIMP

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.

Page 69: Tutoriales GIMP

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.

Page 70: Tutoriales GIMP

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.

Page 71: Tutoriales GIMP

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í.

Page 73: Tutoriales GIMP

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:

Page 74: Tutoriales GIMP

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.

Page 75: Tutoriales GIMP

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%.

Page 76: Tutoriales GIMP

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.

Page 77: Tutoriales GIMP

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%.

Page 78: Tutoriales GIMP

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‟.

Page 79: Tutoriales GIMP

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).

Page 80: Tutoriales GIMP

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.

Page 81: Tutoriales GIMP

El tutorial original se encuentra en http://psd.tutsplus.com/tutorials/text-effects-

tutorials/transparent-glass-lettering-in-photoshop/.

Page 82: Tutoriales GIMP

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.

Page 83: Tutoriales GIMP

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.

Page 84: Tutoriales GIMP

4 - Colocar círculos de color blanco mediante una brocha circular difusa como si

fueran partículas saliendo de la imagen.

Page 85: Tutoriales GIMP

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%.

Page 86: Tutoriales GIMP

6 - Colocar el texto acorde para la imagen que esta editando. La imagen esta lista.

Page 87: Tutoriales GIMP
Page 88: Tutoriales GIMP

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.

Page 89: Tutoriales GIMP

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.

Page 90: Tutoriales GIMP

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.

Page 91: Tutoriales GIMP

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.

Page 92: Tutoriales GIMP

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.

Page 93: Tutoriales GIMP

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%.

Page 94: Tutoriales GIMP

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.

Page 95: Tutoriales GIMP

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.

Page 96: Tutoriales GIMP

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.

Page 97: Tutoriales GIMP
Page 98: Tutoriales GIMP

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.

Page 99: Tutoriales GIMP

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.

Page 100: Tutoriales GIMP

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.

Page 101: Tutoriales GIMP

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

Page 102: Tutoriales GIMP

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.

Page 103: Tutoriales GIMP

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.

Page 104: Tutoriales GIMP

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)

Page 105: Tutoriales GIMP

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 !