sábado, 16 de junio de 2012

Efecto explosivo

Bienvenidos seáis todos, una vez mas, a este pequeño blog n__n

En esta entrada veremos como crear, utilizando los degradados y los filtros de Gimp un efecto gráfico muy similar a una explosión o un flash de luz, dependiendo de las herramientas que utilicemos.


La idea se me ocurrió viendo un tutorial en la web todogimp.com, en la que explicaban como crear con degradados de color y el filtro Cubismo un reborde que podíamos utilizar en fondos o Banners, como en la siguiente imagen.


Utilizando un sistema similar y creando o eligiendo un degradado predefinido que tenga colores rojos y amarillos se puede desarrollar un efecto gráfico que da como resultado una imagen muy similar a una explosión.

Para ello, lo primero de todo es crear un degradado con la Herramienta de mezcla, de forma Radial, que vaya del centro de la imagen hacia el limite de esta.

podemos crear el degradado eligiendo nosotros mismos los colores, pero para conseguir el efecto de explosión lo mejor es utilizar el degradado Incandescent que Gimp incluye entre sus gradientes y invertir los colores que lo forman, de manera que el negro quede como color exterior cuando trazamos el degradado racial.

Luego aplicamos el filtro Cubismo del grupo Artístico, ajustando el Tamaño y la Saturación del enlosado a nuestro gusto, pero sin darle unos valores muy altos, ya que esto desvirtuaría demasiado el degradado y estropearía la imagen final que queremos lograr.

Repetimos el efecto de cubismo, para que no quede todo tan cuadriculado y aplicamos el filtro Desenfoque gaussiano.

Ahora podemos utilizar el filtro Desenfoque de movimiento, en su modalidad de Acercamiento, si lo que queremos es lograr un efecto similar a un destello de luz, como el de esta imagen.


O dejar la imagen como ha quedado y utilizar algún pincel de destellos de luz, que podemos encontrar en la web que he mencionado anteriormente, para acentuar la sensación explosiva que se pretende lograr.


Podemos aplicar este mismo efecto sobre un texto para logra la apariencia de letras de fuego, solo tendremos que cambiar, en la Herramienta de mezcla,  la forma del degradado, en esta ocasión utilizaremos  Contorno (angular) y seleccionaremos el texto, para aplicarle el gradiente, haciendo clic con el botón derecho del ratón, en la miniatura de capa que lo contenga y seleccionando la opción Alfa a selección.


Como veis, el efecto flamígero de las letras queda muy logrado, pudiendo conseguir diferentes resultados cambiando sobre todo los parámetros del Filtro Cubismo, ya sabéis todo es cuestión de practicar y probar diferentes opciones.

sábado, 2 de junio de 2012

Truconsejos - Marcos y degradados

Bienvenidos seáis una vez mas a este pequeño blog dedicado al mundo del diseño y la ilustración digital con software libre.

En este nuevo truconsejo veremos como podemos utilizar la Herramienta de mezcla de Gimp (el equivalente al degradado de Photoshop)  para aplicar marcos a nuestras fotografías.


Gracias a la opción de contorno de los degradados de Gimp podemos añadir unos vistosos marcos a nuestras fotografías de una forma muy sencilla y rápida.


Para conseguir un resultado similar al de la imagen superior, empezaremos por abrir el fichero de imagen y añadir una capa nueva, en la que crearemos el marco.

Para desarrollar el marco seleccionamos la Herramienta de mezcla, en su casilla de Forma elegimos la opción de Contorno (angular) y entre los diferentes tipos de degradado prediseñados de que dispone Gimp seleccionamos uno que este formado por una franja y el resto del degradado sea transparente, en el caso de la imagen de ejemplo el degradado utilizado fue Square wood frame.

Seleccionamos la totalidad de la capa con la opción Todo del menú Seleccionar y trazamos el degradado y tras unos pequeños cálculos el programa generara un contorno alrededor de la imagen que debido a los colores que lo forman dará la sensación de ser el marco de un cuadro o una foto.

Si el tono resulta muy monótono podemos hacer clic en la miniatura de la capa del marco, elegir la opción Alfa a selección y creando una capa nueva aplicar el Filtro Fog (nuevo en la versión 2.8) que se encuentra en el submenú Nubes del grupo de filtros Renderizado, seleccionamos como color un tono gris o un marrón mas oscuro que el del marco, y ponemos el modo de fusión de la capa en Multiplicar.

