Ubuntu Times

Uno de los mejores programas que hay dentro de el software libre para mi gusto es The Gimp este es una poderosa herramienta para la manipulacion y creacion de imagenes, que esta disponible para Linux, Windows y MacOS.

Esta es una introduccion a Gimp empezando por sus ventanas y sus menus

Estas son las herramientas de Gimp y en la imagen se mira facilmente la colocacion de cada elemento

Esta es la ventana de capas en Gimp

Y por ultimo la ventana completa

A mi parecer uno de los primeros problemas de los usuarios al empezar a usar Gimp y pienso que Linux en general si vienen de Windows es el hecho de que todo cambia y les parece dificultuoso o no quieren tomar el tiempo de acostumbrarse o aprender a usar un nuevo sistema o programa, si has usado Photoshop, Paint Shop Pro o algun otro programa de imagenes para Windows se que te va a parecer muy dificil o frustante Gimp al empezar a usarlo, pero creeme que vale la pena y es sencillisimo una vez acostumbrado. Ademas como siempre lo digo con los programas de software libre solo lo necesitaras configurar a tu gusto una vez, despues solo lo necesitaras empezar y a trabajar en el al instante.

Muy bien si vienes de Windows seguramente estas acostumbrado a mirar una sola ventana en tu pantalla y el mirar algo como la imagen siguiente te debe parecer una abominacion

De hecho esto es algo que me parece muy bueno de Gimp, puedes configurar cuantas ventanas quieres ver, si quieres una ventana para los degradados, otra para las herramientas, puedes dejar las dos originales, o puedes poner todo en una sola ventana como lo hago yo.

Pues bien ahora a trabajar en Gimp, te voy a decir paso a paso como realisar una imagen, es algo muy sencillo y es solo para practicar un poco primero, baja esta imagen

Ahora bien abrela con Gimp

Ahora utilizaremos una herramienta de recorte de gimp, presiona Z en tu teclado y se seleccionara, es la herramienta de recorte por regiones continuas, despues en la ventana de la imagen que abriste, capa, transparencia y añadir canal alfa.

Lo que estamos haciendo aqui es agregar una transparencia a la imagen a fin de que al recortarla las regiones recortadas sean transparentes, imaginatelo como una pared a la que haces un hoyo y pones un vidrio, todo lo que esta detras de el vidrio lo podras ver mientras lo que queda tras de la imagen quedara cubierto por la misma.

En la parte de abajo de la ventana principal de gimp, estan las opciones de la herramienta seleccionada, con la herramienta de seleccion borrosa seleccionada marca el cuadro de difuminar los bordes y pon el radio a 10.0 asi mismo el cuadro que dice seleccionar las areas transparentes.

Despues presiona con el mouse en una parte de la imagen que sea blanca, es decir fuera de la imagen de la copa, por ultimo editar, cortar, ahora todo lo que recortaste debe de haber sido reemplazado por cuadros grises, los cuadros que se miran son la transparencia, minimiza la ventana de la imagen la vamos a necesitar despues.

Ahora crearemos una imagen nueva en la ventana principal de gimp, Archivo, Nuevo y la medida de la imagen que vamos a crear puedes elegir una de las plantillas de gimp, vamos a crear un wallpaper asi que mete las medidas de la resolucion de tu pantalla. En mi caso es 1280×768, pero puede ser 1024×768, 1280×800, 1600×1200, etc., en las opciones avanzadas elige Color RGB para espacio de color y Transparencia para Rellenar con, sientete libre de ingresar texto en la seccion de comentario puedes ingresar lo que quieras.

Mmmmm…. nuestra ventana nueva se mira muy fea sin color, pongamos un color de fondo, Mayuscula+B en tu teclado para seleccionar la herramienta de relleno de color y presiona dos veces en el cuadro de color de enfrente con tu mouse para elegir un color, en el cuadro que te aparece donde dice Notacion HTML ingresa f0ff00 y aceptar. Ahora tienen que estar seleccionados los circulos de Relleno con color de frente y Rellenar la seleccion completamente, despues solo coloca el mouse sobre la ventana que acabas de crear presiona el boton izquierdo y listo una ventana amarillo chillon.

Ahora restaura la imagen de la copa, con el mouse Editar, Copiar.

