Tutorial: Juntar firmas en una Animada.

Omarad · 21/04/07, 22:00:39

Hola!!!

El tutorial que les presento es para hacer una firma con un efecto como este:

El “secreto” para crear una de estas firmas es usar el programa adecuado, y este es el Adobe ImageReady viene junto con el Adobe Photoshop 9 CS2 (no se si venga en otras versiones). Abrimos el programa ImageReady y abrimos también las firmas que quieras unir, recuerda que entre mas sean mas pesara la firma final, quizás 3 o 4 máximo. Si estas en el photoshop da clic en el botón siguiente para abrir el ImageReady:

Una vez abiertas todas las firmas vamos a conocer un poco de ImageReady si es que nunca has trabajado con el. En este software hay varias ventanas que podrás abrir desde el menú window/ventana, la que usaremos hoy es Animación/Animation. A continuación describiré un poco las herramientas y botones que utilizaremos:

Bueno, ahora si, vamos al grano. Selecciona una firma para que sea la primera en aparecer, ya que la tengas solo recuérdalo. Escoge la firma que ira de segunda en aparecer. Fíjate que en la ventana de animación aparece seleccionada la “Frame” ve a “Opciones” y da clic en “Copy Frame”/”Copiar …”

Ahora ve a la firma que ira primera y da clic en las opciones igual que antes pero da clic en “Paste Frame”/Pegar, se abrirá un cuadro escoge la opción “Pegar Después de la Selección”/Paste After Selection

Como se puede ver en la imagen anterior la ventana de animación debería quedar así, con dos “frames” y la segunda seleccionada. Repite el paso anterior para agregar todas las firmas que ocupes. Pasaremos al siguiente paso. Una vez agregadas las 3 o 4 firmas solo bastaría agregar tiempo para la transición, pero decidí que para que se viera mejor, seria bueno agregar un efecto a la transición.

IMPORTANTE

Si no quieres hacer el efecto siguiente por cuestión de que el tamaño de la firma aumenta considerablemente o porque no quieres (xD) sáltate estos pasos hasta las instrucciones de cómo agregar tiempo, optimizar y guardar. Si la firma es para webconferencia te recomiendo lo saltes porque no podrías ponerla porque el tamaño aumenta.

Quiero suponer que la ventana de animación tuya ha quedado mas o menos asi:

Ahora debemos seleccionar las dos primeras Frames, para esto damos clic en la tecla control y la dejamos pulsada y damos clic sobre las dos primeras Frames la 1 y 2, deberá verse así:

Vamos a dar clic en el botón siguiente y aparecerá un cuadro de dialogo en el cual pondremos el numero 3.

El resultado en la ventana de animación será el de la siguiente imagen:

Vamos a Repetir el paso anterior pero ahora con la Frame numero 5 y 6 con lo cual quedara asi:

Ya casi por ultimo vamos a repetir el proceso pero con las frame numero 1 y 9. Quedara asi:

Si hicieron todo bien y están usando tres firmas, ya tendrán 12 frames, ahora vamos a proceder a dar tiempo.

TIEMPO

Esto no es muy complicado. Utilizando la tecla control pulsada vamos a dar clic en las frames número 1, 5 y 9 (o 1, 2 y 3 si no hiciste el degradado), procedemos a dar clic en el botón tiempo de cualquiera de esas tres y escogemos 2.0 segundos. (Varia si usas más firmas)

Ya para finalizar vamos a guardarla en gif, pero primero tenemos que cambiar algunas opciones. Da clic en la pestaña Optimize/Optimizar en las ventanas que hay a los lados (no en la ventana de la firma), si no esta búscala en el menú Window/Ventana. Las opciones en esa ventanita deben quedar como muestra la imagen siguiente:

Ahora vamos a File/Save Optimized as…/ [Archivo/Guardar Optimizada]. El formato debe ser Gif y se puede cambiar al lado de donde se pone el nombre, aunque usualmente siempre es Gif.

l resultado final es una imagen animada, con efecto de transición degradada (o aglo asi), a mi me quedo asi, dependiendo de los colores de la imagen y otros factores puede perder un poco de calidad, mi resultado es este.

Con efecto de Transición Degradada

Sin Efecto de Transición Degradada

Espero que el tutorial no haya quedado confuso, trate de que no fuera asi… espero les sirva dudas, aclaraciones, estoy a su disposición. De preferencia posteen aquí por que a veces sus dudas respondidas despejan las dudas de los demas, sino agregadme omarad_16@hotmail.com ^^

Saludos!!

Tutorial hecho por Omarad

**Sabrix** · 21/04/07, 22:14:52

Cita:

Bueno, ahora si, vamos al grano. Selecciona una firma para que sea la primera en aparecer, ya que la tengas solo recuérdalo. Escoge la firma que ira de segunda en aparecer. Fíjate que en la ventana de animación aparece seleccionada la “Frame” ve a “Opciones” y da clic en “Copy Frame”/”Copiar …”

aca ya me perdi
socorro!
porq estan dificil?

no encuentro las opciones y tampoco se copiar
tengo la version en español

me podras ayudar?

gracias!

Omarad · 21/04/07, 22:36:32

Bueno, no encontre la traduccion de la palabra "Frame" pero supongo que debe ser "cuadro" o "marco" cuadro es mas coherente.

Para copiar tienes que seleccionar el cuadro de la firma con un clic y dar clic en la flechita en la esquina de la ventana de animación, salen varios opciones has clic en "copiar cuadro" (o algo asi) busca que diga copiar, luego te vas a la firma donde ira la primera haces lo mismo de la flecha y buscas la opción pegar.