El marco tapara parte de la fotografía, por lo que si queremos que esta sea visible en su totalidad podemos reescalar la capa que contiene la foto, con la Herramienta de escalado,  para ajustarla al hueco que deja el degradado.

Otro degradado predefinido muy útil para realizar marcos en Tube red, que aunque este pensado para crear tuberías o cables, también puede aplicarse en este tipo de efecto.


Aunque la sombra que genera es muy grande y tendremos que borrar parte de ella con las Herramientas de seleccion.

En el caso de la imagen superior he utilizado un grupo de pinceles de mariposas para añadir adornos al marco, utilizando como en el caso anterior la opción de Alfa a selección para pintar solo sobre el marco y no sobre el resto de la imagen.

Podéis descargaros estos pinceles de Gimp  así como una infinidad mas en la web todogimp.com donde además hallareis tutoriales, degradados y noticias sobre las diferentes versiones del programa.

Para terminar os dejo otro ejemplo, hecho con el degradado GPS steel bars, en el que he aplicado, además del marco, un efecto de reflejo y un pincel con efectos de iluminación.


Y hasta aquí este truconsejo, en el que habréis podido ver como resulta de lo mas sencillo añadir marcos a nuestras fotografías, gracias a los degradados de contorno del programa de edición de imágenes digitales Gimp.

Las fotografías que he utilizado para realizar este post las he obtenido, como de costumbre, de la web bancodeimagenesgratuitas.com

sábado, 19 de mayo de 2012

El nuevo Gimp 2.8

Bienvenidos seáis todos una vez mas n__n

Después de mas de un año de espera desde que se anunciase, por fin esta disponible la ultima versión del editor gráfico de software libre Gimp, pero la espera ha merecido la pena porque la versión 2.8 de este programa llega cargado de mejoras.


En este post explicare algunas de las novedades mas importantes con las que cuenta esta ultima versión de este potente programa GNU de manipulación de imágenes bitmap .

Lo primero de lo que nos daremos cuenta es de que el arranque del programa es mucho mas rápido que en la anterior versión, que en ocasiones podía ser exasperante.

En lo que se refiere a la interfaz del entorno del programa, ahora disponemos de la opción de Modo de ventana única en el menú Ventanas, que nos permite integrar todas las ventanas  del programas en una sola, así como las imágenes, que ahora aparecen como pestañas en la parte superior de la pantalla, una forma de trabajar que resulta mucho mas cómoda que la anterior donde cada elemento aparecía en una ventana independiente, lo que dificultaba utilizar varias imágenes a la vez o minimizar y maximizar el programa.

La organización de las capas sera ahora mucho mas sencilla gracias a los Grupos de capas, con los que podremos agrupar las capas que estén relacionadas entre si (de la misma manera que se hace en Photoshop) lo que resulta muy cómodo si queremos mover una determinada parte de la imagen que este desarrollada en varias capas, ya que al seleccionar uno de estos grupos moveremos todas las capas que se encuentren en el.

Y los modos de fusión están ahora organizados de forma mas eficiente y agrupados según su utilidad, lo que facilita enormemente su uso.



En cuanto a Herramientas las que mas mejoras han sufrido son posiblemente el texto y los pinceles.

En el caso de la Herramienta de texto, ahora nos permite escribir directamente en la caja de texto que creemos y editar el texto dándole diferentes tamaños, tipografías y colores , lo que en versiones anteriores de Gimp era imposible ya que todo lo que escribíamos en una caja de texto tenia que tener las mismas características.

Y los Pinceles han mejorado exponencialmente, con una dinámica para tabletas muy superior a la de la versión 6.11, un tamaño máximo de pincel mucho mayor de lo que era posible hasta ahora  y opciones de Modificación de proporción de aspecto y Ángulo, lo que nos permitirá variar la altura o anchura del pincel y rotarlo a nuestro gusto.


También se ha añadido una nueva herramienta de transformación a las ya existentes, se trata de la Rejilla, que nos permitirá, creando un borde alrededor de la parte de la imagen que queramos modificar, realizar transformaciones mas precisas y personales.


