Imagenes interactivas

Hola a todos.
Hoy os vengo a hablar de las imágenes interactivas. Una imagen Interactiva es cualquier imagen que tiene instrucciones de manera que al ser pulsada se inicia algún tipo de acción o de resultado. En las paginas web una Imagen Interactiva es cualquiera que tenga una o más URL incrustado o escondido tras ella.

Para hacer una de Web vamos a usar Thinglink, es una pagina online donde puedes registrarte gratis.

Una vez que os hayáis registrado le dais a create y cargáis una imagen

Después de eso con un click añades un icono donde puedes poner o una descripción o adjuntar una URL

También puedes cambiar el Icono seleccionando en la parte de la izquierda el icono del icono y allí te pondrá una lista de estos para que elijas uno a tu gusto

Una vez colocada todas las etiquetas le damos a guardar, nos enviara a una pantalla donde allí puedes editar y compartir la imagen

Allí te sale el html y los frames de la imagen.

Aquí os voy a dejar como quedo mi imagen interactiva. Espero que esta entrada os haya sido de ayuda, un saludo.

Imagen panoramica

Hola a todos. 
Hoy vengo a explicar las imágenes panorámicas, se tratan de una técnica de fotografía que captura imágenes con putos de vista alargadas. Este termino también se aplica a las imágenes recortadas on aspecto alargado. Una imagen que muestra un campo de visión aproximado, o mejor que el ojo humano, puede considerarse una foto panorámica.
Ahora os explicare como hacerla con Photomerge que es una opción de Photoshop.

Tenéis que haber hecho unas 4-5 fotos para poder montar la imagen. Las ponéis en photoshop y allí os vais a archivo, automatizar y ahí le dais a Photomerge.

Una vez hecho eso os va a salir una ventana donde os preguntara con que archivos queréis montar la imagen, si tenéis abiertas vuestras imágenes en photoshop solo tenéis que darle a la opción de usar archivos ya abiertos
Una vez hecho este paso os empezara a procesar y montar la imagen panorámica y os abrirá otra ventana con la imagen ya montada, si queréis podéis modificarla un poco para que quede mejor.

Una vez hecho esto solo queda recortar la imagen para que tenga una forma rectangular y guardarla.
 

Aquí os dejo la imagen que yo monte para esta practica.


Espero que os haya sido de ayuda. Un saludo.

Imagen 360º

Hola a todos, hoy os vengo  hablar de las imágenes 360º.
Las imágenes de 360º se tratan de imágenes que pueden desplazarse para ver cualquier parte de aquello que captura, por ejemplo mover la imagen para ver el cielo y segundos después apuntar al suelo, pero las imágenes de 360º captan todo el paisaje en un radio de 360º, no confundirlas con las panorámicas. 
Para hacer mi imagen 360º he usado Dermandar que se trata de una aplicación/pagina web que te permite crear esas fotos mediante una secuencia seguida de fotos que la misma aplicación te junta. Aquí os dejo mi imagen para que vais un ejemplo.



Para hacer algo así Solo tenéis hacer una secuencia de fotos girando sobre vosotros mismos, entrar en la pagina web y seleccionar que quieres montar una imagen 360º

Después de eso os saldrá una ventanita para que elijáis los archivos que queréis añadir para montar la imagen. Seleccionáis todas las imágenes que sean necesarias y ahí os monta la imagen. Una vez ahí le dais a la ruletita de opciones situada en la esquina derecha y allí le dais a upload y ya estaría
 

Os dejo mi imagen para que veáis un ejemplo ya montado.
Espero que os haya sido de ayuda esta entrada.

Feliz Navidad

Hola a todos.
Aquí va una entrada al blog con algo para felicitaros la navidad a todos (Sobretodo a mi profesora Ana, que sera se que fijo que va a ver esto) y el año nuevo también de paso aunque aun quede mes de diciembre.
Espero que os guste. 😊

Un saludo 💋

Analisis de Legibilidad en la web

Buenas tardes
Hoy vengo a hablaros de la legibilidad en la web. Es algo importante ya que si no es legible no atraerá a la gente y no tendrá mucho éxito. Primero explicare lo que es un mapa Web
Mapa Web: Es una lista de las paginas de un sitio web accesible por los buscadores y usuarios.
Analizaremos tres paginas para que veais el contraste de unas y otras.

Lineales: 
Son paginas que si o si tienes que seguir determinado camino, ya que tienen una navegación secuencial

Empecemos analizando la pagina de http://dokimos.org/index.html
Es una pagina web religiosa que ya de primeras al entrar en a pagina se nos muestra esto


Solo con la imagen podemos ver que hay cosas que no cuadran en ella y que la hacen horrible. 
Una de esas cosas es el color del fondo, que al ser esta una imagen no se aprecia pero esta en movimiento, a eso le tenemos que sumar que las letras contrastan muy mal con el fondo y no se entiende muy bien lo que pone y es aun peor si tenemos en cuenta que los colores del fondo se van moviendo. 
También hay que decir que el tamaño de la letra no es lo suficientemente grande para leer con facilidad los cuadros de textos que hay en ella.


