Graphic Design
Viernes, 06 de febrero de 2015

Cómo crear Firmas animadas con trailer incorporado

En este tutorial, vamos a tratar de enseñaros como hacer vuestras firmas para foros, ya que ha sido un tema muy solicitado.

Pero no creais que haremos unas firmas cualquieras, sino que seguro que con este sistema conseguireis que vuestras firmas sean mucho más originales, y más curiosas que el resto de las demas.

Lo que vamos a hacer será incluir un trailer de nuestra pelicula o juego favorito, o incluso cualquier video ( en formato .mov ) dentro de nuestra firma. Y os preguntareis, y no pesa demasiado? Con Image Ready y Photoshop todo es posible, solo hay que echarle un poco de imaginación .



1º Importamos nuestro trailer en formato .mov

En este caso quiero hacer una firma de la pelicula Spiderman, para ello tenemos que buscar un trailer por la red en formato .MOV para Quicktime, que no sea demasiado largo, a ser posible de unos 2 a 4 mb, el tamaño de ancho y alto da =, ya que luego lo reduciremos.

Para ello vamos a Archivo -> Abrir -> y buscamos nuestro trailer, también podemos cargarlo directamente desde internet, poniendo en el hueco la URL del mov

Una vez realizado esto, nos aparecerá una ventana como la de abajo:

imagen posteada por el usuario - click para agrandar


Marcamos solo el alcance seleccionado, y Limitar a 2º cuadro


2º Seleccionamos el trozo que queremos

Para no tener que abrir toda la pelicula, ya que quizás pesaría demasiado seleccionamos aquel fragmento que nos interesa más, para poder editarlo.

Para ello presionamos la tecla MAYUS ( la que esta encima del control tongue.gif ), y movemos la barra del lado de la pelicula, o le damos a play con la tecla mayus pulsada y cuando acabe la parte que queremos le damos al pause.

imagen posteada por el usuario - click para agrandar


Le damos a OK, y empezará a importarla.

imagen posteada por el usuario


Nos tiene que aparecer algo asi en las capas:

imagen posteada por el usuario


imagen posteada por el usuario



3º Hacemos mas pequeño el trailer y redimensionamos

Ahora como nuestro trailer puede ser más grande en px que la firma que queremos hacer, tenemos que hacerlo más pequeño, para ello, vamos a Imagen -> tamaño de imagen ( también podemos hacer esta acción con el 2º boton encima de la barra del titulo de la imagen ) y redimensionamos segun las medidas que queramos, en este caso nuestro trailer ya tiene las medidas perfectas asi que no tenemos que hacer este paso.

Una vez hecho este paso, tenemos que hacer el lienzo mas grande para poner nuestro fondo, para ello volvemos a Imagen -> tamaño de lienzo ( también podemos hacer esta acción con el 2º boton encima de la barra del titulo de la imagen ) como se ve en la imagen siguiente:

imagen posteada por el usuario


Y nos aparecerá la pantalla para agrandar nuestro lienzo, en la cual configuramos según las medidas que queramos, en nuestro caso 450 x 115 EN PIXELES pero podeis poner el tamaño que querais.

imagen posteada por el usuario


Le damos a OK, y nos tiene que quedar algo asi:

imagen posteada por el usuario - click para agrandar



4º Pasamos nuestra firma de Image Ready a Photoshop

Ahora nos toca pasar nuestra firma ya redimensionada a Photoshop para ajustar bien los detalles, ponerle fondo y lo que queramos.

Para ello apretamos control + mayus + m ( si tubieramos poca memoria siempre podemos guardar en formato psd, cerrar el Image Ready y abrir en el Photoshop nuestra firma.

Una vez pase la firma del Image al Photoshop, procedemos a crear una capa por debajo de todas las capas de la pelicula.

Para ello Capa -> Nueva Capa y la movemos hasta que quede debajo de la primera capa de nuestro trailer.

Nos tiene que quedar algo asi:

imagen posteada por el usuario


( también podeis crear la capa dandole al icono de al lado de la papelera que se ve en la imagen de arriba )

Ahora abrimos una imagen de fondo o cualquier dibujo, la copiamos Edicion -> Copiar ( o seleccionamos primero el area que nos interesa con la Herramienta Marco Rectangular )

Nos tiene que quedar algo así:

imagen posteada por el usuario - click para agrandar



5º Bloqueamos las capas del trailer y lo colocamos

Ahora como el trailer tapa nuestra imagen procedemos a bloquear todas las capas, poniendo el candado en todas, basta con colocarse en la primera capa del trailer, y arrastrar hacia arriba el raton con el primer boton apreatado, tiene que quedar algo asi:

imagen posteada por el usuario


Una vez tengamos todas bloqueadas, movemos la primera. Al mover la primera se moverán todas, ya que las tenemos bloqueadas, la colocamos en la posicion que queramos, rendimensionamos si quisieramos, o aplicamos cualquier efecto, en nuestro caso solo las moveremos.

imagen posteada por el usuario - click para agrandar


6º Añadimos el texto y los detalles y guardamos

Ahora basta con darle un poco a vuestra imaginación, añadir el texto que querais, vuestro nick o cualquier detalle, ya sea por debajo de la capa del trailer ( por encima del fondo ) o por encima de la ultima capa del trailer ( esto taparia parte del trailer )

imagen posteada por el usuario - click para agrandar


Y guardamos Archivo -> guardar optimizada como:

imagen posteada por el usuario


Aseguraros que esté seleccionada Solo imágenes *.Gif



Consejos:

- Intentar que ocupe poco vuestra firma, ya que no todos los foros permiten muchos kb's, para ello podemos borrar los frames en la linea de pelicula ( Animación ) que no queramos, y ir probando hasta que tenga el tamaño apropiado, en nuestro caso unos 600 kb aprox.

- Para no sobrepasarse nunca poner más de unas 200 capas aprox, ya que quizas se os relentice el pc, y además ocupara más espacio ( sino, podemos borrarlas directamente en la animación, y dejar unas 200 )

- Tocar el tiempo de todas las capas de la animacion seleccionado todas las capas y dandole al 2º boton donde pone X seg. en la linea de animación, si vuestra firma fuera lenta, si la animación va bien no sería necesario.



Y este es nuestro resultado final:

imagen posteada por el usuario - click para agrandar


Si le echais un poco de imaginación, podeis hacer cosas como esta:

imagen posteada por el usuario - click para agrandar
Tutorial rescatado  Via:canalphotoshop

Tags: tutoriales, photoshop, firmas foro, fotografias, imagenes, trucos, fotos

Comentarios