HTML5

HTML5

Es un lenguaje usado para estructurar y presentar el contenido para la web, es uno de los aspectos fundamentales 

Disponemos de una aplicación , dream Webber la cual nos ayuda y nos permite crear y condicionar páginas web a través de codigos

Los cuales son  muy fáciles o aplicación nos lo pueden proporcionar 

Línea de tiempo photoshop

LÍNEA DE TIEMPO

Es una sucesión de una imagen con modificaciones en sus capas o diferentes imagenes  la cual intentanrepdroducir una animación 

Se pueden realizar en Photoshop en el apartado de ventanas y puedes especificar cuando tarda en pasar de una diapositiva a otra

En clase hemos realizado gran variedad y puedes guardarlos como mp4

Gifs

LOS GIFS

Es un formato gráfico utilizado ampliamente en la www tanto para imágenes como para animaciones

Hay varias paginas como gif ayer que te deja hacer gifs online solo subiendo las imágenes y poniéndolas es un determinado orden y muy intuitivo el cual nosotros hemos usado en varios trabajos

Los banner

LOS BANNERS

Los banners son piezas publicitarias que se ubican dentro de los diferentes soportes web y cuya finalidad principal es a de generar tráfico cualificado hacia la página web de cada anunciante

Hay varios tipos por su tamaño en píxeles como : square 300x250 o por ejemplo un megabanner 728x90 

Encontramos también diversos tipos según su contenido si solo es una imagen y ya esta es dinámico , si se hay más de una imagen o está en moviendo se llama animado

La Cinemagraph

CINEMAGRAPH

Son fotografías en las que ocurre una acción de movimiento menor y repetida, su intención es sorprender al espectador

Yo por ejemplo en clase lo he hecho de una noria y gente de fondo

Esto se puede hacer desde photoshop con la linea del tiempo, dejando una parte de la imagen con movimiento y la otra con el ayudándote de capturas y eliminando información de esta manera:

                                                            

De la manera en la que la he echo yo se puede hacer que se mueva solo la noria o solo la gente

LA SEMANA DE PRODUCCIÓN

SEMANA DE PRODUCCIÓN

Es una semana en la que los alumnos de 2º de preimpresión e impresión nos exponen sus trabajos y nos enseñan como los realizaron, aquí os voy a dejar unos ejemplos:

Este son unos ejemplos de unas imágenes que quieren poner en unas bolsas para que no sean todas tan simples:

  

Estos son unos calendarios que quieren hacer para el año que viene:

Y por último unos diseños para unas camisetas 

                                                

EL STOP MOTION

STOP MOTION

El 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

El otro día en clase un grupo de amigos y yo hicimos un stop motion sobre una mina, aquí os voy a dejar unas capturas de como lo hicimos y otras de como nos quedo

Y este fue el resultado final

Un saludo

FORMULARIOS Y HERRAMIENTAS

LOS FORMULARIOS 

Un formulario es un documento, ya sea físico o digital diseñado para que el usuario introduzca datos estructurados

Las herramientas de las que disponemos para editar los formularios son:

Disponemos de gran variedad de ellas las cuales nos van ayudar a realizar gran variedad de formularios

-Campo de texto, donde podemos añadir información como nombre, número, correo u etc

-Casilla de verificación, donde encontramos unas mini casillas donde podemos marcar si se cumple solo 

-Botón de radio, se asemeja mucho a la casilla de verificación

-Cuadro de lista, te permite seleccionar u a opción entre varias

-Menú desplegable, se asemeja a un cuadro de lista pero desplegable

-Botón, como su nombre lo dice es un botón

-Firma digital, para poder firmar como si de un tratado se tratase

-Código de barras, para realizar un código de barras en cual con una cámara nos puede llevar a un sitio determinado 

FLIP PAGE (flipsanck)

FLIP PAGE

El flipsnack es una pagina donde puedes subir todos tus pdf para que lo pueda ver el resto de la gente este el primero que subo yo

Aquí os dejo unas capturas para que podáis ver las opciones que tenéis 

Efecto Flip Page

EL EFECTO FLIP PAGE

Es un efecto de página que muestra visualmente la representación de un periódico o un libro, por ejemplo yo tengo una efecto de página echo con un aplicación (Issuu), La aplicación de Issuu nos deja subir cualquier archivo que este en un formato pdf, una vez en la página nos deja modificar muchas opciones de lo que vamos a subir

Aquí os dejo el trabajo que hice de Jordan, la marca

REALIDAD AUMENTADA

REALIDAD AUMENTADA

La Realidad Aumentada (RA) es una tecnología que permite superponer elementos virtuales sobre nuestra visión de la realidad, es decir ver el mundo a través de un dispositivo tecnológico y un ejemplo muy conocido es Pokemon Go 

Aquí os dejo un link en el que os lo explica y como se utiliza en el juego y un foto para hacerse una idea

