Tutoriales GIMP [PDF]

Zitiervorschau

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-apowerful-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-aspectacular-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-effectstutorials/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 un poco el texto…

Cualquier duda usen los comentarios !

se acomoda