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:

Banner Gifmaker Institucional

Buenas hoy hemos aprendido a crear gifs en gifmaker os explicare como.

1. He creado un archivo nuevo en photoshop con sus medidas, 600x300 ppp.

2. En photoshop lo he ido editando.

3. Para hacer la animación he ido moviendo las frases o aumentando su opacidad poco a poco, mientras guardaba cada cambio, para que hicieran de frames.

4. Después en gifmaker he subido todas las imágenes y se crea el gif.

Resultado:

Tipos de banners

Buenas a todos de nuevo, hoy hemos aprendido lo que son los banners y sus clases diferentes, así que os voy a explicar que son.

¿Que son los Banners?

Es una forma de publicidad en Internet que consiste en incluir una pieza publicitaria gráfica dentro de una página web, su objetivo es atraer personas a hacer click para llevarlos al sitio web del anunciante que paga por su inclusión. Tienen una gran variedad de formatos e incorporan tecnologías como Javascript, GIF animados, Flash, PNG y JPG. Os voy a enseñar dos clases diferentes de banner, los estáticos y dinámicos.

Estáticos:

1. 888 sport.es

Dimensiones: 300x250 72ppp

Formato y peso: JPEG 37KB

Modo de color: RGB

Pagina web: elespanol.com

2. Naturgy

Dimensiones: 120x1000 72ppp

Formato y peso: JPEG 46KB

Modo de color: RGB

Pagina web: elespanol.com

Dimensiones: 300x600 72ppp

Formato y peso: PNG 30KB

Modo de color: RGB

Pagina web: elespanol.com

Dimensiones: 120x600 72ppp

Formato y peso: JPEG 30KB

Modo de color: RGB

Pagina web: elmundo.es

Dimensiones: 300x600 72ppp

Formato y peso: PNG 76KB

Modo de color: RGB

Pagina web:eleconomista.es

Dimensiones: 970x250 72ppp

Formato y peso: PNG 135KB

Modo de color: RGB

Pagina web: ABC.es

Dinámicos:

Dimensiones: 300x250 72ppp

Formato y peso: PNG 58KB

Modo de color: RGB

Pagina web: 20minutos

Dimensiones: 275x165 72ppp

Formato y peso: PNG 29KB

Modo de color: RGB

Pagina web: 20minutos

Dimensiones: 300x600 72ppp

Formato y peso: PNG 87KB

Modo de color: RGB

Pagina web: elmundo

Dimensiones: 300x100 72ppp

Formato y peso: PNG 30KB

Modo de color: RGB

Pagina web: elmundo

Dimensiones: 300x300 72ppp

Formato y peso: PNG 43KB

Modo de color: RGB

Pagina web: elmundo

Dimensiones: 300x300 72ppp

Formato y peso: PNG 43KB

Modo de color: RGB

Pagina web: elmundo

Dimensiones: 1170x297 72ppp

Formato y peso: PNG 505KB

Modo de color: RGB

Pagina web: g2a

Semana de producción

Buenas a todos, hace poco fue la semana de producción en nuestro instituto y os voy a explicar que es.

¿Que es la semana de producción?

Consiste en que los alumnos de 2º curso realizan una serie de proyectos de producción en condiciones de trabajo real, formando equipos de las distintas especialidades.

Productos:

Bolsas (Impresión Digital)

Caja taza

Calendario

Camisetas

Carteles

Catálogos

Libros