(https://elandroidelibre.elespanol.com/2018/10/pokemon-go-ra-arcore.html)

Os dejo también un articulo donde os lo explica mejor y con algún ejemplo mas por si os lo aclara más https://blogthinkbig.com/tag/realidad-aumentada

LOS CODIGOS QR

CODIGOS QR

El código QR es la evolución del código de barras. Es un módulo para almacenar información, como por ejemplo este

Es el código QR de mi blog con la aplicación de QR code generator (https://app.qr-code-generator.com/designbarcode/7986174?gotoDesigner=1) puedes crearlos y personalizarlos

Aquí os dejo una captura para que os sirva de ayuda

También podemos utilizar otra aplicación, Unitag (https://dashboard.unitag.io) con la que yo he realizado este código

YY también hice estas otras 2 :

Esto te puede servir de ayuda:

IMAGENES INTERACTIVAS

IMAGENES INTERACTIVAS

Una imagen interactiva es todo aquello que podemos observar que tenga relación con la generación digital de las imágenes, aqui os dejo un ejemplo de una imagen interactiva echa por mi (https://www.thinglink.com/scene/114381724240052224)

Aquí os dejo los pasos que seguí para poder ayudaros:

-Lo primero es elegir una imagen:

















-Acontinuación las editamos añadiendo información:



Una vez echo esto ya la tienes acabada solo falta subirla y compartirla 

Los mapas web en diferentes paginas

LOS MAPAS WEB

Es una lista de las páginas de un sitio web accesibles por parte de los buscadores y los usuarios, podemos encontrar varios tipos

El primero que podemos ver la más usual es el lineal, aquí tenemos un ejemplo (https://www.versace.com/eu/es/home/) :

En la que cuando pinchas en una opción te aparece el resto de ellas y no hay mas

Luego disponemos de una estructura reticular como por ejemplo (https://www.bbc.com/news) :

En la que el usuario tiene total libertad para moverse entre los diversos artículos

También encontramos una estructura jerárquica como (https://es.louisvuitton.com/esp-es/homepage) :

En la que pinchamos en una opción y disponemos de mas opciones hasta llegar al producto deseado

Y por ultimo tenemos la estructura en forma de telaraña, este es un ejemplo (https://es.wikipedia.org/wiki/Bob_Marley):

Esta es para gente mas avanzado la cual puedes dirigirte a diferentes puntos de la pagina sin seguir ningún vinculo 

FELIZ NAVIDAD LECTORES

TEN CUIDADO Y SE LEGIBLE

LEGIBLE O NO LEGIBLE

Hola buenas en el día de hoy les voy a enseñar la diferencia entre una pagina legible y otra que no para que aprendan las diferencias y puedan mejorar sus proyectos

Cex es una pagina legible y les voy a enseñar las pautas que seguimos (https://es.webuy.com/):

-Ponen un tamaño mayor en los títulos par indicar que es son más importantes, y un tamaño menor en el resto de la información y utiliza un fuente adecuada, también cambian los colores de los títulos para diferenciarlos

-Tienen diferentes columnas para diferentes apartados

-No incluye Flash haciendo así que se pueda ver desde diferentes dispositivos

-Tiene una interfaz fácil de usar y muy intuitiva, utiliza las fotos suficientes para enseñar como es el producto ayudando así a que no tenga problemas de carga

Arngren es una ejemplo de una pagina ilegible (http://arngren.net/):

-Usa excesivos colores lo cual dificulta su lectura provocando que no te ganas de seguir leyendo, a pesar de que utiliza el mismo tamaño de las letras en todo momento dando a entender que la importancia es igual en todo lo que encontramos 

-No usan columnas para dividir la información, es decir esta todo apelotonado hasta hay cosas unas encima de otras 

-Usa Flash provocando así que no se pueda acceder desde varios dispositivos 

-Hay demasiado enlaces algo sobrecargado que puede llevarte a equivocarte y pinchar donde no es

-Tiene una interfaz y una navegación que para la mayoría de las personas puede llegar ser una mayor dificultad

 

-Y utiliza demasiadas fotos lo cual produce mayor demora en cargar la pagina o incluso que ni puedas acceder

Espero que os haya servido esta aportación con vuestros proyecto, un saludo

Viaja a las islas de centro america

VIAJES A LAS ISLAS DE CENTRO AMERICA

Hola buenas hoy les voy a invitar a viajar a a través de un video editado con Final Cut a las islas de Centro América 

Pasando por Cuba:

También por Republica Dominicana:

Y finalmente por Haití:

LOS CROMAS PARA TUS VIDEOS

LOS CROMA

El croma es una técnica de efectos especiales que permite derivar un canal alfa con un fondo azul o verde, normalmente verde, consiguiendo con esto hacer el fondo transparente y así el clip se puede componer de varias capas como por ejemplo los hombres del tiempo 

PASOS A SEGUIR EN FINAL CUT:

-Se le añade un efecto de incrustación de el video o imagen que queremos quitar el fondo 

-El video o imagen debe e¡de estar debajo

-Final mente lo podemos unir como in clip compuesto

Directos al Streaming!!

STREAMING

Se trata de la retransmisión de contenido audiovisual la cual se realiza la emisión desde internet, la recepción es en una plataforma y el contenido se puede ir viendo a la vez que se descarga 

Encontramos codecs que nos ayudan a codificar la señal para la reproducción y manipulación, también bitstream, que se utiliza normalmente en telecomunicaciones y computación que es un flujo de bits


Disponemos de una gran distribución de los streamings gracias al protocolo de transporte que distribuye la información y se pueden producir demoras por interrupciones en la red que se solucionan la precarga que almacena datos de reserva para que no pare la reproducción 

Los stramings suelen ser de emisión limitada es decir que llegan a un final, pero hay unos pocos que están 24 horas Disponemos de gran variedad de aplicaciones o empresas que nos dan este servicio como por ejemplo Twitch, que es usado a niveles globales y en los cuales se reproducen concursos de "gran importancia"

  Y esta empresa situada en Madrid: con mayor actividad con el público