Jump to content
  • ¡Hola, Invitado! Únete a nuestra comunidad y construyamos juntos algo increíble.

    ¡Bienvenido a nuestra comunidad! Al unirte, formarás parte de una comunidad apasionada por MAPPING. Para participar activamente, simplemente haz clic en el botón ‘Conectarse’ o ‘Registrarse’. Una vez registrado, podrás publicar mensajes, compartir tus experiencias y explorar los diversos foros disponibles. ¡Esperamos verte pronto y compartir momentos increíbles juntos!

[Tutorial] Crear tu propia firma/banner animado.

Valorar este tema


Publicaciones recomendadas

Publicado

Buenas a todos, les presento este tutorial, que les ayudara a crear a a traves de photoshop CS6 o CS5 sus propias firmas o banners animados, empezemos.

 

Primero creamos nuestro archivo con las siguientes medidas.

 

20ae9zb.jpg

 

Luego elegimos un color a gusto, en mi caso un negro con codigo "2d2d2d"

 

280ryht.jpg

 

Despues, le hacemos un marco si quieren, con el color que deseen, en mi caso azul para que combine con el foro. Esto se hace con la herramienta de lineas seleccionada en la imagen.

 

wjvxus.jpg

 

Lo siguiente es seleccionar todas las formas que nos quedaron de el marco "forma 1, forma 2, etc" Apretamos "Control" y clickeamos todas las formas, luego apretamos "Control" y luego "g" y las guardamos en un grupo para que sea mas comodo, le hacemos click en el nombre y le ponemos "Marco"

 

mijdix.jpg

 

Luego escribimos nuestro texto, esto debe ser letra por letra, despues de esto lo acomodamos a nuestro gusto. Nos quedaria algo asi

 

dymzv5.jpg

 

La penultima cosa que hay que hacer es irnos a "Ventana" y luego seleccionar "Linea de tiempo" que nos aparecera abajo nuestro, en la primera capa de la linea de tiempo seleccionamos la "M", apretamos en crear otra capa en esa linea de tiempo y seleccionamos la "U" y asi repetimos el proceso

 

28i5k4o.jpg

 

Nos quedaria algo asi, donde dice segundos en lo que tardara en estar esa letra hasta que aparezca la siguiente, es a gusto, yo lo puse en 0,2 y en 0,5 las ultimas.

 

2m2g7f5.jpg

 

Asi quedaria, nos vamos a "Archivo" luego a "Guardar para web", ahi lo guardamos como gif y listo. Tambien lo pueden guardar como "PSD" por si lo quieren editar. Finalmente nos quedaria algo asi. Saludos y suerte ^^

 

9bevqh.jpg

fks553.jpg

 

 

  • 4 años después...
Invitado
Este tema está cerrado a nuevas respuestas.
×
×
  • Crear nuevo...

Información importante

Al utilizar nuestra web, aceptas nuestras Política de privacidad estás de acuerdo con las condiciones establecidas.