Si te gustan mis aportes, seguime @Nahu3_l
Primero vamos a "Archivo" - "Nuevo" y lo configuramos de esta forma.
Elejimos la herramienta rectangulo
Hacemos uno de esta medida
Hacemos click derecho adentro del rectangulo y seleccionamos "Rellenar trazado..." (antes de hacer eso tengan seleccionado el color negro) y apretamos en "OK"
Con la herramienta de texto ponemos en este caso "Informacion" con el color y la fuente que ustedes quieran
En mi caso pongo "Argentos Gamers" porque es en la comunidad donde estoy, ustedes pueden poner lo que ustedes quieran
Si quieren pueden poner su nombre de usuario
Asi quedaria
Seleccionamos otra vez la herramienta Rectangulo
Hacemos un rectangulo con la misma medida que el anterior
Apretamos click derecho dentro del Rectangulo y seleccionamos en "Rellenar trazado..." (antes de hacerlo tengan seleccionado el color que ustedes quieran para que sean las 2 barras que se abren) y apreten OK.
Quedaria asi
Seleccionamos la herramienta "Marco rectangular"
Y hacemos esta seleccion, luego apretamos Click derecho dentro de la seleccion y apretamos en "Capa via cortar"
Con esto lo que hacemos es separar el rectangulo anteriormente creado en 2 capas. Tendria que quedar asi:
Seleccionamos una de las 2 capas, apretamos en el icono de abajo "FX" y luego en "Trazo..."
Lo configuramos de esta manera y apretamos en OK
Seleccionamos la otra capa y apretamos nuevamente en "FX" y luego en "Trazo..."
Lo configuramos de esta manera y apretamos en OK
Modificamos el tamaño de las dos barras seleccionado la capa y apretando "Ctrl + T" dejando un espacio chiquito entre las dos barras
Vamos a "Ventana" y tildamos la opcion "Animacion" , seleccionamos el primer cuadro y apretamos en este icono:
Tendria que quedar asi:
Seleccionamos el 2º cuadro creado anteriormente y seleccionamos la capa de la barra de abajo y la movemos en la misma linea hacia abajo hasta que se vea lo que pusieron al costado abajo, hacemos lo mismo con la capa de la barra de arriba.
Hecho lo anterior seleccionamos el primer cuadro y apretamos en este icono:
Seleccinamos el segundo cuadro creado en el paso anterior y lo movemos hacia la derecha, dejando en el medio el cuadro donde estan abiertas las dos barras grises.
Quedaria asi:
Seleccionamos el primer cuadro y apretamos en este icono:
Configuramos de esta manera y apretamos en OK
Seleccionamos el cuadro 14 que es la maxima abertura de las dos barras y apretamos en el mismo icono del paso anterior , el de los 3 circulos
Configuramos de eta manera y apretamos en OK
Seleccionamos el cuadro 27 (el ultimo) y apretamos en este icono, es para eliminar el cuadro
Seleccionamos el primer cuadro y apretamos en la flechita de abajo y seleccinamos 2 seg.
Vamos al cuadro 14 y hacemos lo mismo pero seleccionamos en "otro..." y luego 3 seg.
Luego vamos a "Archivo" - "Guardar como..." y lo guardan en formato .psd para editarlo luego para las diferentes imagenes. Luego que guardamos el .psd vamos nuevamente a "Archivo" - "Guardar para web y dispositivos..." y apretamos en "Guardar" y listo, ya tenemos nuestro gif.
El producto final seria este:
Luego, para hacer las diferentes imagenes para la interfaz (Requisitos, Imagenes, Videos) , abrimos el .psd, seleccionamos los 26 cuadros de la animacion y modificamos la capa "Informacion" con la herramienta de texto y le ponemos lo que queramos.
Ustedes luego pueden ir probando diferentes estilos, ya sea agregandole imagenes a las barras , poniendo su nombre de usuario en las barras, agregandole efectos como el resplandor exterior, texturas, etc.
Espero que les sea facil de hacerlo, cualquier consulta/problema comentenlo en el post o sino mandenme un mp
