HTML5 Maker

 Hoy os traigo una practica sobre como HTML5 maker.

¿Que es?

Sirve para crear banners dinámicos con lenguaje html5 en linea, la pagina te da plantillas a elegir, tipografías, imágenes, etc.

Proceso para hacer una banner:

1. Debemos ingresar a la pagina e iniciar sesión.

2. Luego elegimos el tamaño del banner que queramos.

3. Aquí ya podemos crear el banner que deseamos con las herramientas que nos da la pagina, crear animaciones, meter texto, imágenes, links, etc.

4. Al final cuando lo tenemos acabado le damos a "SAVE AND CLOSE" y se guardara y estará listo para poder publicarlo.

Banners Black Mirror

Buenas, hoy os traigo una nueva practica sobre los banners dinámicos creados en Photoshop.

Proceso de creación:

1. Lo primero hemos obtenido las imágenes de las que teníamos que hacer el banner y la metemos en Photoshop.

2. Editamos cada capa que queremos usar como fotograma, para que parezca que esta en movimiento y montamos todas las capas editadas en orden en la "linea del tiempo".

3.Finalmente exportamos los gifs:

Gifs con cuadros en Photoshop

Proceso para hacer Gif con cuadros en Photoshop:

1. Esta es la imagen que hemos utilizado:

2. Luego en Photoshop metemos la imagen y cada vez que editamos para crear movimiento creamos una capa.

3. Cuando ya tenemos todas las capas diferentes, abrimos la "Linea del tiempo" en Photoshop y se nos abrirá una pequeña ventana en la parte de abajo.

4. Le damos click a crear animación de cuadros y se abrirá el lugar donde tenemos que meter cada capa en orden, para que se cree la animación. Se puede cambiar la velocidad a la que queremos que tenga e ira más rapido o más lento depende de la que le pongamos.

5. Cuando terminamos, exportamos el gif en Archivo - Exportar - Guardar para web (heredado) y clicamos en "Guardar".

6. Y así es como queda el Gif: