Manual Gimp

De Gleducar, http://www.gleducar.org.ar

Gimp es un programa con aplicaciones que van desde lo muy simple, hasta lo más profesional. Por esa razón explicar todas las posibilidades del mismo sería muy difícil.

En cambio, nos pareció que una selección de procedimientos que nos muestren paso a paso, como lograr algunas cosas, podrían darles una idea de como empezar y resolver cuestiones comunes a los programas de retoque fotográfico.

Tabla de contenidos

Brochas

Roxana Falasco
roxana [@] falasco [.] org 
23 de diciembre del 2004

En este tutorial aprenderemos a realizar brochas comunes y brochas dinámicas. Copyright (c) 2003 Roxana Falasco. Se otorga permiso para copiar, distribuir y/o modificar este documento bajo los términos de la Licencia de Documentación Libre de GNU, Versión 1.2 o cualquier otra versión posterior publicada por la Free Software Foundation; sin Secciones Invariantes. Una copia de la licencia está en: http://www.gnu.org/licenses/fdl.txt

1.Creamos una nueva imagen de 19x19 a escala de grises.

Creación de una nueva imagen.
Creación de una nueva imagen.


2.Escogemos la brocha y realizamos un dibujo cualquiera.

Imagen de una estrella, (imagen ampliada para trabajar mejor con ella).
Imagen de una estrella, (imagen ampliada para trabajar mejor con ella).


3.Guardamos la brocha con el nombre de: estrella.gbr. (siempre es mejor usar un nombre descriptivo) en la siguiente ruta: /home/nuestro_usuario/.gimp-2.0/brushes/.

La extensión, SIEMPRE, ha de ser ".gbr"
La extensión, SIEMPRE, ha de ser ".gbr"


4.Aparecerá un cuadro de diálogo que nos preguntará el espaciado, indicamos 100, (aunque dependerá del tipo de dibujo que hayamos creado) y la descripción.

El espaciado puede ser modificado después de utilizar la brocha.
El espaciado puede ser modificado después de utilizar la brocha.


5. Pulsamos el botón Refrescar en la ventana de Brochas; ¡¡aparecerá la brocha que hemos creado!!. ;-)

Diálogo: Brochas.
Diálogo: Brochas.


Creación de una brocha dinámica...

1. Creamos una nueva imagen con fondo transparente, RGB de 60x60.

Creación de una nueva imagen.
Creación de una nueva imagen.

2. Realizamos un dibujo en la primera capa. Realizamos un segundo dibujo en una segunda capa transparente. Y así sucesivamente, hasta los dibujos que queramos que tenga esa brocha (yo he creado cuatro capas, con cuatro dibujos distintos).

Cuatro dibujos distintos en cuatro capas transparentes.
Cuatro dibujos distintos en cuatro capas transparentes.

3. A continuación guardamos la brocha en la carpeta brushes (home/nuestro_usuario/.gimp-2.0/brushes/), con el nombre que queramos, ¡pero la extensión debe de ser: .gih! y ¡¡Recuerden que en el momento de guardar deben estar todas las capas visibles!!

Guardar imágen
Guardar imágen

Sugerencia: siempre es conveniente guardar la brocha también en formato.xcf por si algún día hay que realizarle un cambio.

4. A continuación aparecerá una ventana que nos preguntará lo siguiente:

Espaciado: escribimos 100

Descripción: por ejemplo smyles

Rangos: ha de coincidir con el número de capas, en este caso 4.

Selección: incremental, de esta forma pasará por las capas en el mismo orden en que las hemos creado.

Los demás datos los dejamos tal cual.

Guardando la imagen como brocha dinámica
Guardando la imagen como brocha dinámica

5. Pulsamos el botón refrescar en la ventana de Brochas; ¡¡veremos la brocha que hemos creado!!. ;-)

Diálogo: Brochas.
Diálogo: Brochas.

6. Simplemente creando una nueva imagen y seleccionando una de las brochas que hemos creado, podemos comprobar los resultados.

Muestra de las brochas que hemos creado.
Muestra de las brochas que hemos creado.

Cold

Roxana Falasco
roxana [@] falasco [.] org 
11 de junio del 2003

En este tutorial aprenderemos a darle un toque de frío a nuestros textos.

Basado en: tomcat's tutorial - icy glow http://gug.sunsite.dk/tutorials/tomcat12/ Copyright (c) 2003 Roxana Falasco. Se otorga permiso para copiar, distribuir y/o modificar este documento bajo los términos de la Licencia de Documentación Libre de GNU, Versión 1.2 o cualquier otra versión posterior publicada por la Free Software Foundation; sin Secciones Invariantes. Una copia de la licencia está en: http://www.gnu.org/licenses/fdl.txt

1.Creamos una nueva imagen con el fondo negro y letras blancas. (Yo utilicé el tipo de letra Crillee, con un tamaño de 72 puntos y estilo normal).