Otro de los fallos son los links, los cuales casi ni se ven aparte del de la estrella, y depende de lo pequeña que tengas la ventana pueden superponerse los de abajo con algún texto

Te lleva a este punto si presionas la estrella, la unica cosa que puedes cliquear para que te lleve a otro lado. Son algo asi como mandamientos con algun tipo de texto al lado derecho de la imagen central de cada uno.


La siguiente pagina lineal es: https://mx.answers.yahoo.com/ una pagina que todos conocemos.

El portal te da la bienvenida y te deja navegar por su pagina como si de un libro se tratase, de forma secuencial por sus apartados.


Es lineal ya que puedes meterte en las entradas pero tiene una navegación secuencial

Reticular:
Se trata de una pagina con la opción de que el usuario vague libremente siguiendo sus necesidades, deseos, etc...
La pagina de la que vamos a hablar es: http://arngren.net/

Una pagina donde venden diversas cosas(que a simple vista parecen que venden cada cachibache del mundo) 
Es una pagina saturada de imágenes, anuncios y links a los productos, con un diseño vago e incluso llegas a dudar sobre la función de esta pagina. Tiene una velocidad de carga nefasta al estar tan saturada de cosas.

El mapa web pasa casi desapercibida e incluso tiene algún anuncio montado encima de ella.

El tamaño del texto varia de un lado a otro, es difícil encontrar un anuncio en el que el texto tenga el mismo tamaño que el de al lado

Esta pagina es como si hubieras cogido cada cosa que tú y tus vecinos tuvierais en casa, y no quisierais, y hubierais montado un rastrillo

La siguiente pagina reticular se trata de https://daniseuba.wordpress.com/

Se trata de na pagina de entrada por la que puedes vagar siguiendo tus ansias de conocimiento. Con un montón de apartados y entradas distintas. Incluso el mismo admite que el lleva la pagina con un diseño reticular.




Jerarquizado:
Se trata de una combinación de los dos sistemas anteriores que generalmente se utiliza en proyectos institucionales.

Una pagina jerárquica podría ser https://www.thesimsresource.com/

Tiene los apartados bien colocados y se puede leer bastante bien(aunque esta llena de anuncios)

Tiene subapartados que te permiten encontrar lo que buscas mas específicamente y consta de un buscador para ayudarte a encontrar las cosas.
El buscador te facilita el encontrar las cosas que estas buscando mas facílmente, por desgracia para usarlo en esta pagina tienes que estar registrado.

Otra pagina jerárquica seria: http://espasa.planetasaber.com

Te lleva de un apartado a subapartados para que especifiques mas tu búsqueda.

Y ya en el subapartado elegido puedes mirar la información de este tranquilamente, volver a la principal y elegir otro tema que mirar
Telaraña:
Se vincula a cualquier pagna sin ningun orden especifico,

Un ejemplo seria: https://es.wikipedia.org/wiki/Wikipedia:Portada

 Una pagina llena de apartados, en la que puedes ir de un tema a otro sin volver a la portada de la pagina.

Puedes acabar en un apartado que no tiene nada que ver con el principal que estabas mirando, tan solo con unos clicks

Otra con diseño de telaraña es https://www.urbipedia.org/
Ambas son enciclopedias bastante parecidas y casi iguales.

En esta también puedes viajar de un apartado a otro con un par de clicks en las palabras azules, que contienen hipervínculos a otra entrada
.



Espero que esta entrada os haya servido de ayuda. Un saludo

Croma

El croma o clave de color es una técnica audiovisual utilizada muy ampliamente tanto en cine, televisión o fotografía, que se trata de extraer un color de una imagen o video y remplazar ese área por una imagen o video con la ayuda de un equipo especializado o un ordenador.
El croma suele ser verde pero también hay casos donde es azul.

Para crear la sustitución de un video con croma debemos abrir nuestro programa de edición de video, en mi caso es Final Cut, montamos el video/imagen con croma en un nuevo proyecto y en el canal de debajo añadimos lo que queremos que sustituya al croma


Después de eso tenemos que ir a efectos, entrar en el apartado de incrustación y usar el efecto incrustador


Ese efecto lo añadimos a la capa con el video o la imagen que tiene croma y podremos ver como el croma se sustituye por aquello que ocupe la capa adyacente. Después lo compartimos como archivo maestro y ya tendríamos nuestro video croma editado.

Espero que os haya sido de ayuda. Un saludo

Ensamblado de Video

Hola a todos. 
Hoy os traigo otro trabajo de video. 

Uno de los videos trata sobre travel trip, el cual yo he hecho de Asia, más específicamente de Japón y Camboya como podréis ver en las capturas que os adjunto.

Añadimos un par de transiciones, cortamos algunas cosas y adjuntamos música y algo de texto para adquirir el resultado

Otro trata sobre Almazara, al cual he nombrado Aceites De La Cruz, que es el proceso que se hace para conseguir aceite.

Para ello hicimos un logo en photoshop con fondo transparente y lo acoplamos al montaje de video que hemos hecho, todo con sus transiciones y música de fondo para darle mejor aspecto