Efecto fotografia rota con Gimp

Bienvenidos todos una vez más a mi pequeño rincón de internet, un blog dedicado al diseño y la ilustración digital, especialmente con software libre.

En esta ocasión veremos como crear un efecto de foto rota utilizando el programa de edición de imágenes de mapa de bits  GNU Gimp, como el que podéis ver en las imágenes de este post.

Antes de empezar con el tutorial propiamente dicho me gustaría señalar el hecho de que las tres imágenes que he utilizado de base para editarlas en este tutorial las he generado con Copilot.

Dicho esto lo primero que tendremos que hacer es, lógicamente, abrir nuestra fotografía con la opción Abrir del menú principal Archivo, a la que le añadiremos transparencia clicando con el botón derecho del ratón sobre su miniatura y seleccionando Añadir canal alfa en el menú emergente.

Ahora aumentaremos el Tamaño del lienzo con la opción del mismo nombre que se encuentra en el menú principal Imagen, donde estableceremos la anchura y altura  que queramos y activaremos Centrar para que la fotografía quede en el centro el lienzo y clicáremos en Redimensionar para aplicar los cambios.

Nuevamente clicamos en la miniatura de la capa de la fotografía y seleccionamos Capa a tamaño de la imagen  y con la herramienta de Selección libre creamos una selección alrededor de la mitad de la fotografía , tratando de que la línea que parte la fotografía sea lo mas irregular posible ya que este sera el corte en la foto.

Podemos hacer que sea aún más irregular con Distorsion que podemos encontrar en el menú principal Selección, una vez con la selección a nuestro gusto utilizamos Ctrl + X y Ctrl + V para cortar y pegar la selección, con lo que aparecerá en el mismo lugar.

Ya con la fotografía dividida en dos, cada una en una capa diferente solo tenemos que mover estas capas y rotarlas en el lienzo para colocarlas en la posicion que mas nos guste, utilizando las herramientas Mover y Rotar respectivamente que se encuentran el la caja de herramientas de la parte superior izquierda de la pantalla.

Para añadirle la sombra lo más sencillo es utilizar Sombra paralela , en el submenú Luz y sombra, dentro del menú principal Filtros, Ajustando el Radio de desenfoque a 20 y la Opacidad entre 70 y 90.

Y para finalizar pondremos un fondo a nuestro gusto ya sea con otra imagen o generándolo nosotros mismos, que puede ser un color solido, un degradado, una textura o otra imagen.

Y hasta aquí esta entrada de hoy, espero que nos veamos pronto con mas diseños, tutoriales y dibujos.

Texto y formas

Bienvenidos seáis una vez mas a este pequeño blog sobre diseño e ilustración con programas de software libre n__n

Esta sera otra de esas entradas, que de vez en cuando escribo, sobre como crear rótulos, logos y títulos con las herramientas de texto de programas como Gimp o Inkscape.

La diferencia es que en esta ocasión pondré algunos ejemplos de como podemos añadir a estos rótulos formas creadas con las Herramientas de seleccion o con Curvas Bezier, que con Gimp podemos hacer con la Herramienta de ruta.

Para empezar podéis ver la siguiente imagen en la que en el titulo de mi blog e sustituido la "i" de "lápiz" por un la imagen de un lápiz, similar al de la cabecera, creado solo con las herramientas de Selección libre y Selección elíptica (para hacer la base)

Para hacer este lápiz tendríamos que ir creando las distintas formas con la Selección libre y rellenarlas del color que queramos, lo mejor es crear los elementos de los diferentes colores en capas separadas y una vez hecho el lápiz utilizar nuevas capas para añadir los brillos y las sombras (para esto ultimo podemos seleccionar la zona en la que queramos crear el brillo o la sombra con la Herramienta de selección difusa, lo que en Photoshop es la Varita mágica)

En esta otra imagen, donde la forma de corazón sustituye a la palabra "love" quería utilizar una forma predeterminada, y ya que Gimp carece de estas formas he utilizado una del programa de dibujo de la Suit LibreOffice que luego he copiado y pegado en el archivo de Gimp.

Al igual que en la imagen anterior luego le he añadido las sombras y los brillos para darle una sensación de volumen.

Y para acabar una viñeta típica de los comics de humor, una onomatopeya de una explosión, en la que he utilizado las formas predeterminadas para hacer las estrellas y el bocadillo del fondo.

espero ir publicando con el tiempo mas entradas de este tipo, en las que incluiré objetos creados con selecciones en rótulos y dibujos, intentando que estos sean cada vez mas complejos.

Herramientas de selección

Bienvenidos seáis una vez mas a mi blog ^^

En este post hablare de las opciones de selección que incluyen los programas de retoque de imagenes bitmap, como Photoshop o Gimp.

Estas herramientas son muy utilizadas por los fotógrafos para seleccionar ciertas zonas de una fotografía y retocarlas o sustituirlas por otras, aunque los ilustradores también pueden utilizarlas para crear formas y objetos, como el lápiz que he incluido en la nueva cabecera de mi blog y que luego he reutilizado en esta ilustración.

Las herramientas de selección que se utilizan mas comúnmente, tanto en fotografía como en ilustración son la Varita mágica (que en Gimp se conoce como Selección difusa) y la Selección por color.

En ambos casos se utilizan para seleccionar una zona que tenga un color similar, dependiendo del grado de Tolerancia o Umbral que le demos abarcaremos una tonalidad de colores mayor o menor, con la diferencia de que la primera selecciona solo pixels contiguos y la segunda busca todos los pixels de la imagen que sean similares al color sobre el que hayamos clicando.

Estas herramientas son vitales para colorear un dibujo porque nos permiten seleccionar las distintas partes del trazado sobre las que queremos aplicar un determinado color, siempre que estos trazados estén completamente cerrados.

Para crear formas concretas con Gimp tenemos las siguientes opciones:

• Selección de rectángulos - permite crear selecciones rectangulares o cuadrados perfectos si activamos la opción de Proporción de aspecto.
• Selección elíptica - permite crear elipses o círculos de la misma manera que la opción anterior.
• Selección libre - permite trazar formas concretas, ya sea con lineas rectas, haciendo sucesivos clics o a mano alzada, clicando una vez y arrastrando el ratón hasta crear la forma que queramos, en ambos casos terminaremos cuando cerremos el trazado.

Otra forma,un tanto mas compleja, de crear una selección son las Rutas (La herramienta que tiene forma de plumilla) que funcionan como las curvas bezier de los programas de diseño vectorial, y por lo tanto podremos editar el trazado y darle una curvatura antes de transformarlo en una selección con la opción Crear selección a partir de una ruta.

Una vez creada una selección podemos rellenarla de un color solido, un degradado o un patrón, dependiendo de lo que queramos conseguir.

Podemos crear ilustraciones digitales utilizando simplemente este tipo de herramientas de selección, como el escudo de armas templario de esta imagen de ejemplo, en la que todo ha sido creado con selecciones, menos el texto del rotulo inferior y el fondo.

Como suelo decir siempre, todo es cuestión de practica y paciencia, y si algo no sale bien la primera vez, simplemente pulsamos Ctrl + Z para deshacer y lo volvemos a intentar.