Photomerge

Hola a todos hoy os traigo una práctica de Ensamblado de Publicaciones Electrónicas sobre las imágenes panorámicas en photomerge de la aplicación de Adobe Photoshop.

¿Qué es una imagen panorámica?

Una imagen panorámica es la que muestra un panorama, usualmente paisajístico o arquitectónico, y que se distingue por el amplio horizonte visual que cubre.

¿Qué es photomerge?

El comando Photomerge combina varias fotografías para crear una imagen continua. Por ejemplo, puede tomar cinco fotografías superpuestas del horizonte de una ciudad y posteriormente combinarlas en una vista panorámica.

Proceso para crear una imagen panorámica en Photomerge:

1. El primer paso obviamente es conseguir las imágenes que usaremos para la imagen panorámica que crearemos a continuación. Estas imágenes deben estar relacionadas entre sí, es decir, deben ser del mismo lugar y tienen que seguir un orden de posición y altura a la que fueron captadas.
   
2. El segundo paso es abrir Adobe Photoshop y abrir Photomerge dentro de la aplicación.
   
3. El tercer paso es agregar las imágenes que queremos usar en la ventana de Photomerge y elegir como queremos que sea la imagen panorámica.
   
4. El cuarto paso consiste en simplemente dejar que Photomerge cree la imagen panorámica y luego de eso recortar la imagen ya que esta saldrá algo deformada en los bordes.
   
   
   
   

Dermandar 360

Hola a todos hoy os traigo una nueva practica sobre imágenes 360 en www.dermandar.com de Ensamblado de Publicaciones Electrónicas.

¿Qué es una imagen 360?

La fotografía en 360 grados es una técnica que permite captar fotos en las que el observador se sumerge en la imagen como si estuviera dentro de ella. Se trata de una imagen muy realista si tenemos en cuenta que el ojo humano es capaz de visualizar en 180 grados y enfocar aún en menos. Una imagen en 360 grados permite ver lo que pasa alrededor de la primera escena, es decir, hacia arriba, hacia abajo, por delante y por detrás.

Proceso para hacer una imagen 360 con dermandar:

1. El primer paso es hacer las fotos suficientes para crear la imagen en 360. Estas fotos deben estar a la misma altura y deben ir mas o menos en orden según el lugar en las que fueron hechas.
2. El segundo paso es crear tu cuenta  de www.dermandar.com.
3. El tercer paso es subir las imágenes para poder crear la imagen 360.
   
4. El cuarto paso consiste en crear la imagen 360 a partir de las imágenes tomadas y compartirlo usando el "embed code".
   
   
   
   

Estructura de página

Hola a todos hoy os traigo una nueva practica de Ensamblado de Publicaciones Electrónicas sobre las estructuras de las páginas.

¿Qué es un mapa web?

Un mapa web es la estructura de enlaces de páginas web que definirá la buena o mala navegación de un sitio web. Como veremos en este artículo, además un mapa web se puede usar para mejorar nuestro posicionamiento en motores de búsqueda.

Mapa Web Jerárquico:

• www.comunidad.madrid

• sede.administracion.gob.es

Mapa Web Lineal:

• teaser.genesisnoirgame.com

• maratropa.com

Mapa Web Reticular:

• savetheair.de
  
• www.elperiodico.com
  
  
  

Mapa Web Telaraña:

• www.wikipedia.org

• tokyoghoul.wikia.com
  
  
  
  

Felices fiestas

Hola a todos, hago esta entrada para desearos unas felices fiestas a todos, felices fiestas.

Análisis de pagina Web legible y no legible

¿Qué es la legibilidad?

Es la capacidad de definir y distinguir claramente los elementos en una página y, dentro del texto, los caracteres.

Consejos para la legibilidad:

• Contraste: elegir un color de texto que contraste suficientemente con el fondo es fundamental para una buena legibilidad.
• Jerarquía: variar la fuente, color y formato de los títulos y subtítulos siguiendo un patrón jerárquico, ayuda a identificar la estructura del diseño y por lo tanto facilita la compresión de la lectura y le aporta mayor fluidez.
• Columnas: No deben superar más del 50% del ancho total de la pantalla (en caso de monitores). Por este motivo se recomienda que cada línea contenga una media de 15 palabras, y distribuir la información en frases y párrafos cortos.
• No usar Flash, si se desea que funcione en un iPad.
• No colocar muchos enlaces muy cerca unos de otros.
• La navegación debe ser fácil.
• No colocar demasiada carga de vídeos, animaciones o galerías de fotos, que pueden ocasionar problemas de carga y dificultades al navegar.

Página Web legible: https://www.moabeer.com/

• El color del texto tiene un buena contraste con respecto al fondo en toda la pagina.
  
• Tiene una jerarquía bien distinguida, cambia el color y el tamaño de los textos a lo largo de la pagina.
  
• Las columnas no superan el limite de ancho y la información esta distribuida en frases y párrafos cortos.
  

Página Web no legible: http://www.historianofthefuture.com

• Los colores de los textos no contrastan bien con el fondo.
  
• La jerarquía en la pagina esta muy mal y cuesta distinguir la información.
  
• Las columnas de texto son simplemente aleatorias y no siguen ninguna de las reglas de la legibilidad.
  
• La navegación es rápida pero difícil por la cantidad de enlaces tan grande que tiene esparcidas por toda la página en imágenes y textos.

Chroma

Hola a todos hoy os traigo otra practica  del modulo de Ensamblado de Publicaciones Electrónicas. Hoy hemos trabajado con cromas en Final Cut Pro.

¿Qué es un croma?

Un Croma es una técnica audiovisual que se usa ampliamente tanto en cine y televisión como en fotografía para extraer un color de la imagen y reemplazar el área que ocupaba por otra imagen, como puede verse en la foto de arriba del superhéroe que aparece volando en el cielo. Cuando queramos sustituir un fondo o hacer que alguien esté en algún sitio concreto, grabaremos al personaje con el croma de fondo. Esto se hace cuando es demasiado costoso o inviable rodar al personaje en el escenario deseado, o para evitar el laborioso recorte del personaje fotograma a fotograma; proceso conocido como rotoscopia.

La practica y como lo hice:

1. Antes que nada he conseguido el material de video/audio con el que trabaje y luego prepare Final Cut Pro para realizar el video.
2. Al tener todo el material y programa preparados empece a añadir los videos dentro de Final Cut para ir agregándolos a la linea de tiempo.
3. En la linea de tiempo he recortado los videos que use y los puse en el orden que me pareció mas correcto.
4. Tras el paso anterior he estado agregando el audio de fondo.
5. Para el final he agregado transiciones y algunos efectos de video y audio para que este todo coordinado como yo he deseado.
6. Renderize el video final y lo he convertido a 480p ya que el original pesa mas de 400+ MB.

Final Cut

Hola, hoy os traigo la nueva practica de Final Cut Pro del módulo de Ensamblado de Publicaciones Electrónicas.

Hemos aprendido a utilizar Final Cut Pro y hemos hecho dos videos, uno de un Travel Trip en el que promocionamos un continente y 3 países y otro de una Almazara.

Travel Trip:

• Video en el que promocionamos un continente seleccionando 3 países para el video y añadiendo efectos, textos, imágenes y música.

Almazara:

• Video en el que se enseñan algunos pasos de como se hace el aceite de oliva.

• Tambien hicimos un logo para este video.