Sobre la ventana amarilla con el mouse Editar, Pegar, la imagen se pegara como una capa nueva, ve a la solapa de las capas y nombra la capa que acabas de pegar, al pegar una imagen a otra automaticamente se creara una capa nueva con la imagen pegada, mientras que no la nombres tal vez no puedas moverla o mirarla, miraras solo la silueta, asi que pon atencion a eso. Nuestra imagen de la copa es muy pequeña asi que la haremos mas grande, en la solapa de las capas asegurate que la capa de la copa este elegida despues en la ventana de la imagen Capa, Escala Capa, en la ventana que te aparece ingresa 200 de ancho por 473 de alto y en calidad elige Cubica(La Mejor) para Interpolacion.

El resultado hasta el momento deberia ser este…

Bien toma un respiro y piensa en lo que hiciste, tomaste una imagen y la recortaste ademas de agregarle transparencia, creaste una imagen nueva y la rellenaste de un color, pegaste la primera imagen en ella como una capa y la renombraste ademas de aumentarla de tamaño…

No esta mal nada mal, pero continuemos, listo?

Ahora le pondremos un degradado a nuestra imagen para mejorar su apariencia, tal vez tu primer impulso sea ir a la herramienta de degradados (L) y poner una ahi mismo en la imagen, NO. Al momento de trabajar con imagenes es muy importante el buen manejo de las capas y eso es precisamente lo que necesitas, otra capa, en la ventana de la imagen Capa, y Capa Nueva si quieres pon un nombre nuevo a la capa y asegurate que sea transparente, despues solo presiona aceptar, es muy importante que esta capa quede en el medio de las dos que ya tenemos, para esto en la solapa de las capas hay dos flechas en el fondo, la que apunta hacia arriba subira la capa elegida, mientras que la que apunta para abajo la bajara presiona la que apunta para abajo para bajarla y que quede en el medio.

Ahora si selecciona la herramienta para degradados presionando L en tu teclado, y en la solapa de degradados selecciona el que dice frente a fondo (RGB), cambia la forma a Radial, debe de quedar asi.

Coloca el mouse en el centro de la ventana presiona el boton izquierdo de tu mouse y muevelo sin soltar el boton hasta una de las esquinas sueltalo hasta llegar cerca de una de ellas.

Ahora deberias tener una imagen asi…

Si quieres puedes cambiar los colores de manera que te quede asi

Para cambiar o voltear los colores solo necesitas hacer click con el mouse arriba de los cuadros de los colores en la flecha doble que se mira, esto cambiara el color de frente por el de atras y veceversa

Vuelve a aplicar el degradado y de esta manera ahora sera el centro blanco y las orillas amarillas.

Ahora para terminar nuestro pequeño experimento pondremos un texto en nuestra imagen, presiona T en tu teclado y con el mouse haz click en la parte de la ventana donde quieras que tu texto se mire, lo podras mover despues por lo tanto no es tan importante donde se localise, ahora en la ventana de las herramientas escoge el tipo de texto que quieras usar, el color, el tamaño, etc. puedes aplicar el texto que quieras, yo lo deje asi.

Cada vez que aplicas texto a una imagen el texto nuevo que aplicas aparacera cono una capa nueva, por lo tanto la podras mover a donde y como lo quieras hacer, si pones atencion a mi imagen final el texto de abajo esta fuera de centro solo hace falta moverlo un poco a la izquierda si a ti te pasa igual solo necesitas mover la capa de el texto en cuestion.

Si estas aprendiendo a usar el gimp espero que te hayas dado una buena idea de su uso, y no te desanimes por lo simple de la imagen recuerda que es solo un ejemplo y el objetivo es hacerlo no tan dificultuoso, como ejemplo te puedo decir que todas las imagenes de esta pagina las hice con gimp, solo los iconos los hice con Inkscape y despues los finalice en gimp.

El gimp al igual que muchas otros programas hace uso de texturas y brochas, gimp viene con algunas preinstaladas pero tu puedes agregarle mas solo necesitas buscarlas en la web, ve a deviantart y realiza una busqueda por gimp brushes, y en cuanto a los fonts, tambien puedes agregarle fonts extras a tu sistema y de esa manera tener mas opciones dentro de gimp.

Espero que esto te sea de utilidad y espero tus sugerencias o comentarios para mejorarlo y que sea de mayor utilidad para todos.

Sigue los comentarios a esta entrada con RSS. Puedes dejar un comentario, o un trackback desde tu sitio.