Académique Documents
Professionnel Documents
Culture Documents
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 ...
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…
Fotografía Original:
Resultado:
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.
Nos dirigimos hasta la opción Filtros --> Desenfoque [Blur] --> Desenfoque
Gaussiano … [Blur]
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
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 …
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.
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)
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:
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:
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.
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%.
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:
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 ::
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.
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.
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.
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:
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
1 - Creamos una imagen del tamaño deseado, en este caso, del tamaño de mi
escritorio: 1280px x 800px.
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
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 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…