Y para terminar, en lo que se refiere a filtros, la principal mejora se encuentra en el submenu Nubes, en el que se ha añadido la opción Fog que nos permite crear unos efectos de niebla, nubes o humo de una calidad mas que aceptable.

Gimp 2.8 tiene mas novedades y mejoras, pero estas son para mi las principales, y he querido explicarlas, tanto para quienes ya conocían versiones anteriores del programa, como para los que nunca han utilizado este editor gráfico que con cada version mejora mas y mas, pudiendo ser ya una alternativa muy valida  a los programas comerciales .

Podéis descargaros Gimp, de forma totalmente gratuita (y legal) desde la pagina web de sus desarrolladores

sábado, 12 de mayo de 2012

Posterizado * Gimp + Picasa

Bienvenidos seáis una vez mas a este blog n__n

En esta entrada veremos como podemos combinar los recursos de Picasa y Gimp para crear un efecto de imagen posterizada en una fotografía, es decir con la cantidad de colores reducidos, para que parezca una pintura o una ilustración de cómic.


Primero de todo utilizaremos el programa de visualización y edición fotográfica Picasa, con el que seleccionaremos la imagen que queremos posterizar, con lo que pasaremos a la pantalla de edición, en ella clicamos sobre la cuarta pestaña, la de Procesamiento de imágenes mas divertido y util, y sobre la opción Posterizar y ajustamos los potenciometros a nuestro gusto para dar a la fotografía una mayor o menor cantidad de colores y de detalles.

Cuando la fotografía este lista clicamos en Aceptar y guardamos la imagen con la opción Guardar como del menú Archivo, poniéndole otro nombre si queremos conservar la imagen original.

Clicamos ahora en deshacer posterizar para recuperar el aspecto original de la imagen y clicamos sobre la quinta pestaña, Procesamiento de imágenes aun mas divertido y útil, y en esta pestaña seleccionamos la opción Esbozo de lápiz y guardamos la imagen resultante igual que antes, dándole un nombre distinto, de manera que ahora tendremos tres archivos, el de la fotografía original, la imagen posterizada  y el esbozo.

Finalmente tendremos que combinar ambas imágenes y para ello utilizaremos Gimp, Abriendo la imagen posterizada de forma normal y la del esbozo de lápiz con la opción Abrir como capas del menú Archivo.

De esta manera tendremos un único archivo con dos capas y ya solo tenemos que poner la capa superior en modo Multiplicar o Ennegrecer, de esta manera los trazos que simulan el lápiz crearan un efecto de contorno en la imagen posterizada.

Siempre podemos mejorar el resultado utilizando las opciones del menú Colores, para modificar la intensidad del color o los niveles de luces y sombras o utilizar selecciones para crear, por ejemplo, un marco.



O guardar la imagen en formato jpg y editarla de nuevo con Picasa para añadirle algún que otro efecto, en el caso de una imagen posterizada le puede ir muy bien el efecto Comic que se encuentra en la quinta pestaña del editor fotográfico.


Aunque claro siempre podeis probar diferentes opciones y ver que tal queda, como digo siempre hay que practicar y intentar cualquier cosa que se nos ocurra, por fuerza alguna nos saldrá bien.

Podríamos haber hecho este efecto solo con Gimp, ya que cuenta con opciones para crear tanto una imagen posterizada como el contorno a lápiz, pero creo que los resultados que se logran con Picasa son mejores en este caso concreto.

Como  de costumbre las imágenes de base para hacer este post las he obtenido de www.bancodeimagesgratuitas.com donde podéis encontrar multitud de fotografías de libre uso.

sábado, 5 de mayo de 2012

Segundo aniversario

Bienvenidos a este blog de iniciación al diseño y la ilustración digital, que este mes esta de aniversario n__n

Y es que este Mayo del 2012 hará ya dos años que empecé a publicar este blog, como parte de las practicas en un curso sobre web 2.0 y contenidos de Internet, que espero que solo sean los dos primeros años de muchos que queden por venir.


Así que esta breve entrada es solo para celebrarlo y para deciros simplemente ...


sábado, 28 de abril de 2012

Texto y fotografias

Bienvenidos seáis todos una vez mas a este pequeño blog hecho por un aficionado al diseño y la ilustración digital n__n

En este post veremos como hacer con Gimp un efecto fotográfico con capas, mascaras y texto, similar al que ya explique hace mas o menos un mes en el que se utilizaba un patrón sobre una fotografía, solo que en esta ocasión utilizaremos una tipografía.


