Gráficos Gimp: 2009

[Tutorial | Básico] Recortar el fondo a una imagen

Hola, en este tutorial enseñare a quitar el fondo a una imagen de nivel básico, asi que empezamos.

1- Crear canal alfa:

Despues de abrir nuestra imagen en el gimp, si esta no tiene extensión con canal alfa como .png, necesitamos añadirle un canal alfa a la imagen.
Esta opción la encontraremos en la ventana de capas dandole click derecho a la capa de la imagen y seleccionando añadir "canal alfa".

2- Herramientas de selección:

Una vez tenemos la imagen con canal alfa, la recortaremos con diversas herramientas que nos ofrece Gimp para seleccionar.
En la barra superior de herramientas de Gimp hay una pestaña llamada "Seleccionar" donde encontraremos opciones de selección más avanzadas.

*Las dos primeras herramientas son para selecciónar en forma de cuadrado/rectangulo o circulo/elipse la segunda es para seleccionar linealmente juntando puntos y la ultima que es la varita mágica es la selección difusa, que selecciona el color que toquemos, como si fuera la cubeta de pintura.

3- Elimiran el trozo de fondo seleccionado:

Una vez seleccionado solo le damos a suprimir y va desapareciendo el fondo y sequeda este "tablro de ajedrez" que indica transparencia.

4- Guardar imagen:

Por ultimo guardamos la imagen en extensión .png y lista.

*Dudas o si alguien quiere alguna especificación por comentario.

[Tutorial | Básico] Uso de la herramienta Tono y Saturación

Hola de nuevo, voy a informar más que explicar el uso de una herramienta muy util a la hora de editar imágenes en el Gimp, como es la herramienta de "Tono y Saturación" que encontramos en las herramientas de colores:

Colores > Tono y Saturación

Ahora abirmos una imagen y vamos a probar lo que podemos hacer con esta herramienta:

Imagen a editar:

Imagen editada:

Solo emos selecionado el color amarillo "Y" y ir moviendo los parametros que estan en la parte inferior de la ventana hasta conseguir el color deseado, en este caso el rojo.

Bueno, esto solo era para dar a conocer la herramienta, se le pueden dar miles de utilidades.

[Tutorial] Crear banner HTML

Hola, en este tutorial, enseñare a crear un banner con una imagen echa por nosotros en el Gimp.

1- Alojar la imagen del banner en un host:

Lo unico que debemos hacer es la imagen del banner deseado y subirlo a algun host (alojamiento) como:

-Imageshack
-Imagehost

2- Copiar código HTML:

Despues de hacer esto, entra el HTML, simplemente hay que utilizar este código:

<a href="URL de tu web" target="_blank"><img alt="nombre del banner" src="link directo de la imagen (host)" />

Sustituimos donde pone URL de tu web, nombre del banner y link del host de la imagen, quedandonos algo así:

<a href="http://www.gimp.org.es/modules/mydownloads/" target="_blank"><img alt="Descargar Gimp" src="http://a.imagehost.org/0708/gimp.png" />

El mio para descargar el Gimp me ha queado así:

Algo simple, pero sirve de ejemplo.

[Descargas] Gimp para diversos S.O.

Hola, en la siguiente entrada, voy a dejar links para descargar el Gimp para los siguientes sistemas operativos:

-Linux: Descargar Gimp.
-MacOSX: Descargar Gimp.
-Windows: Descargar Gimp.

-Enlace todas las descargas de Gimp: http://www.gimp.org.es/

*Todos los contenidos son gratuitos.

[Tutorial] Instalar pinceles (brushes)

Hola, una cosa imprescindible a la hora de hacer cualquier proyecto son los pinceles.
En este tutorial aprenderemos sitios de donde descargarlos y como instalarlos en nuestro Gimp.

1-Descargar pinceles:

-http://www.techzilo.com/
-http://www.frogx3.com/
-http://gimp-brushes.uptodown.com/

*Podemos encontrar diversidad de páginas web que nos ofrezcan descarga de pinceles en Google.

2-Instalación de los pinceles descargados:

Esto es muy simple, tan simple como pegar los archivos descargados con extensión .gbr dentro de este directorio: /home/usuario/.gimp-versión que tienes de Gimp/brushes/

Despues de hacer este simple paso, ya tenemos una cosa facil de conseguir pero imprescindible para nuestros diseños.

[Tutorial] Instalar fuentes en Ubuntu

Hola, siempre que queramos hacer algun proyecto en el que aparezcan caracteres alfabéticos necesitaremos tener unas fuentes de buena calidad para obtener un mejor resultado.

En este tutorial explicare como instalarlas en Ubuntu:

1-Descargar la/s fuente/s de alguna web de fuentes, como por ejemplo:

-http://www.dafont.com/
-http://www.fontreactor.com/
-http://www.letramania.com/
-http://www.publispain.com/

*En Google podremos encontrar gran variedad de fuentes, aunque los dos primeros enlaces hay cantidad y calidad.

2-Extraer la carpeta de el archivo comrimido:

tar -c /carpeta del archivo comprimido/archivo comprimido.zip/.rar

Tambien se puede hacer con un click derecho del ratón a el archivo comprimido > Extraer aquí.

3-Mover la carpeta a el directorio /urs/share/fonts/:

cp -r /directorio donde se encuentra la carpeta extraida /urs/share/fonts/

Tambien se puede copiando la carpeta y pegandola en el directorio /usr/share/fonts.

*Atención: debes estar registrado como root para efectuar este paso.

4-Instalar la/s fuente/s:

fc-cache /usr/share/fonts/carpeta copiada/

[Tutorial] Rayos para firmas

Hola, para todos lo que usais y los que lo usareis... traigo un tutorial sobre como hacer rayos electricos del color que deseemos.

Es muy simple, solo hay que seguir estos pasos atentamente y intentar no perderse (no creo que se pierda nadie).

Empezamos.

1-Creación de una caba base.

Abrimos nuestro Gimp, vamos a Archivo>Nuevo.

Damos las dimensiones que queramos, desplegamos (↓) Opciones avanzadas y en "Rellenar con:" seleccionamos: "Transparencia" de modo que nos quede así:

2-Aplicar degradado de imagen:

Aplicamos un degradado a la capa qu tenemos, con los colores por defecto de negro y blanco, de derecha a izquierda. De forma que nos que de de esta forma:

*Atención: de esto de pende la forma de los rayos, podeis empezar y acabar el degradado como os de la gana... el final depende del principio.

Ahora esta capa la duplicamos en la ventana de "Capas, Canales, Rutas..." seleccionamos la capa y le damos al icono que hay debajo de las capas para duplicar, o vaomos a Capas>Duplicar Capa. De forma que la ventana de Capas quede así:

3-Aplicar Filtro Nuves de diferencia:

Ahora seleccionamos la copia que emos echo de nuestro degradado, y nos dirigimos a Filtros>Renderizado>Nuves>Nuves de diferencia.

Aplicamos los siguientes parametros:

Despues de esto unimos las dos capas seleccionando la capa de arriba (la copia con el filtro aplicado) y le damos con el boton derecho del raton y seleccionamos combinar hacia abajo o vamos a Capas>Combinar hacaia abajo.

Una vez combinadas las capas solo debemos tener una, y despues de la combinación la imagen aparentemente no cambia nada.

4-Invertir colores:

Ahora vamos a invertir los colores, de forma que lo que es blanco se ará negro y lo negro balnco, es de lógica.

Vamos Colores>Invertir.

Nos quedara algo así:

5-Niveles:

Ahora vamos a ajustar los niveles de color desde: Colores>Niveles.

Hasta que nos quede algo parecido a esto:

*El resultado varia segun ayamos echo el degradado (desde donde empieza la linea hasta donde acaba), hay que ir probando hasta que salga alguno que realmente nos guste, este no va a salir de los mejores.

6-Renderizado de la imagen:

Ahora vamos a eliminar todo el color Negro de la imagen y dejando lo que es negro en transparente.

Volvemos a duplicamos la capa que tenemos y la copiamos (Ctrl + C), le damos click derecho con el ratón y seleccionamos "Añadir mascara de capa" con color inicial de la mascara: Blanco.

Ahora seleccionamos la mascara de capa que aparecera al lado de la capa que se la hemos añadido (se añade a la capa de abajo) y le damos a pegar (Ctrl + V) ahora aparecera una nueva capa flotante, que le haremos click derecho con el ratón y a anclar capa flotante, debera quedarse en la mascara de capa, ahora borramos la capa superior (la que no lleva mascara de capa).

Nos debe quedar así:

Ahora, creamos una nueva capa Capas>Nueva con los mismos valores que la capa inicial (la primera de todas).

Combinamos la capa que acabamos de renderizar con la que hemos creado, para que sea RGB de la forma más fácil.

7-Colorear a nuestro gusto:

Ahora viene la mejor parte, colorear nuestro rayo del color que queramos!

Nos dirigimos a Colores>Colorear, y movemos los valores hasta que consigamos el tono deseado: