miércoles, 6 de febrero de 2019

Flip Page 2

Hola a todos.
Hoy vengo a mostraros como hacer un Flipsnack, una pagina muy guay para que monteis vuestros Flip.

Basicamente es que entreis en la pagina y subais vuestro archivo PDF para editarlo


Una vez subido podéis modificarlo, ponerle el fondo que queréis y demás

Lo guardáis, una vez hecho al publicarlo le dais a empotrar y copiáis el HTML que os den


Os dejo aqui mi ejemplo

lunes, 4 de febrero de 2019

Flip Page

Hola a todos un día. Hoy vengo a contar el Flip Page.
Se trata de un efecto que permite simular un documento con cambios de pagina como si fuera un libro en ek navegador, sin necesidad de ninguna aplicación instalada. Una maravilla, vamos

Para crear un Flip Page nos meteremos en Issuu:

Allí metemos el PDF de lo que queramos volver un Flip Page y ¡Maravilla! se crea el Flip Page con el.

Bueno y aquí tenéis el Flip Page que he creado.


Realidad aumentada

Hola a todos, hoy vengo a hablaros de la realidad aumentada.
Se trata de una técnica en cual los usuarios pueden percibir la realidad superponiendo los objetos reales a los modelos virtuales enriquecidos.
Así permite simular algo que no esta allí a través de una pantalla.

Para lograr algo así debes tener una pantalla LCD standar o de proyección, una webcam, y algo que pueda ejecutar el software de la realidad aumentada.

La realidad aumentada podría lograr grandes avances en el mundo, así como cirugías mas precisas, coches a medida, también podría ser beneficioso para el entorno escolar. Aunque a día de hoy los jóvenes mayormente estamos acostumbrados a verlo en videojuegos como podemos experimentar también con las gafas de realidad virtual de la ps4.

Os dejare aqui algunos ejemplos.
 Pokemon GO
Zombies Run

También os dejare algún articulo sobre el tema para que tengáis mas información sobre ello
Una del blog "Muy Interesante" 
Otra de las entradas es de la BBC

Espero que os haya servido de ayuda. 
Un saludo

Codigo QR

Hola a todos amigos del metal.
Hoy os vengo a presentar el código QR, primero os explicare que es y luego os contare como se hace.

Código QR: Es una matriz de puntos blancos y negros que permite almacenar información mediante un tipo de código de barra en dos dimensiones.

Os explicare a continuacion como crear uno.

Primero tenemos que abrir la pagina de https://www.unitag.io/qrcode/widget


Insertamos la pagina que queremos, en este caso winsor&newton


Tambien puedes personalizarlo, tanto colores, como plantillas y demas
 
Y asi ya tendriamos nuestro codigo QR listo.



He creado también otros dos más, uno enlazado a mi pagina de twitter y otro al link de esta misma entrada


miércoles, 16 de enero de 2019

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.

lunes, 14 de enero de 2019

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.