Efecto Flip Page y productos gráficos interactivos

¡ Hola a todos! Os voy a presentar mi Flip Page que consiste en catálogos que permite pasar páginas de un documento digital como si de un documento físico se tratara.

 ↠ Aqui os dejo mi Flip Page de Flipsnack: Flip Page

 ↠ Mi Flip Pages de flipping book: Flip Page

PRODUCTOS GRÁFICOS INTERACTIVOS

Jesús delgado santos Productos Graficos Multimedia Interact…

Imágenes panorámicas, interactivas y 360º

¡Hola a todos!👋😊 Hoy os voy a presentar una entrada 👍muy interesante. Se trata cómo hacer una imagen panorámica en photoshop. El proceso es lento pero sencillo. El resultado es muy bueno. Para ello hemos tenido que hacer varias imágenes que luego hemos juntado en photoshop dandole a Archivo , automatizar y nos vamos a photomerge, nos sale distintas composiciones para hacer nuestras panorámicas: Automática, perspectiva, cilíndrica, Esférica, Collage, Cambiar posición. También os vamos a mostrar como se hace una imagen interactiva.

 

Imágenes panorámicas

La fotografía panorámica es una técnica de la fotografía, en la cual se utilizan equipos especializados que capturan imágenes con puntos de vista alargados. Se conoce también como fotografía de amplio formato. El término también se aplica a las fotografías recortadas con aspecto alargado.Aqui os dejo las distintas panoramas:



Panorama automático: Photoshop analiza las imágenes originales y aplica una composición cilíndrica, en perspectiva o esférica, según resulte más adecuado para el producto final.

Panorámica perspectiva:

Crea una composición consistente mediante la designación de una de las imágenes de origen ( por defecto, la imagen central ) como imagen de referencia. A continuación, las demás imágenes se transforman ( cambian de posición , se estiran o se sesgan como sea preciso) de manera que coincida el contenido superpuesto de todas las capas.

Panorámica esférica: Alinea y transforma las imágenes como si fueran para mapear el interior de una esfera, lo que produce la impresión de estar observando una panorámica de 360 grados. Si ha seleccionado un conjunto de imágenes que cubre 360 grados, utilice esta opción para panoramas de 360 grados. También podría usar la composición esférica para crear atractivos resultados panorámicos con otros conjuntos de archivos.

Panorámica cilíndrica: Reduce la distorsión en forma de pajarita que puede tener lugar con la composición Perspectiva mostrando cada una de las imágenes como si fuera un cilindro abierto. Pese a todo, el contenido superpuesto de todos los archivos sigue coincidiendo. La imagen de referencia se sitúa en el centro. Constituye la opción idónea para crear panoramas amplios.

IMAGÉN INTERACTIVA 

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 una página web, una imagen interactiva es cualquier imagen que tenga un URL o más de un URL incrustado o escondido tras ella. Si se incrusta más de un URL en una imagen es necesario construir una imagen gráfica.

Entre las acciones más utilizadas por las imágenes interactivas se encuentra la activación de objetos multimedia, crear una imagen interactiva consiste en enlazar una imagen con recursos que se corresponden con direcciones de páginas web que nos llevan a contenidos del tipo: webs, audios, vídeos, imágenes, descripción, página de FB y Twitter, etc. enriqueciendo así el contenido de la imagen con recursos de Internet.


Una de las paginas mejores para crear es Thinglink es una herramienta poderosa. Una vez enlazada o cargada la fotografía , ilustración o vídeo -porque también se pueden editar vídeos interactivos- crearemos diferentes puntos de anclaje. Su manejo es sencillo.


Tiene una versión gratuita, pero solo admite vídeos, audios o imágenes que ya estén en la red. Un truco: carga imágenes, vídeos o audios en repositorios y enlázalos luego. En esta versión no puedes personalizar el diseño. Y en este sentido está limitada. Pero siempre nos queda la opción de pago con la que cambiar iconos o subir imágenes propias.

→Aquí os dejo un enlace de una imagen del centro del IES. Puerta bonita: imagen interactiva

El IES Puerta Bonita, cuyo titular es la Comunidad de Madrid, tiene como fin primordial capacitar a sus alumnos como técnicos (de grado medio y superior) de Artes Gráficas y de Imagen y Sonido, con el objetivo prioritario de formar profesionales de las artes gráficas y de la comunicación audiovisual, facilitando su inserción en el medio laboral.

→Aquí os dejo un enlace personal sobre el CrossFit : imagen interactiva

CrossFit se define como un sistema de entrenamiento de fuerza y acondicionamiento basado en ejercicios funcionales constantemente variados realizados a una alta intensidad

IMAGEN 360º

360 grados significa, como su nombre indica, la posibilidad de disfrutar de un contenido no solo como lo alcanza una cámara convencional / la vista (el ojo humano percibe casi 180 grados de imagen, pero enfoca sólo una parte de este campo), sino también qué pasa alrededor, encima, debajo. Es decir: 360 grados alrededor del protagonista.

Con Dermandar hemos creado esta imagen 360º: Demandar imagen 360º IES. Puerta Bonita

Productos Gráficos interactivos multimedia

¡ Hola a todos! Os voy a explicar que son los productos gráficos Interactivos Multimedia , os especificare acerca del código QR y porque contribuyen a incrementar la interactividad de un producto gráfico.

¿Que son los productos gráficos interactivos multimedia?

El Diseño multimedia está compuesto por la combinación de diversas ramas, que engloban texto, fotografías, videos, programación, sonido, animación, manipulada y volcada en un soporte digital.Algunas de estas ramas pueden ser: Diseño Gráfico, Diseño Editorial, Diseño Web, Edición de videos, Programación de aplicaciones interactivas, etc.

 Puede ser una página web con texto y unos cuantos enlaces a otras páginas web, o un documento más complejo que use tipografía, gráficos, sonido y video con controles interactivos como pueden ser botones y enlaces.

 Ya sean simples o complejos , los mejores diseños interactivos, presentan el mensaje de manera clara y tienen una interfaz fácil de navegar, y que funciona adecuadamente con la tecnología que utilice el usuario para desplegar el documento interactivo.

 ·Tipos de los productos gráficos y digitales interactivos.

-Imágenes panorámicas y 360º

-Imágenes interactivas 

- Código QR

- Realidad aumentada

- Documentos digitales con efecto Flip Page

- Formularios PDF interactivos

- PDFs interactivos y multimedia

· Pero en el que nos vamos a centrar va a ser en el Códico QR , el cual os voy a explicar y vamos a crear uno:

Un código QR es una matriz de puntos blancos y negros que permite almacenar información mediante un tipo de código de barras en dos dimensiones. Es una versión mejorada del código de barras normal, ya que puede almacenar información en dos direcciones y puede contener cerca de 350 veces la cantidad de información que puede ser almacenada en un código de barras.

Actualmente se utiliza para transmitir información de manera rápida y eficaz entre un soporte físico   ( el código se puede colocar sobre cualquier objeto: un cartel, una revista o un refresco) y un dispositivo electrónico como el teléfono móvil.

CÓDIGO QR 

Si escaneas este código QR podrás probar como funciona y dentro de él tendras la definición.