Espero que no tengas mas problemas... buscare los comandos traducidos pero ser difícil, como quiera si eso no respondió a tu pregunta o tiene alguien mas dudas, posteelo, saludos!

**DamiH** · 22/04/07, 01:15:24

Omarad, gracias por poner el tutorial.

En realidad, no estaba en mis planes, porque lo que más le cuesta a la mayoría de los foristas de la webcon es justamente hacer firmas. Por eso, primero quería asegurarme que entiendan los tutoriales para hacer firmas, y luego aprender a usar ImageReady.

Ojalá que puedan entender el tutorial, pero me parece mejor concentrarnos en quitar dudas con respecto a crear una firma, y luego enseñar a animarlas

.

¿No les parece?

Va, no sé en realidad

, tampoco es que esté prohibido, pero yo para hacerles fácil el uso del programa.

Omarad · 22/04/07, 01:37:51

Bueno, yo lo hice pensando en un usuario de aquí que me pregunto y me dijo que si le podía explicar, porque explicarle solo a esa persona si se puede hacer publico y a lo mejor ayudar a algunos otros, bueno mi punto de vista, saludos! a ver si hago algunos tutoriales básicos entonces ;)

zefron · 22/04/07, 18:18:41

muchas gracias omarad! te pasaste!!

Iron line · 22/04/07, 18:52:53

Hola Omarad, tengo una duda: en mi caso quiero juntar dos firmas, por lo tanto varía el número de imágenes, ahora bién, cuáles son las que debo seleccionar (ej: 1,5, y 9) a la hora de hacer el degradado y demás pasos que impliquen una selección???
Gracias por el tutorial y espero que hayas entendido mi consulta

AlexSan · 22/04/07, 20:05:17

oye Omarad disculpa pero ese efecto de movimiento se puede
hacer en el Paint Shop Pro 8?
y si se puede como se hace??
igual?? :S

aeslamb · 22/04/07, 23:54:11

Cita:

Iniciado por Omarad

Ahora vamos a File/Save Optimized as…/ [Archivo/Guardar Optimizada]. El formato debe ser Gif y se puede cambiar al lado de donde se pone el nombre, aunque usualmente siempre es Gif.

Gracias por los tips pero eso de guardarlo... no puedo guardarlo como .gif me dice que solo se puede guardar por cuadro o por frame como dices tu..! ayuda!

aeslamb · 22/04/07, 23:57:58

mm creo que ya pude gracias! de todas formas!
haces tutoriales de 10!

aeslamb · 23/04/07, 00:04:01

Gracias MIra LO que resulto! jaja lo puse de firma

aeslamb · 23/04/07, 00:05:54

jjojoj kreo ke no se ve ahi :S

ke mallll ((voy a llenar la hoja con mis comentarios! ¬¬

Omarad · 23/04/07, 01:13:53

Cita:

Iniciado por Iron line

Hola Omarad, tengo una duda: en mi caso quiero juntar dos firmas, por lo tanto varía el número de imágenes, ahora bién, cuáles son las que debo seleccionar (ej: 1,5, y 9) a la hora de hacer el degradado y demás pasos que impliquen una selección???
Gracias por el tutorial y espero que hayas entendido mi consulta

Hola!

Mira las que tienes que seleccionar son la 1 y 5, sin embargo, para que no haya confusion, las imágenes que se seleccionan siempre son las que estan totalmente nítidas, o sea, las originales, porque si seleccionas la 2... 3 veras que las firmas aparecen "mezcladas". No se si me explique. saludos!

AlexSan, con respecto a tu pregunta, no sabría contestarte ya que no uso ese programa, perdona, saludas!

Aeslamb... lo único que se me ocurre para que no la puedas poner es con respecto al tamaño, ya sea de "ancho y alto" o con respecto al peso en kb de la imagen, el peso se soluciona usando pocas firmas o quitando cuadros, siempre y cuando no borres los "originales" como explicaba arriba a Iron Line.

Adios! cualquier duda, ando cerca xD

Iron line · 23/04/07, 11:50:57

Muchísimas gracias Omarad!

Ahora sí me quedó perfecto!

**NoE** · 23/04/07, 15:01:38

Cita:

oye Omarad disculpa pero ese efecto de movimiento se puede
hacer en el Paint Shop Pro 8?
y si se puede como se hace??
igual?? :S

para el caso del paint shop pro, tendria (supongo) que venirte el animation shop que es similar al image ready para el photoshop, en este caso el animation es mucho mas facil pero con menos calidad que el image ready..

AlexSan · 23/04/07, 18:53:55

gracias noe = a ti Omarad
bueno lo intentare
ciiaO!

MissBlondie · 12/05/07, 19:36:33

Muchas gracias Omarad, ayer empezé a usar el Adobe ImageReady y ahora ya se hacer una firma animada.

**Hizumi** · 12/05/07, 20:45:09

Ay te digo q,no entendi nada :s
pero bueno igual gracias omarad!

**CarolaTizz** · 29/07/07, 20:00:57

Hayy mil gracias por el tutorial.
Ya me salio re bien, pero no puedo usar una firma animada, por que me dice es es muy pesado! y solo puse dos!!!

pero buenn lo bueno es que que aprendi!

tengo una pregunta...para hacer un avatar como el que esty usando (animado) es lo mismo no?.

y gracias tmb a NÖE x mandarme a este articulo. y por hacerme ese hermoso avatar y la firma!