tutorial firma animada, con trailer

<!--sizeo:20--><span style="font-size:12pt;line-height:100%"><!--/sizeo--><b>TUTORIAL FIRMA CON TRAILER (NUEVO)</b><!--sizec--></span><!--/sizec-->

<b>1º paso.- </b> Lo primero que tenemos que hacer es crear un documento de 460x120, con el fondo en blanco (este es tamaño normal de las firmas).
<b>..............1ºA.-</b> Buscamos nuestra imagen (no importa el tamaño) en nuestro caso es la siguiente:

<img src="http://img164.imageshack.us/img164/5885/amg498006le.jpg" border="0" alt="Imagen IPB" />

<b>...............1ºB.- </b> Nos vamos a la izquierda de la pantalla y escojemos <b>la herramienta rectangular</b>, seleccionamos la parte que mas nos guste de la imagen (figura 1):

<img src="http://img301.imageshack.us/img301/6882/figura16px.jpg" border="0" alt="Imagen IPB" />

una vez señalada nos vamos a <b>menu edicion/cortar</b>, y volvemos a nuestro cuadro al <b>menu edicion/pegar</b> y ya tenemos una nueva capa, con nuestro fondo (figura 2):

<img src="http://img301.imageshack.us/img301/7271/figura25re.jpg" border="0" alt="Imagen IPB" />