Imagen del paso 1.
Imagen del paso 1.

2.Rotamos la imagen 90 grados: Imagen -> Transformaciones -> Rotar .

Imagen del paso 2.
Imagen del paso 2.

3.Aplicamos el filtro de viento: Filtros -> Distorsión -> Viento , seleccionamos Dirección Izquierda, Borde afectado Delantero y una fuerza de 5.

Imagen del paso 3.
Imagen del paso 3.

4. Rotamos la imagen 270 grados.

Imagen del paso 4.
Imagen del paso 4.

5. Duplicamos la imagen.

Imagen del paso 5.
Imagen del paso 5.

6.A la imagen original le aplicamos un desenfoque: Imagen -> Filtros -> Desenfoque gaussiano (IRR) con valor de 4 para X e Y.

Imagen del paso 6.
Imagen del paso 6.

7.Ahora vamos a Niveles: Imagen -> Colores -> Niveles y ponemos el nivel de salida del rojo a 0 y el nivel de salida del verde a 191.

Imagen del paso 7.
Imagen del paso 7.
Imagen del paso 7.
Imagen del paso 7.
Imagen del paso 7.
Imagen del paso 7.

8.Ahora en la otra copa le cambiamos el Modo a Suma. Y un desenfoque gaussiano (IRR) con valor de 3 para X e Y. ¡¡ Y listo !! :D

Imagen del paso 8.
Imagen del paso 8.

Efecto TV

Roxana Falasco
roxana [@] falasco [.] org 
23 de diciembre del 2004

Efecto de pantalla de TV en imágenes.

Copyright (c) 2003 Roxana Falasco. Se otorga permiso para copiar, distribuir y/o modificar este documento bajo los términos de la Licencia de Documentación Libre de GNU, Versión 1.2 o cualquier otra versión posterior publicada por la Free Software Foundation; sin Secciones Invariantes. Una copia de la licencia está en: http://www.gnu.org/licenses/fdl.txt

1. Abrimos la imagen deseada.

Foto de mi sobrino "JD". ;)
Foto de mi sobrino "JD". ;)

2. Creamos, por encima de esta capa, una nueva capa transparente

Capa transparente.
Capa transparente.

3. Ahora lo que vamos a hacer es crear nuestro propio patrón, para ello hacemos lo siguiente: Creamos una nueva imagen de 1x2 píxels con fondo blanco.

Ampliamos la imagen ya que así es imposible trabajar con ella.
Ampliamos la imagen ya que así es imposible trabajar con ella.

4. Seleccionamos el lápiz y escogemos el tipo de brocha más pequeña: Circle(01) (1x1). Pintamos el píxel inferior como podemos ver en la imagen.

Píxel inferior pintado en negro.
Píxel inferior pintado en negro.

5.Salvamos el patrón en la carpeta "patterns" del Gimp (/home/usuario/.gimp-2.0/patterns/) con el nombre de tv.pat. Le ponemos la descripción que queramos, por ejemplo TV.

La extensión de un patrón siempre ha de ser siempre .pat
La extensión de un patrón siempre ha de ser siempre .pat

6.Ahora escogemos: Archivo -> Diálogos -> Patrones, o bien, May +Ctrl + P. Por último cliqueamos en el botón refrescar; veremos el patrón que hemos creado.

Diálogo: Patrones
Diálogo: Patrones

7. Volvemos a la primera imagen, seleccionamos la capa Transparente y con el bote de pintura, pintamos toda el área con nuestro patrón "TV".

Capa transparente totalmente pintada con el patrón TV.
Capa transparente totalmente pintada con el patrón TV.

8. Por último ponemos la capa en modo Multiplicar y listo. Si la imagen queda un poco oscura podemos reducir la opacidad.

Antes y después ;)
Antes y después ;)

Esquinas redondeadas

Roxana Falasco
roxana [@] falasco [.] org 
23 de diciembre del 2004

Mini tutorial para realizar esquinas redondeadas.

Tutorial basado en: tomcat's tutorial - rounded corners Copyright (c) 2003 Roxana Falasco. Se otorga permiso para copiar, distribuir y/o modificar este documento bajo los términos de la Licencia de Documentación Libre de GNU, Versión 1.2 o cualquier otra versión posterior publicada por la Free Software Foundation; sin Secciones Invariantes. Una copia de la licencia está en: http://www.gnu.org/licenses/fdl.txt

1. Creamos una imagen

Imagen de 300x300 píxels.
Imagen de 300x300 píxels.

2.Aplicamos un efecto gaussiano (IIR) de 20 para X e Y.

Efecto gaussiano (IIR)
Efecto gaussiano (IIR)

3. A continuación escogemos: Imagen -> Colores -> Niveles y cambiamos las entradas por: 12, 1.0, 130. Obteniendo finalmente las esquinas redondeadas.

Imagen final.
Imagen final.

Ã?conos

Roxana Falasco
roxana [@] falasco [.] org 
11 de junio del 2003