La idea es colocar una capa, que rellenaremos de un color determinado, sobre la fotografía y mediante una mascara, en la que escribiremos o copiaremos un texto, haremos invisible parte de esta capa con lo que veremos la fotografía a través del texto, creando una imagen con una apariencia similar al de la que podéis ver bajo este párrafo.


Para ello después de abrir el fichero con la fotografía a la que queramos aplicarle este curioso efecto crearemos una capa nueva que rellenaremos con un color o un degradado suave (aunque lo mejor es utilizar negro o un color muy oscuro) le añadimos una mascara, que sea completamente opaca, clicando en la miniatura de la capa con el botón derecho del ratón y eligiendo la opción Añadir mascara de capa.

Después utilizaremos la Herramienta de texto para escribir un texto con la fuente que mas nos guste o se acople a la fotografía, utilizando el color negro y con un tamaño de unos 30 o 40 pixels que ocupe la totalidad e la imagen, aunque también podemos copiarlo, en mi caso yo he utilizado el texto genérico Lorem ipsum que se puede generar desde la web lipsum.com.

Este texto debería escribirse en la mascara de la capa que hemos creado, pero no podemos hacerlo directamente porque Gimp al igual que Photoshop crea el texto automáticamente en una capa nueva a la que le da las propiedades de una capa de texto, así que lo que tenemos que hacer ahora es copiar el texto y pegarlo en la mascara de la capa.

Después de esto ya podremos eliminar o ocultar la capa de texto y tendremos la imagen lista, el texto en la mascara hará invisible parte de la capa superior y nos permitirá ver la fotografía que hay debajo a través de el.


Este efecto queda especialmente bien en las fotografías de rostros, sobre todo si tienen un fondo oscuro, como la de la imagen superior.

Podemos conseguir muchas variaciones utilizando distintos tamaños de texto y tipografías, aunque los mejores resultados los lograremos con un tamaño de texto no demasiado grande.

Como de costumbre las fotografías de base que he utilizado para realizar este post las he obtenido del blog www.bancodeimagenesgratuitas.com en el que podéis encontrar infinidad de imágenes de libre uso.

sábado, 21 de abril de 2012

Mas Fractales

Bienvenidos seáis una vez mas a este pequeño blog de iniciación a la ilustración y el diseño digital n__n

El mes de Enero del 2012 publique una entrada donde explicaba como se podían realizar imágenes fractales con el programa de software libre Apophisis y incluía algunas imágenes de ejemplo.

Esta entrada es simplemente para mostrar algunos fractales mas realizados con este programa, que podrían utilizarse como fondos en alguna presentación en Powerpoint o Impress o de algún banner.


Empecemos con una de las mas sencillas, una imagen que podríamos llamar fractal flamígero, porque su apariencia es muy similar al de unas llamaradas.


Y si la imagen superior recuerda indudablemente al fuego, la siguiente seguro que da la sensación de emular a algo parecido al humo.


En todos los casos el parecido con cualquier cosa, solida, liquida o gaseosa es totalmente casual, ya que mis conocimientos tanto en el tema de los fractales como en el manejo del Apophisys solo me permiten ir probando y ver que resultado obtengo cuando renderizo la imagen preliminar, como en este caso en el que por pura casualidad obtuve algo parecido a una tela o gasa ondulando (si, ya se que hay que echarle mucha imaginación)


La siguiente imagen solo podría definirla como abstracta, estuve a punto de borrarla de mi disco duro pero al final me he decidido a incluirla en este post como una muestra de lo que se puede lograr (ya sea para bien o para mal) con el sistema de "voy a ir probando a ver que pasa"


Para finalizar aquí tenéis un fractal muy similar a otro que ya publique en mi anterior entrada sobre el Apophysis y que yo dije que era algo similar a un coral y en un comentario se dijo que se parecía mas a una pasta de colores, aunque a mi ahora me recuerda mas a una formación rocosa un tanto extraña o a un cumulo de hojas.


Si queréis aprender a utilizar este programa para poder crear vuestros propios fractales os aconsejo le echéis un ojo a el tutorial que podéis encontrar en el blog de Joaclintistbud, un diseñador gráfico especializado en utilizar exclusivamente programas de software libre en sus creaciones.