<b>2º paso.-</b>Vamos a crear el marco a nuestro fondo:
<b>.................2ºA.-</b>Creamos una nueva capa <b>(menu capa/nueva/capa)</b> y la rellenamos de un color, <b>menu edicion/rellenar</b> y en la ventana que nos sale ponemos lo siguiente: Usar = COLOR, nos saldra otra ventana y es donde escojeremos el color, en nuestro caso el rojo (#f90707) (figura nº 3 y figura nº 3A)

<img src="http://img301.imageshack.us/img301/291/figura33rx.jpg" border="0" alt="Imagen IPB" />

<img src="http://img301.imageshack.us/img301/1916/figura3a0mc.jpg" border="0" alt="Imagen IPB" />

<b>.....................2ºB.-</b>Ya tenemos nuestra capa rellena de color, vamos a proceder a dibujar el marco, seleccionamos <b>la herramienta lazo poligonal</b>, y empezamos a dibujar. Una vez que hemos terminado de hacer nuestro marco, en este caso le hemos hecho una pequeña ventana, que es donde colocaremos el trailer o animación, nos vamos a <b>menu edicion/cortar</b> y nuestro marco ya esta hecho (figura nº4)

<img src="http://img81.imageshack.us/img81/6892/figura47fq.jpg" border="0" alt="Imagen IPB" />

Ahora, vamos a darle los siguientes valores para que resalte un poco mas, para eso nos vamos a: <b>capa/estilo capa/opciones de fusion</b> y marcamos la <b>opcion bisel y relieve y contorno</b>, nuestro marco por fin esta terminado, y si nos gusta lo guardamos, ya que luego lo vamos a necesitar. (figura nº 5):

<img src="http://img301.imageshack.us/img301/1731/figura51pz.jpg" border="0" alt="Imagen IPB" />

<b>3º paso.-</b>Sin salir del Photoshop, nos pasamos a ImageReady, para ello pulsamos en la caja de herramientas de la izquierda la última casillay se nos abrira ImageReady.
<b>.................3ºA.-</b>Abrimos el archivo de la animación (.mov, gif, etc.) que queremos insertar en nuestra firma (figura nº6):

<img src="http://img81.imageshack.us/img81/1894/figura66fu.jpg" border="0" alt="Imagen IPB" />

normalmente sea mayor el tamaño, no es problema, nos <b>vamos a imagen/tamaño imagen</b>, ahi le pondremos el tamaño que vamos a necesitar, en nuestro caso la <b>imagen es de 110x70 px</b> (figura nº7 y figura nº 8):

<img src="http://img301.imageshack.us/img301/259/figura76jy.jpg" border="0" alt="Imagen IPB" />

<img src="http://img301.imageshack.us/img301/7480/figura81qj.jpg" border="0" alt="Imagen IPB" />

una vez que tenemos el tamaño de la imagen, nos vamos otra vez a <b>imagen/ TAMAÑO LIENZO</b>, y aqui le ponemos el tamaño de nuestra firma 460x120 px (figura nº 9 y figura nº 10):

<img src="http://img81.imageshack.us/img81/7267/figura99uh.jpg" border="0" alt="Imagen IPB" />

<img src="http://img301.imageshack.us/img301/7596/figura106ac.jpg" border="0" alt="Imagen IPB" />

<b>...................3ºB.-</b>Cuando ya todo esta hecho y a nuestro gusto, lo pasamos a photoshop, ( ya sabeis, la última casilla de la caja de herramientas). Se nos abrira en Photoshop, la animación con todas sus capas (en este caso creo que son 72), ahora solo nos queda añadirle nuestro fondo y nuestro marco.Para ello y <b>sin cerrar el cuadro de la animación</b>, abrimos ahora el marco que habíamos guardado, y en la pantalla tenemos los dos dibujos (figura nº 12):

<img src="http://img301.imageshack.us/img301/2893/figura128xx.jpg" border="0" alt="Imagen IPB" />

abiertos y ya nada mas nos queda el pasar las dos capas del marco a la animacion. (figura nº 13 , 13A y nº 14):
<img src="http://img81.imageshack.us/img81/3499/figura136sa.jpg" border="0" alt="Imagen IPB" />

<img src="http://img301.imageshack.us/img301/1262/figura13a1ti.jpg" border="0" alt="Imagen IPB" />

<img src="http://img81.imageshack.us/img81/2962/figura142aq.jpg" border="0" alt="Imagen IPB" />

<b>......................3ºC.-</b>El caso mas probable, nuestra ventanita no coincida en la colocacion y tamaño de la animacion, pues bien solo tenemos que seleccionar todas las capas de la animacion (no la capa del fondo, ni la del marco) y moverlas hasta colocarlas en su sitio, si fueran un pelin mas grandes, observais que la animacion esta metida en un cuadro y en las esquinas estan marcadas por otro cuadradito, bien pinchando sobre ellos se puede achicar o agrandar segun las necesidades (figura nº 15):

<img src="http://img301.imageshack.us/img301/622/figura150kn.jpg" border="0" alt="Imagen IPB" />

<b>.........................3ºD.-</b>Y una vez terminado todo lo anterior, podemos poner nuestro nick.
<b>4º paso.-</b> Una vez terminado de poner nuestro nick, lo pasamos a ImageReady (ya sabeis, la última casilla), lo probamos y lo guardamos, <b>archivo/guardar optimizada como</b>, ver figura 16:

<img src="http://img81.imageshack.us/img81/8669/figura166cn.jpg" border="0" alt="Imagen IPB" />

<b>y por fin nuestro trabajo terminado</b>, espero que os guste, un saludo

<img src="http://img301.imageshack.us/img301/1116/firma14mo.gif" border="0" alt="Imagen IPB" />


<b>nota.- Solo por curiosidad, cuando subes un post y no te gusta como queda, donde se encuentra la opcion MODIFICAR, o no se puede, no la veo por ninguna parte, gracias</b>

 

abajo a la derecha de cada post, tienes los botones editar, responder, el que debes usar es EDITAR


Veo que ya lo encontraste porque editaste el otro y lei tu mensaje y ya lo borre saludos y gracias por el aporte

 

Muy bueno el tutorial para comerselo.

 

<!--quoteo(post=103208:date=May 18 2006, 07:36 AM:name=Otakumail)--><div class='quotetop'>CITA(Otakumail @ May 18 2006, 07:36 AM) [snapback]103208[/snapback]</div><div class='quotemain'><!--quotec-->
Muy bueno el tutorial para comerselo.
<!--QuoteEnd--></div><!--QuoteEEnd-->


En ese caso es aconsejable un stroke 3 o superior para evitar que los bordes deterioren tu garganta jaja

 

este tuto ya lo conocia :unsure:

 

Gracias por el aporte

 

esta muy bueno.

una pregunta y disculpen tanta ignorancia, eso de las firmas, uno las tiene que subir cada vez que postea o se suben automaticamente con una clave o algo? :blink:

 

En tus controles, arriba a la derecha, hay una opción para las firmas, ahí pones la dirección de tu imagen

 

grasias por el aporte titoangel ! ! :clapping:

 

<!--quoteo(post=118389:date=Jul 10 2006, 01:12 AM:name=adi)--><div class='quotetop'>CITA(adi @ Jul 10 2006, 01:12 AM) [snapback]118389[/snapback]</div><div class='quotemain'><!--quotec-->
En tus controles, arriba a la derecha, hay una opción para las firmas, ahí pones la dirección de tu imagen
<!--QuoteEnd--></div><!--QuoteEEnd-->

y saldra en cada mensaje? o tendre que poner la direccion cada vez que postee?


gracias adi, siempre lista ompones:

 

La firma sale automatica, en todos tus post futuros y pasados.

 

SaLu2

Muy buen aporte Titoangel

Tratare de HaCer EL mio......

 

hola, soy nuevo por aqui y wow, todos sus tutoriales son de bastante ayuda he interesantes :clapping:

en este, que me parece bastante entretenido tengo una duda

el autor dice que puedo usar archivos .mov para este ejercicio, pero image ready no me lo acepta.. , necesito descargar un plugin o algo?


gracias de antemano

 

gemc666, bienvenido al foro un gusto tenerte por aca

 

titoangel deveras que no quieres que te rroben la idea JAJAJAJA


buen tutorial

 

[attachmentid=911]


la raja compadre