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.

17 febrero 2010

EL GIMP(Texto sencillo en relieve)

Creamos un nuevo documento de 600X200 y en opciones avanzadas,
 rellenar con el color de frente que ya hemos escogido previamente:
1b
Con la herramienta A escribimos el texto que queremos en color blanco.
2b
Con la capa fondo activa vamos a Filtros>Mapa>Mapa de relieve y aplicamos el relieve sobre
la capa texto y os dejo los valores que yo e puesto, pero se puede ir cambiando y probando.
3b
Bajamos la capa texto y seleccionamos las letras en alfa a selección.
Copiar y pegar y se creara una selección flotante y pinchamos en el folio blanco
de capa nueva
4b
Se ha creado una capa transparente con el texto en relieve, eliminamos la capa fondo
y antes de eliminar la selección vamos a Seleccionar>Agrandar y agrandamos la selección 3px.
5b
Activamos la capa del texto en blanco y rellenamos toda la selección de otro color,
yo e cogido el amarillo.y vamos a filtros> Desenfoque>Desenfoque gaussiano y le doy
5px. de radio de desenfoque.
6b
Ahora guardamos la imagen en GIF si queremos que el fondo sea transparente,
 si queremos ponerle un fondo creamos otra capa , la colocamos abajo del todo
y la rellenamos del color que nos guste y la podemos guardar en JPEG

15 febrero 2010

EL GIMP(Texto siguiendo a ruta)

Voy a intentar explicar como un texto puede seguir a una ruta con El gimp.
Lo primero será abrir un nuevo documento en mi caso de 500X400.

1
Creamos una nueva capa que llamaré TRAZO. y como mi intención es que el trazo sea más o menos
circular,en vez de hacerlo a pulso ,cojo la selección Elíptica y creo un circulo en la capa trazo
que me servirá de guía para crear el trazado.
1a
Activo la herramienta RUTA y voy haciendo clic siguiendo la selección anterior y para unir el
último punto con el primero mantengo pulsada la tecla CTRL mientras pincho encima del
de inicio.
Ya puedo eliminar la selección con MAYÚS+CTRL+A.

2
Con la herramienta texto escribo el texto que seguirá la ruta y pincho en CERRRAR.
3 
Voy a Capas>y pincho en >Texto siguiendo a ruta(tarda unos segundos en hacer la transformación)
y nos encontraremos con dos textos el que hicimos primero y el que se acaba de acoplar a la ruta.
Eliminamos la capa del texto.
4
Abrimos la ventana Rutas, pinchamos en el recuadro rojo de abajo que es de Ruta a selección.
y cerramos los dos ojos a las capas de rutas.
5
Volvemos a la ventana Capas y rellenamos la selección que se ha creado en el texto del color que queramos.
A la capa fondo  le damos un relleno o un degradado.

Dejo otra imagen con el texto siguiendo una curva, donde los pasos a seguir son los mismos,
lo único que cambia es la forma de la ruta.

14 febrero 2010

Feliz día de San Valentín

10 febrero 2010

EL GIMP (Marcos con máscara rápida)

Voy a profundizar un poco en la MÁSCARA RÁPIDA.
En la esquina inferior izquierda de la ventana de la imagen hay un pequeño botón para activarla
o simplemente  desde el teclado, pulsando MAYUS+Q.
Aparentemente  todo se llena de color rojizo y esto no quiere decir que hayamos pintado nada,
este color rojizo nos indica que toda la imagen está protegida.
Activamos la herramienta Pincel (P)con el color de frente en negro para crear zonas seleccionadas
y  cambiando al color  blanco para restaurar el rojizo (que es la zona protegida) donde nos hemos pasado.
Cuando volvamos a pulsar sobre el cuadrito de la esquina la máscara desaparecerá ,
dejando en su lugar una zona seleccionada como camino de hormigas de todo lo que hemos pintado con el
color negro  anteriormente.
Si la imagen a la que queremos aplicar la máscara rápida ya es de un color rojizo, para no confundir
los colores y guiarnos mejor pinchamos con el botón derecho sobre el rectangulito y se nos abrirá la ventana
Atributos de la máscara rápida, donde poder cambiar el color de la mascara y cambiarle la opacidad
aunque yo la dejaría al 50%  ya que se va perdiendo la nitidez de la imagen cuanto mayor sea la
opacidad.
3
Cuando la máscara no está activa este será este  aspecto de su icono:
1
Cuando estemos trabajando en modo de máscara el icono tendrá este otro aspecto:
2
Voy a crea unos marcos muy sencillos alrededor de una imagen con este método.
Abrimos una imagen
original
y la seleccionamos en Seleccionar>todo.
Ahora en Seleccionar>Encoger yo le aplico 25px.
2a 3a
Luego hago clic en el cuadradito  de máscara rápida en la esquina inferior izquierda de la imagen, o CTRL+Q
Una máscara de color rojo translúcido aparece alrededor de su selección.
Esta máscara roja representa la zona protegida de la imagen.
Vamos a aprovechar esta máscara para aplicar efectos a los marcos.
2b
1-Con la máscara  visible vamos a  Filtros -> Distorsión -> Ondas  Apliquemos el filtro
y aceptamos.
5a
Voy a añadir un efecto más: Filtros < desenfoque Blur ->
desenfoque gaussiano (RLE)
.y le doy un desenfoque de 10x.
6a
Ahora tenemos  un borde suave en la máscara, hago clic en el botón de máscara rápida o ctrl+Q
para convertir la máscara de nuevo en una selección.
Se puede apreciar como la selección sigue la máscara.
7a
Esta es una potente característica de máscara rápida.
Se puede utilizar para modificar cualquier selección existente, y puede incluso   usarse para crear nuevas selecciones.
El último paso es   Seleccionar -> Invertir o CTRL+I, para que se rellene la zona que ahora tenemos
protegida,en rojo, que es el marco.
y rellenamos en  Editar -> Rellenar con color de fondo.
El resultado, en nuestro caso es un marco  blanco suave que se  desvanece.      
Eliminamos la selección con MAYÚS+CTRL+A. 


OTROS EJEMPLOS 
Utilizando la misma imagen anterior y la misma máscara rápida, pero esta vez vamos a
Filtros -> Ruido -> Esparcir,   con los ajustes horizontal y vertical a 30,
8a
y siguiendo los últimos pasos de desactivar la máscara, invertir y rellenar
se obtiene este otro efecto.





Utilizando de nuevo la misma imagen anterior y la misma máscara
en Filtros> Desenfoque<Desenfoque Gaussiano  de 15PX.
9a
y seguidamente Filtros -> Distorsión -> Papel de periódico
con estas medidas:
10a
Conseguiremos este otro efecto :


De la misma forma que utilizamos un color tanto de fondo como de frente para dar color al  marco,
también podemos utilizar un patrón o motivo, incluso un degradado.
Se puede ir probando con otros filtros y conseguir efectos interesantes.
 
IR ARRIBA