Con este tutorial mostraré cómo crear íconos con estilo a los de Kde.

Copyright (c) 2003 Roxana Falasco. Se otorga permiso para copiar, distribuir y/o modificar este documento bajo los términos de la Licencia de Documentación Libre de GNU, Versión 1.2 o cualquier otra versión posterior publicada por la Free Software Foundation; sin Secciones Invariantes. Una copia de la licencia está en: http://www.gnu.org/licenses/fdl.txt

1.Creamos una nueva imagen con tipo de relleno transparente de 64x64 píxels. Dibujamos la imagen para el icono.

Imagen del paso 1.
Imagen del paso 1.

2.Pulsamos con el botón derecho encima de la imagen y escogemos Capa -> Alfa a selección .

Imagen del paso 2.
Imagen del paso 2.

3.A continuación Seleccionar -> Encoger 4 píxel y "Encoger desde el borde de la imagen".

Imagen del paso 3.
Imagen del paso 3.

4.Creamos una nueva capa y rellenamos la selección con blanco.

Imagen del paso 4.
Imagen del paso 4.

5.Deseleccionamos y aplicamos un Desenfoque Imagen -> Filtros -> Desenfoque -> Desenfoque gaussiano , con un valor de 5.

Imagen del paso 5.
Imagen del paso 5.

6.Ponemos la nueva capa en modo solapar

Imagen del paso 6.
Imagen del paso 6.

7. Duplicamos la capa. Y unimos las tres capas (Ctrl + M)

Imagen del paso 7.
Imagen del paso 7.

8. Creamos una nueva imagen con fondo transparente (Ctrl + N) del mismo tamaño que la primera, copiamos nuestro ícono y lo pegamos en esta nueva imagen. Lo ponemos en modo tonos de gris (Alt + G) y le aplicamos un desenfoque gaussiano de 5.

Imagen del paso 8.
Imagen del paso 8.

9.Ahora volvemos a la primera imagen y escogemos Imagen -> Filtros -> Aplicación -> Aplicación de relieve . Activamos "Compensar oscurecimiento", en "Mapa de relieve" escogemos la segunda imagen y en "Profundidad" un 3.

Imagen del paso 9.
Imagen del paso 9.

Por último escogemos Imagen -> Filtros -> Efectos de Luz -> Efectos de iluminación . En la pestaña luz introducimos los siguientes valores (aproximados) Luz: X: -0.96, Y:-0.90, Z:0.81 Material: Ambiental: 0.30, Difusa: 1,30, Reflexividad Difusa: 0.40, Especular: 0.60, Reflejos: 27.00. Guardamos la imagen en formato xpm y ¡¡ Listo !! ya tenemos nuestro ícono personalizado para el Xmms ;)

Imagen del paso 10.
Imagen del paso 10.

Metal

Roxana Falasco
roxana [@] falasco [.] org 
23 de junio del 2003

Con este tutorial aprenderemos a realizar textos dándoles un toque metálico.

Tutorial basado en: http://gug.sunsite.dk/tutorials/tomcat16/ Copyright (c) 2003 Roxana Falasco. Se otorga permiso para copiar, distribuir y/o modificar este documento bajo los términos de la Licencia de Documentación Libre de GNU, Versión 1.2 o cualquier otra versión posterior publicada por la Free Software Foundation; sin Secciones Invariantes. Una copia de la licencia está en: http://www.gnu.org/licenses/fdl.txt


1. Creamos una nueva imagen de unos 500x150 píxels. Creamos una nueva capa transparente a la cual añadimos un texto en color blanco (yo utilicé la fuente Cooper con un tamaño de 72 puntos).

Imagen del paso 1.
Imagen del paso 1.

2.Seleccionamos Fijar transparencia.

Imagen del paso 2.
Imagen del paso 2.

3.Con la herramienta gradiente, y escogiendo un gradiente personalizado se lo aplicamos al texto (yo escogí el gradiente "Flare_Sizefac_101).

Imagen del paso 3.
Imagen del paso 3.

4.Creamos una nueva capa con fondo negro, escribimos lo mismo en letras blancas. Y le aplicamos un desenfoque de 8 para X e Y.

Imagen del paso 4.
Imagen del paso 4.

5.Escogemos la primera capa para darle una aplicación de relieve: Filtros -> Aplicación -> Aplicación de relieve , usando la segunda capa. Pondremos una profundidad de 8. Tipo de aplicación: Aplicación Lineal y escogemos compensar oscurecimiento.

Imagen del paso 5.
Imagen del paso 5.

6.Obtendremos algo como esto:

Imagen del paso 6.
Imagen del paso 6.

7.Modificamos la curva de colores: Imagen -> Colores -> Curvas.

Imagen del paso 7.
Imagen del paso 7.

8.Y por fin, tendremos nuestras letras con un estilo metalizado ;)

Imagen del paso 8.
Imagen del paso 8.