sábado, 30 de julio de 2011

Mas rotulos para ofertas

Bienvenidos seáis todos una vez mas a este blog sobre dibujo, diseño y Infografía ^^

Al igual que en el post anterior en este artículo veremos como crear con Gimp mas de los típicos  rótulos y etiquetas que se pueden ver en algunos negocios, para anunciar rebajas, chollos y ofertas.

Para empezar veremos como se puede crear un efecto similar al de la ultima imagen del post anterior, pero utilizando un circulo en lugar de una rectángulo.


Esta vez no podemos utilizar el filtro Pagina doblada, ya que este filtro solo es útil con figuras rectangulares, de manera que tendremos que crear el efecto de doblez de manera "manual"

Lo mejor es activar la Cuadricula (menú Ver, opción Mostrar rejilla) o utilizar las Guias para poder establecer facilmente el centro del documento.

Creamos una nueva capa en la que trazamos un circulo con la herramienta de selección elíptica y la pintamos del color que queramos, o le aplicamos un degradado, ya sea lineal o circular.

Con la selección aun activa creamos otro circulo del mismo tamaño (sera fácil si nos guiamos por la cuadricula) que quede por encima del circulo anterior de forma que se intersecte con este, teniendo la Herramienta de selección elíptica en modo Intersección (de esta manera la selección resultante sera la elipse donde ambos círculos se superponen)

Rellenamos la elipse resultante del color que queramos, o con un degradado, en una nueva capa, que quede por encima del circulo y  borramos la parte superior de la elipse y del circulo, lo mejor es trazar una selección rectangular que incluya la parte de la elipse que queramos borrar y pulsamos el botón Supr (hacemos lo mismo en la capa que contiene el circulo, ya que tenemos que eliminar la parte del circulo que quede por encima del doblez))

Podemos mejorar el aspecto del doblez añadiéndole una sombra, para darle un aspecto de tridimensionalidad, que podemos pintar en una capa nueva que situaremos sobre el circulo, en modo multiplicar y pintando la sombra con un tono gris oscuro ( si seleccionamos el fondo de la capa del circulo y invertimos la selección nos aseguraremos de no salirnos de la zona que queramos "sombrear")

Ya tenemos la estructura básica de la "pegatina" ahora tenemos que añadir el texto, que tendrá que estar entre el circulo y la capa de la sombra, para que esta también se proyecte sobre el texto.

Utilizando selecciones rectangulares y circulares también podemos crear una imagen como la de el siguiente ejemplo.


Para ello, al igual que la vez anterior, primero de todo activamos la cuadricula, y guiándonos por ella trazamos un rectángulo y a su lado y de modo que quede alineado horizontalmente con el rectangulo, un circulo, con las herramientas de selección en modo Añadir.

Unimos las dos formas con la Herramienta de selección libre, también en modo añadir, trazando lineas  que vaya de la parte superior del rectángulo hasta la parte superior del circulo  y luego de la parte inferior del circulo a la inferior del rectángulo.

Con ello tendremos una selección con la forma de la etiqueta, que tendremos que rellenar del color que queramos.

Con la selección aun activa utilizamos la opción Borde del menú Selección, y le damos el tamaño que queramos, esto dará como resultado una nueva selección que al rellenarla de color en una  capa nueva nos permitirá crear el reborde de la etiqueta.

A este reborde podemos darle un aspecto de relieve si le aplicamos el filtro Añadir bisel del grupo Decorativos.

Esto mismo podemos hacer también con el texto que le incluyamos a la etiqueta, lo que le dará un efecto de tridimensinalidad que mejorara el resultado final.

En los dos ejemplos anteriores siempre podemos rotar la imagen resultante para darle una inclinación a las etiquetas y que parezcan mas naturales, pero para ello antes hay que enlazar todas las capas que hayamos creado para así poder rotarlas todas a la vez, para ello clicamos sobre el cuadrado que hay en la parte izquierda de todas las  miniaturas de las capas (aparecerá un icono con forma de cadena) a partir de ahora si rotamos o redimensionamos una de las capas enlazadas las demas también experimentaran el mismo cambio.

Para terminar os dejo una imagen similar a las anteriores, con la diferencia de que esta esta creada con Inkscape, utilizado básicamente la herramienta Crear estrellas y polígonos.


sábado, 23 de julio de 2011

Rotulos para ofertas

Una vez mas, bienvenidos seáis todos a este blog, espero que disfrutéis de vuestra visita ^^

En este post veremos como hacer con Gimp, algunos de los típicos rótulos y textos que podemos ver en tiendas y negocios, anunciando ofertas especiales, promociones o rebajas.

Empezaremos con algo sencillo, simular la textura del papiro o de un papel envejecido.


Para crear un efecto similar al de la imagen superior, primero creamos el fondo, en este caso un degradado de grises, luego en una capa nueva trazamos una selección rectangular con la Herramienta de selección de rectángulos, y aplicamos el efecto Rusted paper, del grupo Shapes, que se encuentra en el menú Scrip-fu (tendremos que tener instalado este efecto en concreto, ya que es un scrip que no se incluye de serie con el Gimp) y en su cuadro de diálogos elegimos el color que queremos que tenga el papel resultante y el texto que queremos que aparezca.

Cuando acabe de ejecutarse el efecto ya tendremos nuestro papel envejecido con el texto que hayamos introducido, aunque si queréis podéis no poner un texto y añadirlo después, lo que os dará un mayor control en sus opciones y a la hora de alinearlo.

Como variante de este tipo de rotulo podéis hacer que el texto parezca estar recortado en el papel, como en esta otra imagen.


Esto se consigue simplemente seleccionando el texto después de escribirlo, con la opción Alfa a selección que aparece al hacer clic sobre la miniatura de la capa, luego deshabilitamos la capa de texto (ya que no la necesitamos) y pasamos a la capa en la que hayamos creado el efecto de Rusted paper y borramos la selección (lo que podemos hacer simplemente pulsando Supr

Después invertimos la selección, y en una capa nueva que tenemos que colocar entre la capa del papel envejecido y el fondo  rellenamos la selección de negro, con lo que toda la capa quedara pintada  de negro excepto la parte en la que se encuentra el texto.

Finalmente aplicamos un Desenfoque gausiano, que se encuentra entre los Filtros de Desenfoque, y movemos la capa para crear el efecto de sombra, que a su vez dará al fondo de la imagen un efecto de profundidad.

Uno de los recursos mas típicos de estos rótulos es el de crear la apariencia de que una de las esquinas del papel esta doblada, como podéis ver en esta imagen.


Esto se puede crear muy facilmente con Gimp utilizando el filtro Pagina doblada, del grupo de filtros Distorsiones, y en su cuadro de dialogo elegir en que esquina queremos crear este efecto.

Si el doblez que se crea es demasiado grande siempre podemos seleccionar el recuadro al que queremos aplicarle el filtro (la forma mas fácil es seleccionar el fondo y invertir la selección) y crear una nueva selección en modo de intersección en la esquina que queramos que aparezca el efecto, de esta manera al aplicar el filtro este solo afectara a la parte de la imagen que se encuentre seleccionada y el efecto de esquina doblada tendrá el tamaño que nosotros queramos.

Finalmente escribimos el texto entre la capa donde tengamos el papel y la capa en la que el filtro ha creado la esquina.

Siempre podemos aplicarle a la capa de texto un modo de fusión como, multiplicar, pantalla o solapar, de esta manera el texto quedara mas integrado con el resto de la imagen.

viernes, 15 de julio de 2011

Fuegos artificiales

Bienvenidos seáis todos una vez mas, pasad y poneos cómodos ^^

En este post veremos como podemos crear con Gimp una explosión pirotécnica o de fuegos artificiales como el de esta imagen de ejemplo.


Crear este efecto requerirá un poco de paciencia y utilizar unos cuantos filtros, pero una vez terminado el resultado puede ser muy realista.
  • Lo primero sera crear un documento nuevo con las dimensiones que queramos y rellenarlo de color negro, lo que podemos hacer simplemente pintando o con la Herramienta de relleno.
  • Creamos un circulo desde el centro con la Herramienta de selección elíptica y lo rellenamos de puntos blancos con el filtro Ruido HSU, del grupo de filtros Ruido, utilizando los parámetros por defecto, excepto Valor que lo ponemos al máximo.
  • Ahora lo derenfocamos con el filtro Desenfoque (del grupo de filtros Desenfoque, evidentemente)
  • Ajustamos la luminosidad desde la opción Niveles del menú Colores, poniendo los medios tonos entre 0,30 y 0,50 y las iluminaciones  entre 40 y 50 (los medios tonos son la flecha central y las iluminaciones la de la derecha)
  • Vamos a convertir el circulo en un rectángulo utilizando el filtro Coord. polares del grupo Distorsiones  y desactivando la opción A polares.
  • Rotamos la imagen resultante con la opción Rotar 90º en sentido horario, en el submenú Transformar del menú Imagen.
  • Aplicamos el filtro Viento del grupo Distorsiones con los siguientes parámetros:
    • Estilo - viento 
    • Dirección - Izquierda 
    • Borde afectado - Delantero 
    • Umbral - entre 6 y 8 
    • Fuerza - entre 10 y 12.
  • Ahora tenemos que recuperar la forma circular original lo que haremos aplicando Rotar 90º en sentido antihorario y el filtro Coord. polares, pero esta vez activando la opción A polares.
  • Las esquinas del documento son ahora blancas así que las rellenaremos de negro utilizando de nuevo la Herramienta de relleno clicando en las cuatro esquinas.
  • Duplicamos la capa, desenfocamos la capa resultante y le aplicamos un Desenfoque Gaussiano entre 10 y 15, y ponemos el modo de fusión de capa en Suma.
  • Podemos repetir el ultimo paso si queremos dar mas luminosidad a las espurnas de nuestra "explosión pirotécnica" pero dandole a la nueba capa un mayor rango de desenfoque.
  • Finalmente unimos todas las capas en una sola (clic botón derecho en la miniatura de la capa y seleccionamos la opción Aplanar la imagen) y le damos el color que queramos con Balance de color del menu Colores, arrastrando los potenciónetros hacia los colores que queramos resaltar.

Ya tenemos nuestros fuegos artificiales, para insertarlos en una fotografía o una imagen tenemos que seleccionarlo (menu Seleccionar, Todo) lo copiamos (Ctrl + C) lo pegamos en la imagen en la que queramos incluirla (Ctrl + V) y clicamos sobre el icono de Capa nueva con lo que la imagen de nuestro efecto pirotécnico quedara anclada en una capa nueva que tenemos que poner en modo Suma o Pantalla, de este modo desaparecerá el color negro de fondo y solo serán visibles las chispas de la explosión.


Lo único que tenéis que tener en cuenta cuando añadáis este efecto a otro archivo de imagen es que al igual que los fuegos artificiales auténticos estos solo se ven correctamente si el fondo sobre el que aparecen es los suficientemente oscuro.

viernes, 8 de julio de 2011

Seleccion de texto con Gimp

Bienvenidos seáis todos un día mas ^^

En este post explicare un sencillo truco que nos puede permitir seleccionar un texto con Gimp de una forma rápida y precisa para poder aplicarle un degradado, una imagen o simplemente poder pintar sobre el.


Los programas de manipulación de imagenes bitmap profesionales como Photoshop disponen de una innumerable cantidad de efectos y estilos que podemos añadir a nuestros textos para lograr efectos de tridimensionalidad, degradado, luces y sombras y practicamente todo lo que se nos ocurra.

Gimp no tiene estos estilos, pero podemos crear efectos similares de manera manual, utilizando capas y filtros, aunque para ello primero tendremos que seleccionar de forma correcta el texto.

Lo normal es utilizar la herramienta de Selección difusa (el equivalente a la barita mágica) o la Selección Por color, pero las selecciones resultantes si utilizamos estas herramientas con un texto no siempre son precisas y al rellenarlas pueden producir lo que se conoce como "Dientes de sierra"

En su lugar lo mejor es hacer clic con el botón derecho sobre la miniatura de la capa que contenga el texto y seleccionar la opción Alfa a selección o Texto a selección, lo que nos dará como resultado una selección del texto perfecta (siempre que en la capa del texto no haya nada mas, que es la mas normal y aconsejable)

Una vez tengamos la selección podemos aplicarle un degradado, con la Herramienta de mezcla o pintar, y como siempre que creamos una selección solo se rellenara lo que tengamos seleccionado, es decir, la forma del texto.

Para aplicar una imagen lo mejor es pegar primero la imagen en una capa aparte, hacer la selección del texto después, invertir la selección (Ctrl+I) y borrar en la capa en la que tengamos la imagen, de manera que solo quedara la forma del texto.


Lo mejor es aplicar el degradado o pintar en una capa nueva situada sobre el texto y ocultar la capa en la que tengamos el texto, de manera que siempre podremos habilitar la capa y editar el texto original (aunque si  modificamos el texto tendremos que repetir todo el trabajo anterior para aplicarle de nuevo el color o degradado)

Sobre esta capa podemos aplicar filtros para darle cierto grado de relieve al rotulo, darle sombra, brillos y todo lo que se nos ocurra (en este mismo blog podéis encontrar barios post sobre como podemos crear diferentes rótulos)

También podéis aplicar diferentes degradado o imagenes en barias capas y utilizar los modos de fusión y ver que resultado obtenéis, algunos de los cuales pueden ser sorprendentes (ya sabéis practicad, practicad ...)