Estilos

lunes, 11 de enero de 2016

Tutoriales para tu Blog.. Botón de Afiliación con efecto Marquesina!


Dicen que lo que Bien se aprende jamás se olvida y es que cuando me inicié en el mundo de Photoshop no sabía nada pero de antecedente tenía Paint Shop Pro 7, amaba los efectos que se conseguían pero al final sentía que me faltaba aprender algo de Animación, no recuerdo bien pero cuando vi por primera vez en un Blog un botoncito de Afiliación con animación estilo marquesina (ese texto que aparece en un lado de la pantalla para desaparecer después al otro lado) quise aprender y después de buscarlo por Google me encontré que era más fácil de lo que yo creía.



Fonts: Covered by your grace / Dosis

Lo primero es abrir un Nuevo Documento (Archivo + Nuevo) y agregamos un fondo, lo fácil de esto es que no necesariamente debe ser un super fondo o algo elaborado puedes solo agregar una textura, un color decorado con Brushes o alguna imagen (o parte de ella) como yo lo hago en casi todos los botones que hago.


Agregamos un texto y efecto en el, estas son las configuraciones del mio.



Seleccionamos el área donde queremos vaya la marquesina y rellenamos con el Bote de pintura, yo quería que el botón empezara justo después de la nube por lo que borre lo que no me servía.


Agregamos el segundo texto.




Igualmente les dejo las configuraciones de mi texto.


Para la animación creamos una línea de tiempo de Vídeo (Menú Ventana / Línea de tiempo) y damos click en Crear animación de cuadros  .

Posicionamos el texto fuera de banner donde queremos que aparezca. Creamos una nueva capa de Animación en la línea de Tiempo y movemos el texto al lado contrario donde va a desaparecer.  Nos van a quedar 2 capas en la línea del tiempo la primera donde empieza la animación y la segunda el final de la Animación




Seleccionamos las 2 capas de la línea de Tiempo y le damos a la opción Intercalar, en el cuadro en la opción Cuadros para añadir le damos el valor 18 y luego Ok. En Opciones de Repetición: Infinito y Tiempo de Retardo 0.2 seg. ... En total te quedan 20 capas.


Guardar par Web y guardamos en formato GIF.

Espero que te sirva el tutorial y si te gustaría ver más tutoriales parecidos deja un comentario, si quieres algún tutorial en especial también deja un comentario~



2 comentarios:

  1. Que genial *O* Me han dado ganas de intentarlo >w<~ jeje
    También, me has hecho recordar que hay un código HTML para poner marquesina para decorar el blog *O* Aunque no lo recuerdo ;3;
    Gracias por compartir. :D
    Saludos~

    ResponderEliminar
    Respuestas
    1. Sip de hecho hasta se le puede dar estilos, la duración, cambiar la dirección del texto y muchas cosas.. si no mal recuerdo también tengo un tutorial sobre eso por si te interesa lo puedo publicar, digo claro solo si te sirve

      Eliminar

Recuerda

*No spam las URL solo se permiten en la sección de Afiliación
*Comenta solo acerca del contenido de la entrada

Gracias por comentar!