HTLM5

¿QUÉ ES?

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: una «clásica», HTML (text/html), conocida como HTML5, y una variante XHTML conocida como sintaxis XHTML5 que deberá servirse con sintaxis XML.

Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. La versión definitiva de la quinta revisión del estándar se publicó en octubre de 2014.​

Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se recomienda al usuario común actualizar su navegador a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5.

El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C. 

EJEMPLO 

 

CINEMAGRAPH

¿QUÉ ES?

Un cinemagraph es una imagen animada que resulta de la combinación de fotografía y vídeo (de ahí su nombre: cinema-(photo)graph). Se trata de imágenes fundamentalmente estáticas en las que se sustituye una porción de éstas por una pequeña animación que, normalmente, muestra pequeños movimientos en bucle infinito. Para montarlas, a menudo se usa el formato de imágenes .gif.

CREAR UNO Y SU EJEMPLO

1º- Hay que desplegar el cuadro de Linea del Tiempo situada en la herramienta ventana.

2º- Duplicar el video introducido, moverlo a la capa de arriba y reasterizar el video original dejando el duplicado rasterizado.

3º-Crear una máscara y pintar de negro sobre las partes que quieres que se queden estáticas

LINEA DEL TIEMPO CON PHOTOSHOP

Estos videos han sido creados totalmente a través de Photoshop. Os indicare como crear uno.

1º- Hay que desplegar el cuadro de Linea del Tiempo situada en la herramienta ventana.

2º- Crear distintas diapositivas con las posiciones y efectos que quieras hacer. 

HTML5

¿QUÉ ES?

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML. Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. La versión definitiva de la quinta revisión del estándar se publicó en octubre de 2014.

EJEMPLO

BANNERS DE BLACK MIRROR

Black Mirror es una serie de televisión británica creada por Charlie Brooker y producida por Zeppotron para Endemol. La serie gira en torno a cómo la tecnologíaafecta nuestras vidas, en ocasiones sacando lo peor de nosotros; Brooker ha señalado que «cada episodio tiene un tono diferente, un entorno diferente, incluso una realidad diferente, pero todos son acerca de la forma en que vivimos ahora y la forma en que podríamos estar viviendo en diez minutos si somos torpes».

EJEMPLOS

BANNERS ESTÁTICOS Y DINÁMICOS

Día Mundial contra el Tabaco

ESTÁTICO

DINÁMICO




TRIODOS

ESTÁTICO


DINÁMICO

COMO HACER UN BANNER EN PHOTOSHOP

Voy a explicar como crear un banner con la ayuda de Photoshop.


1º- Tenemos que desplegar el menú VENTANA y sacar la caja de LINEA DEL TIEMPO.

Aquí os dejo uno de los muchos que hemos podido realizar en clase.

BANNERS CON GIFMAKER

Aquí os dejo el trabajo realizado en Ensamblado de Publicaciones Electronicas sobre la creación de banners. Explicaré como crear un banner dinamico con Gifmaker y Photoshop.


- 1º tenemos que crear la imágenes independientes y estáticas del gif.




- 2º subir las imágenes en formato png o jpg, una vez hecho esto ya puedes modificar y configurar tu gif a tu manera.




- 3º y último paso, una vez que ya lo tienes configurado para crear el gif hay que darle al boton CREAR ANIMACION GIF.



- 4º ya tenemos nuestro gif hecho. Aquí os dejo el ejemplo que hice en el módulo.

TIPO DE BANNERS

¿QUÉ ES?

Un banner o más formalmente web banner, es un formato publicitario en Internet. Es un tipo de anuncio que generalmente es empleado en la publicidad llamada display, piezas publicitarias de contenido gráfico que se encuentran localizadas en diferentes páginas web. Los banners están diseñados con la intención de llamar la atención para así resaltar la publicidad y dar a comunicar un mensaje.

TIPOS Y EJEMPLOS

- BANNERS ESTÁTICOS:

          

SEMANA DE PRODUCCIÓN

Esta semana hemos tenido en el Puerta Bonita unas charlas acerca de los trabajos realizados por los alumnos de 2º de preimpresión e impresión.

Aquí os dejo algunos de los ejemplos que nos enseñaron.

     

     

STOP MOTION

¿ QUÉ ES ?

Stop Motion es una técnica de animación que consiste en aparentar el movimiento de objetos estáticos por medio de una sucesión de imágenes fotografiadas.

EJEMPLO

Este StopMotion ha sido realizado en el módulo de Ensamblado de Publicaciones Electrónicas en un grupo de 4 personas. Todos los materiales que hemos utilizado son:

- Cartulinas

- Imágenes impresas

- Trípode

- Cámara / Móvil

EL FINAL

FLIPSNACK

Flipsnack es una plataforma de publicación única desarrollada y lanzada en 2011 por un puñado de personas con talento. 
Personas de todo el mundo eligen a Flipsnack para crear catálogos en línea, para descargarlos, compartirlos o incrustarlos en sus sitios web. 
Tiene la capacidad de comunicarse digitalmente con las masas, pero también puede publicar en privado en nuestra plataforma. 
El cielo es el límite de lo que puedes hacer con Flipsnack.

EJEMPLO

FLIP PAGE Y UN EJEMPLO

FLIP PAGE

Un efecto de página invertida es un efecto de la GUI del software que muestra visualmente una representación de un periódico, libro o folleto como páginas de papel virtual que pueden girarse manualmente.

Este efecto se introdujo originalmente como un efecto de libro volteado en las aplicaciones de Macromedia Flash a finales de los años 90, pero ha evolucionado rápidamente desde entonces. Las aplicaciones Flash o los archivos Shockwave Flash tienen el. extensión de archivo swf que se pronuncia comúnmente swif . Por lo tanto, el swiflet de nombre alternativo que utiliza el swif y el let de leaf / / booklet en combinación.

ISSUU

Issuu es una aplicación online que nos permite crear a partir de un pdf la acción que simula el paso de las hojas del pdf, creando una sensación más real y más embellecedora.

A continuación os dejo un ejemplo hecho por mi de un flip page de mi trabajo anteriormente mostrado en mi blog de crossmedia KFC.

REALIDAD AUMENTADA

Realidad Aumentada

Realidad Aumentada: el mundo real con otros ojos. La Realidad Aumentada (RA) es una tecnología que permite superponer elementos virtuales sobre nuestra visión de la realidad.

EJEMPLO

Un ejemplo claro de realidad aumentada es el que sacó la productora de videojuegos Sony, son los Invizimals.

https://www.3djuegos.com/juegos/analisis/24142/0/invizimals-batalla-de-cazadores/

CÓDIGOS QR Y SUS APLICACIONES ONLINE

Código QR

Un código QR (del inglés Quick Response code, "código de respuesta rápida") es la evolución del código de barras. Es un módulo para almacenar información en una matriz de puntos o en un código de barras bidimensional. Presenta tres cuadrados en las esquinas que permiten detectar la posición del código al lector.

QR encoder

https://www.qr-code-generator.com/

UNITAG

https://dashboard.unitag.io/#/welcome