[[TUTO]] Firma con marco y gif animado

Wola chicos!! Aqui os dejo un tutorial de como realizar una firma con marco y gif animado, utilizando adobe photoshop CS:

- Vamos a Archivo / Nuevo y creamos un nuevo documento con estos parametros:

Imagen

- Vamos a Archivo / Abrir y abrimos la imagen que queremos que sea el fondo de la firma, luego la arrastramos al nuevo documento, quedando asi:
-
Imagen

- Seleccionamos de nuevo Archivo / Abrir y abrimos la imagenes que queremos que salgan en la firma, modificandolas como queramos, y las arrastramos a la firma:

Imagen

- Ahora nos vamos al menu de herramientas de nuestra izquierda, y seleccionamos la herramienta lazo poligonal:

Imagen

- Creamos una nueva capa en Capa / Nueva / Capa, y con el lazo poligonal seleccionado, hacemos dentro del marco, separado 1 o 2 cm del borde de la firma, la forma que queramos que tenga el marco:

Imagen

- Vamos a Seleccion / Invertir, seleccionamos la herramienta bote de pintura (la sexta de la fila de la derecha de la barra de herramientas) y rellenamos el marco de negro:

Imagen

- Ahora vamos a Capa / Estilo de capa / Opciones de fusion, y vais marcando las distintas opciones con los parametros indicados que pongo en las imagenes:

SOMBRA PARALELA

Imagen

SOMBRA INTERIOR

Imagen

RESPLANDOR INTERIOR

Imagen

BISEL Y RELIEVE

Imagen

SUPERPOSICION DE DEGRADADO

Imagen

TRAZO

Imagen


- Deberia quedarnos una cosa mas o menos asi:

Imagen

- Ahora vamos a la herramienta texto horizontal (en la barra de herramientas, la 8 de la fila de la derecha) y escribimos un texto cualquiera en la firma, vamos a la lista de capas (abajo a la derecha) y damos click en la capa del texto. Nos vamos a Capa / Rasterizar / Texto y colocamos el texto donde queramos y lo modificamos a nuestro gusto en las opciones de fusion (igual que antes):


Imagen

- Ya hemos acabado la firma utilizando el photoshop, ahora vamos ha hacer que el texto aparezca y desaparezca usando el adobe image ready, dandole click a este boton:

Imagen

- Ya estamos en el image ready. Vamos a asegurarnos de que salga la ventana necesaria. En Ventana debemos mirar que este marcada la opcion Animacion.

Vamos a la ventana de animacion y seleccionamos esta opcion:

Imagen

Se nos duplicara la capa.

- Ahora vamos a Capa / Estilo de capa / Opciones de fusion, y en la primera ventana que salga, la opcion Opacidad la ponemos al 0%, haciendo que desaparezca el texto de la firma:

Imagen

- Seleccionamos la opcion que hay justo a la izquierda y ponemos estos parametros:

Imagen

- Ahora, en la ventana de animacion, hay una flechita señalando hacia la derecha. Pulsad hay y seleccionais copiar cuadros. Despues vais a la misma flechita y seleccionais pegar cuadros. Por ultimo, otra vez le dais a la misma flechita y seleccionais invertir cuadros. Y ya esta, ya teneis el texto que aparece y desaparece.

- Vamos a Archivo / Guardar optimizada como y la guardais.

Resultado final:

Imagen


Espero que aprendais mucho con el ;), y aver que os parece.

Salu2!

P.D.: la firma del ejemplo sobrepasa en proporciones y tamaño a las permitida en este foro, vosotros podeis modificar los parametros que querais, solo hago el tuto para que os pueda ayudar ha hacer una firma ;)
Miscelanea?, El rincón del Eoliano?, PC?. Pero en Feedback...!!!, no veo que séa el lugar más apropiado, más cuando es un tutorial sobre un programa de PC.

Saludos!
Duque escribió:Miscelanea?, El rincón del Eoliano?, PC?. Pero en Feedback...!!!, no veo que séa el lugar más apropiado, más cuando es un tutorial sobre un programa de PC.

Saludos!


Lo siento, me he colao :P

Que algun mod lo mueva please
Buenísimo, ahí te dejo las cinco estrellas... ahora a ver si me sale bien XD
Mil gracias a todos!! Asi da gusto hacer los tutos ;)

Salu2!
Excelente tuto [oki], y esto se puede hacer tb con el Gimp?
dmox escribió:Excelente tuto [oki], y esto se puede hacer tb con el Gimp?


Pues ni idea tio, pero puedes ir probando aver que sale XD

Salu2 y gracias!!
Con el GIMP también se puede; para hacer el diseño solo hace falta imaginación (igual que con Photoshop) y para hacer la animación hay que hacer lo siguiente: creas una capa con una de las imágenes y en el nombre de la capa le pones al final el tiempo que quieres que se vea (en milisegundos), y encima creas otra capa con la imagen que quieras, incluyendo en el nombre de la capa también el tiempo que quieres que se vea; y ya solo queda guardarlo como gif.

Aquí tienes un tuto que te lo explica bien.
Y aquí tienes otro de como hacerlo con GAP (Gimp Animation Package), pero esto es más complicado y yo no tengo ni idea de usarlo (cierto es que no me he puesto a ello).

Saludos!

PD: Por cierto, que no lo he dicho, muy guapo el tuto 23JoseJuan2 [oki]
Gracias por la explicacion para el gimp XD

Salu2 y gracias!
12 respuestas