26 febrero 2010

EL GIMP(Banner animado)

Voy a crear con El gimp un banner animado muy simple y convertido en gif animado.
Lo primero que e hecho es crear una carpeta para guardar en ella todo el material que voy a preparar para el logo.
Como mi animación es un anunció sobre El gimp y quiero que se vea el área de trabajo del programa,
con el abierto, e subido las imágenes una a una y las e capturado y guardado en JPEG. en la carpeta
creada para este fin.
Estos son un par de ejemplos de las capturas:
4 5
Una vez  guardadas todas las imágenes, creamos un nuevo documento de 400X150 px.
2
A cada capa que voy a ir creando la numero y le doy color, abro , reduzco y arrastro
al documento las imágenes colocándolas en la capa donde quiero que aparezcan.
Trabajo con las herramientas de selección, pinceles y la de texto.
Una vez todas las capas con los elementos en su sitio, las clasifico empezando por abajo,
en el orden en que tienen que aparecer.
6
Si cerramos todos los ojos de las capas y vamos abriendo desde abajo , podemos comprobar
si están en su sitio o tenemos que subir o bajar alguna de ellas.
Ahora tenemos que crear la animación y para ello vamos a Filtros>animación>optimizar para gif.
Se nos abre otro documento con la animación ya creada:
7
En la ventana Capas podemos ver la velocidad que ha creado en programa por defecto en
milésimas por segundo y vamos a reproducir el logo para comprobar si tenemos que bajarle la velocidad.
Para ello desde este nuevo documento volvemos a Filtros>animación>reproducir y nos aparecerá esta
otra ventana y pincharemos en el play.
8
Seguramente irá demasiado rápida la reproducción y para reducirla cambiamos en la ventana capas
la cantidad de ms(cuanto mayor sea el número más despacio se visualizará el logo).
Para cambiarla pinchamos dos veces encima del texto de la capa y una vez cambiado pinchamos
en enter.(lo mismo que hacemos para renombrar una capa.).
Iremos probando la reproducción las veces que haga falta y cuando estamos conformes toca guardarlo.
En Guardar como, le damos un nombre, le indicamos la carpeta donde se va  a guardar y extensión
IMAGEN GIF:
9
A continuación se nos abre otra ventana muy importante:
10
Tenemos que marcar GUARDAR COMO ANIMACIÓN, os lo e marcado en la captura.
Y ya tenemos nuestro Logo animado.

24 febrero 2010

EL GIMP( De foto a lápiz combinado)

Voy a pasar una imagen a lápiz y luego convertirla en medio lápiz, medio imagen.
Para ello lo primero es abrir una imagen, que yo en mi caso utilizo la de un Ferrari
1
y le elimino la información de color en Imagen>Modo>Escala de grises.
Duplicamos la capa y esta nueva la ponemos en Modo SUMA:
2
Con la capa de arriba activa vamos a Colores>Invertir y se nos quedará todo el documento en blanco.
Vamos a Filtros> Desenfoque blur>Desenfoque gaussiano y para empezar le aplicamos un desenfoque
de 5px y seguramente que ya nos empieza a aparecer la imagen, pero es posible que necesite más
desenfoque y para ello pulsamos en CTRL+F las veces que necesitemos hasta que nuestra imagen
sea bastante visible y Combinamos las 2 capas
3
Ahora tenemos que darle nitidez a las líneas del dibujo y lo hacemos en
Colores>niveles y jugamos con los deslizadores, dejando el del medio con el valor 0,10
hasta que lo encontréis a vuestro gusto.
4
Para los mas perfeccionistas todavía abrimos Colores> Curvas y ajustamos más el dibujo.
5
Ahora no debemos de olvidarnos de volver a dejar nuestra imagen en Modo RGB.
Ya tenemos la foto convertida a lápiz, pero vamos a ir más lejos, porque lo que queremos es
que la imagen este a medio dibujar y para ello volvemos a abrir la imagen original
6
y arrastramos el icono de la ventana capas hasta nuestro documento .
La capa que se se ha creado la dejamos arriba y trabajaremos con ella .
Vamos a crear una máscara de capa y para ello, pinchamos con el botón derecho sobre
la capa y en el menú escogemos Añadir Máscara de capa dejando los valores por defecto.
7

En herramientas escogemos Degradado de negro a transparente
8
si queremos que la transparencia se cree
a la izquierda de la imagen y si queremos
que se cree a la derecha, entonces,
activamos el cuadrito que se encuentra
al lado del rectángulo con el degradado
y se invierte de transparente a negro.
En este primer ejemplo, pinchamos y arrastramos el cursor desde el lado izquierdo de la imagen
hasta el medio de esta y repetimos la operación desde distintos puntos del lado izquierdo
hasta la mitad (las veces que creáis necesarias)
9
Y ya tenemos nuestro FERRARI terminado:
Ferrari
Y este MUSTANG con el dibujo a la derecha:
mustang

21 febrero 2010

EL GIMP(Texto a ruta desde selección)

Expliqué hace unos días como crear texto siguiendo a una ruta trazada anteriormente.
hoy voy a explicar prácticamente  lo mismo pero desde una selección circular ,
ya que queda el circulo perfecto,
cosa que es muy difícil conseguir dibujando a mano alzada la ruta.
Lo primero será como siempre crear un nuevo documento, en este caso de 600X600.

1
Vamos a Imagen > Guías > guía (por porcentaje) y como podéis ver sale una en horizontal,
aceptamos y volvemos a repetir la operación pero esta vez cambiamos en la pestaña a vertical,
y ya tenemos marcado el centro del documento con dos líneas que se juntan en una cruz.
2
1- Creamos una nueva capa que llamaremos 1
2-Activamos la herramienta selección elíptica y colocamos el cursor sobre el centro de las guías .
3-Cuando esté bien centrado hacemos CLIC+MAYÚS+CTRL para que salga desde el centro , se cree
un circulo perfecto y arrastramos hacia afuera hasta conseguir el circulo que nos interesa.
4

4-Lo rellenamos del color que más nos guste y sin eliminar la selección creada vamos a
 Seleccionar> Encoger y le ponemos 30px.
5

5-Abrimos la ventana Rutas y en primer lugar pinchamos en De selección a ruta y segundo
 abrimos el ojo de la ruta que se ha creado, ya podemos eliminar la selección en MAYÚS+CTRL+A.

6
6-Volvemos a la ventana Capas y activando la herramienta texto, escribimos lo que queramos
para nuestra ruta.
7
7-Una vez terminado nuestro texto , nos dirigimos a Capas> Texto siguiendo a una ruta
( tardará unos pocos segundos en hacer la transformación), una vez el texto en la ruta ya
podemos eliminar la capa del texto.
8-Abrimos de nuevo la ventana Rutas y activando la capa que tiene el texto y 
pinchamos en el cuadrado rojo (de ruta a selección).
8
9-Volvemos a Capas y rellenamos la selección del color que nos guste y en la ventana
 Rutas eliminamos las dos capas. Ahora vamos repitiendo todos los pasos desde
el 1 hasta el 9, reduciendo el circulo lo que cada uno quiera
y poniendo texto y símbolos e incluso como podéis ver pinceladas.
9
Si queréis cambiar en alguna de las capas el lugar de comienzo del texto, solo tenéis que activar
la herramienta Rotar y girar hasta situar el comienzo donde os guste.
10
Para terminar podéis dejar la capa fondo y pintarla con colores sólidos o degradados.
En mi caso e eliminado esta capa y  guardado el dibujo en extensión PNG
para que solo se vea el circulo.
 
IR ARRIBA