Tutorial de firmas animadas en Ps e IR

Bueno necesitamos lo siguiente:

Adobe Photoshop + Image Ready (Yo uso el CS 1): http://www.adobe.com/es/products/photoshop/photoshop/
Wow Model Viewer: http://wowmodelviewer.googlecode.com/files/wowmodelview-r581.zip
Una image que hará de base, de por ejemplo 400x100

Voy a crearme una base chustera con Photoshop, pero queda mejor si pilláis trozos de fondos.

Para ello abrimos Photoshop, Archivo -> Nuevo y lo dejamos como la imagen.

Tras aceptar maximizamos nuestra imagen, hacemos click en el icono de degradado . Pulsamos para elegir los colores

Y elegimos los que queremos

Al presionar aceptar, basta con hacer una línea horizontal sobre nuestro dibujo, para que salga el degradado (recuerda con la tecla Shitf pulsada sale recta)

Para hacer esas líneas que hago por fuera, elegimos el lazo poligonal , y con el Shift y el click izquierdo sobre nuestra imagen hacemos un pequeño recorido, haciendo click donde queramos vertices, para unir el último vértice con el primero, basta con pulsar Intro.

Una vez hacemos ésto, pulsamos en Capa 1, y creamos una nueva capa (Capa -> Nueva -> Capa), pulsamos en el menú de la derecha Capa 1 y presionamos suprimir, quedaría así

Elegimos Capa 2, pillamos la herramienta de degradado y rellenamos el hueco vacío, yo he decidido seguir con el verde pero podeis usar lo que querais (imágenes, otro degradado distinto...).

Ahora haremos el borde, para ello elegimos Capa -> Estilo de Capa -> Bisel y relieve, lo dejamos como queramos, yo lo he decidido así.

Por último podemos insertar texto marcando la herramienta , yo voy a escribir una tontería pero vamos, cada uno rellena a su gusto. Una vez escribamos todo y le demos color, le damos a Capa -> Estilo de capa -> Trazo y con ello pondremos un borde a nuestras letras.

*La fuente que uso es la Visitor TT1: http://www.dafont.com/visitor.font

Lo de añadir iconos es tan simple como copiar y pegar, no creo que nadie tenga problemas para añadir el icono de su clase. A la hora de pegar, si pulsas CTRL + T, accedes a la transformación libre, pulsando Shift y arrastrando desde una esquina, escalas la imagen en proporción para que no se te estire o se te aplaste.

Por último elegimos Archivo -> Guardar como y elegimos bmp

Bueno aquí viene una forma rápida y sencilla de hacerlo, abrimos nuestra imagen con Paint, elegimos la herramienta de Rectángulo redondeado (o si lo predieres la del rectángulo normal, yo suelo usar gris para el borde y negro para el fondo, recuerda que con Shift pulsado consigues un cuadrado perfecto.

El problema a la hora de extraer el gif en transparente es que los efectos tales como humo y demás no se transparentan bien, lo mejor es crearse el gif con un fondo negro para que luego encaje con el fondo de la base. Como ya dije es una forma muy chusta de hacer.

Quedaría así.

Primero de todo abrimos el Wow Model Viewer, elegimos View -> Background Color y usamos el negro.

Para importar un personaje desde la armería le damos a Options -> Import Armory Character, pero nos creará un personaje que quizás no tenga nuestro tono de piel o peinado, yo voy a crear a mi Titojezz desde cero, para ello elijo en el menu de la izquierda Character -> Tauren -> Male -> taurenmale.m2 y aparecerá un tauren en movimiento.

Lo primero de todo es elegir la animación, para ello en el menú inferior donde pone Animation elegimos Stand[2], que es la básica de toda clase, pero yo para esta firma voy a elegir la que se rasca, para ello elijo Stand[38], desde el menú de la izquierda podemos elegir el peinado, color de piel, ropas etc etc... ésto va a gusto del consumidor, yo simplemente lo dejaré como mi tauren con su tabardo. Quedaría así.

Ahora para guardar nuestro gif, podemos girar el muñeco o alejar/acercar el zoom con el ratón, es aconsejable a la hora de mostrar retratos que el muñeco no salga de frente, sino mirando hacia un lado un poco, en mi caso como quiero que se le vea rascarse, lo dejo de frente.

Pulsamos File -> Animated Gif -> Nombre + Guardar y aparece una ventana, en la cual se puede hacer nuestro gif transparente (no en éste caso porque usaremos el fondo negro), así que por ahora lo dejamos así.

El apartado Total frames no se toca y Gif Frame Delay ponemos 1, le damos a Start y cuando acabe se guardará.

Lo primero de todo es comprobar la velocidad de nuestro gif animado y ajustar su tamaño, recortando sólo la parte del rostro o de lo que vayamos a mostrar. Para ello abrimos nuestra animación con Image Ready, se verán todos los cuadros de la animación del muñeco.

Lo primero de todo es ajustar la velocidad, para ello pulsamos en el pequeño triágulo que hay encima de cada fotograma, y marcamos Seleccionar todos los cuadros.

Con todos los cuadros marcados nos fijamos que justo al lado de cada 0,01s hay otro pequeño menú para elegir el retardo, le damos y elegimos sin retardo.

Ahora pulsamos el botón Play y vemos si nuestra animación se mueve muy rápida o deprisa. Si va muy rápida podemos quitar la mitad de los cuadros, es decir, dejo 1 borro 2 dejo 3 borro 4... la cosa es ajustar la animación para que se vea bien. Para borrar hay un pequeño icono de cubo de la basura justo a la derecha del símbolo Play.

Ahora recortamos el cuadro que queremos que se vea en nuestra animación, debe ser un cuadro perfecto para que encaje en la firma, para ello elegimos la opción recortar , hacemos un cuadrado con Shift pulsado y cuando terminemos le damos a Intro, en mi caso quedaría así.

Una vez hecho ésto nos fijamos cuantos cuadros tiene la animación en mi caso 60, entonces abro la base que creamos anteriormente con Image Ready y la duplicamos 60 veces como se indica en la imagen. Nos fijamos que el tiempo sea 0 seg como en la animación para que todo encaje.

Volvemos a nuestra animación, le damos al pequeño menú desplegable y volvemos a elegir todos los cuadros, como se hacía en una imagen anterior, a continuación pulsamos también Copiar cuadros.

Ahora nos trasladamos sobre la base, elegimos de nuevo todos los cuadros y marcamos Pegar cuadros, se abrirá una nueva ventana en la que pulsaremos Pegar sobre la selección.

Vemos que queda muy mal colocado y encima es más grande de la cuenta, para solucionarlo marcamos todas las capas en el menú de la derecha excepto la que tiene la base (la primera) y pulsamos CTRL + T.

Escalamos la imagen y la movemos para introducirla en nuestro hueco, para ello se pueden usar las flechas del teclado o la herramienta Mover la ajustamos al medio y por último Archivo -> Guardar optimizada como...

Y el resultado es