Bienvenidos
Dejá cargando un poquito el post
Si te interesan esta clase de posts podés seguirme o visitar mi perfil :3
Hello!
Este es un tuto sobre como hacer un banner de "Bienvenidos" Con imágenes dentro en formato .Gif
Así que acá te lo explíco para que veas que no es dificil, y lo podés hacer en un ratito
Are you ready? ¡empezemos! :3
Primero que nada tenés que tener en mente dos cosas:
El texto que quieras.
Las imágenes que querés que esten en el fondo.
Bueno, yo quiero un texto que diga "Bienvenidos" y de fondo imágenes de remeras de rock que encontré en tumblr
así que guardá todas las imágenes que quieras usar en el gif y ponelas en una carpeta en el escritorio.
Ahora abrí el Photoshop y clickeá:
Archivo - Nuevo
Y crealo de 700x200 píxeles y el fondo "Blanco"
Procurá que tenga estas propiedades.
Ahora creá un texto, apretando la tecla "T" escribí lo que querés poner, en mi caso. "Bienvenidos" Haganlo con el color de letras negra o algún color que se note no importa.
El tamaño del texto y fuente depende de como te guste a vos, yo lo hice:
League Gothic (No viene con windows, hay que instalarla)
Tamaño: 100.7 pt
También podés "Escalar el texto"
Edición - Transformar - Escala
Ahora andá a:
Archivo - abrir
Una vez que abras la primer imágen que quieras la "arrastrás" hacia la ventana donde está el texto, esto lo hacés preionando la herramienta "Mover" o "V" en su acceso directo, y manteniendo presionado click sobre la imágen la movés.
Ahora andá a:
Edición - Trabsformar - Escala
Agrandá la imágen presionando en las esquinas (mantené apretado "Shift" para que no la imágen mantenga su forma) y que cubra toda la imágen:
Enter y aplicás los cambios
Ahora viste el costado izquierdo donde están las capas? Ahí tenés que seleccionar la capa de la primera imágen que querés en el gif, en mi caso se llama "Capa1"
Ahora andá a "Capa" - "Crear mascara de recorte"
Y te va a quedar así:
Si querés, podés andar moviendo la imágen "Capa1" a tu gusto para que quede bien con el texto.
Ahora vas de vuelta a: "Archivo" - "Abrir" seleccioná la segunda imágen que quieras que salga en el gif y arrastrala de la misma manera que con la primera, hasta donde está tu texto de bienvenidos
Una vez que lo hayas hecho andá de nuevo a:
Edición - Transformar - Escala
Andá moviendo y escalando la foto hasta que quede como vos quieras, guiate con el contorno que tiene la imágen cuando la escalas
Como habrás notado, la capa que colocaste queda con una flechita torcida que apunta hacia abajo, eso es bueno significa que vas bien!
Ahora solo queda repetir el proceso anterior con TODAS las imágenes que quieras meter en el gif.
Yo voy a usar solo esas, para darte una demostración no más :3
Y al fin... Aquí viene lo bueno jovenes..
Ahora toca jugar un poquito con los efectos del texto
Esto es depende de como lo quieras, te voy a mostrar algunas de las cosas que podés hacer
Seleccioná la capa del texto, dale click derecho y andá a "Opciones de Fusión"
Podés usar "sombra paralela" y te queda así:
"Resplandor exterior"
"Trazo"
O podés combinar, yo voy a hacer "Sombra paralela" y un "Trazo" pero de color gris.
Ahora hay que darle movimiento activas la casilla "Animación" (Ventana - Animación)
Pinchá sobre el ojito del costado de las capas y desactivá todas las imágenes que no sean ni el texto ni el "fondo" y activá unicamente la primer imágen que quieras que salga en el gif
Ahora andá abajo del todo donde se muestra la animación y duplicás el cuadro.
Ahora seleccioná ÚNICAMENTE el cuadro numero 2, y activá (presionando sobre el ojito) La segunda capa que quieras que salga en el gif
Como podrás ver. Al activar la capa seleccionando unicamente el cuadro 2, se le cambió la imágen del texto.
Este paso lo tenés que repetir con todas las demás imágenes, el número de cuadros de la ventana animación que vas a agregar depende del número de imágenes que quieras agregar al .Gif.
Recordá que al momento de activar un ojito se debe seleccionar unicamente una capa. Si se seleccionan más se les cambia a todas las seleccionadas.
Cuando termines te va a quedar algo como esto:
Abajo en los cuadros te salen númeritos que en este dice: "0 seg" eso vos lo podés cambiar por el que quieras si querés que el gif vaya más lento.
Ahora está listo para guardarlo
Andá a: Archivo - Guardar para webs y dispositivos. y poné estas propiedades:
El resultado
También podés variar
Con resplandor exterior
Con sombra paralela y un trazo oscuro
Las imágenes de fondo también podés variarlas, como este
@titornr