IMAGENES 360º

Fotos usadas para la imagen 360º

Imagen 360º completa en linea.

 

También e utilizado el programa Dermandar

Para crearlo pinchamos en "create you panorama" y te saldran dos dibujos.

Uno en forma de "rosca" y otro en forma de media "O"

En este caso utilizaremos lo que pone "360º View" 

Se eligen las imagenes que quieres utilizar.

Nos saldran dos opciones.

1. Guardar: te mostrara la imagen panoramica

2. Aztualizar:

Por ultimo te da un cosigo para utilizar la imagen en la Web, pero debes ponerlo en el apartado de HTML

Y esta es mi imagen 360º

TRABAJO DE ANALISIS DE CROSS MEDIA

Para hacer mi trabajo, me basé en la empresa Nespresso. 
El programa que usé para crearlo fue Keynote.Paso a paso fui creándolo a base de Imágenes, tituos, enlaces..

- Para los titulos:

- Para las imagenes:

 

- Para los enlaces:

- Para los bordes de las imagenes:

BARRA DE MENUS

Archivo: tenemos las opciones como abrir, cerrar, guardar, guardar como..

Edicción: las opciones suelen ser, copiar, pegar, cortar, transicción, definir motivo..

Imagen: encontramos modo, ajustes, tamaño de la imagen, rotar..

Capa: Podemos hacer una capa nueva, duplicarla, borrarla, estilo de capa..

Texto: paneles, opciones de idioma..

Selección: Todo, deseleccionar, invertir, guardar seleccion, cargar seleccion...

Filtro: Enfocar, desenfocar, distorsionar, pixelar, ruido...

Vista: Ajuste de prueba, colores de prueba, aumentar, reducir, guias, bloquea guias

Ventana: Ajustes, capas, color, linea de tiempo, pinceles, estilos, trazos, herrramientas

Ayuda: nos ayuda en linea del photoshop

CALCULO DE REPRODUCCIONES Y CORTES

Antes de todo, hay que saber que cuando se reproduce una imagen, se suele reproducir o más grande o más pequeña, muy pocas veces al mismo tamaño que el original.
¿Cómo se calculan las reproducciones y los recortes?

*FR: Factor de reproducción.

*DR: Dimensiones reproducción

*DO: Dimensiones original

Esta fórmula se aplica por separado tanto en el ancho como en el alto de la imagen.
Luego lo que salga, se multiplica por 100 y da el tanto por ciento.
Para saber lo que sobra, generalmente se coge el número mayor si salen diferentes, que ha salido de las dos operaciones del FR y se multiplica por el ancho del original y por el alto del original.
La siguiente actividad lo he hecho con illustraitor.

Primero lo he escalado al 50% y para hacer la imagen más pequeña se ponen los resultados en An. y Al.

Y por ultimo al 200%

Un vez completados todos los pasos, se guarda en formato ai. ( Formato de Ilustrator)

Y también se guarda en PDF:

Y ahora reproducciones y  recortes.
Con el siguiente ejercicio he hecho reproducciones y recortes. He utilizado la siguiente plantilla de QuarkXpress.

Hay que calcular:

• Las dimensiones del encuadre: Las dimensiones donde se va a poner la imagen (cuadro)
• Las dimensiones de la reproducción: Son las mismas del encuadre.
• Las dimensiones del recorte: Parte que se elimina al recorte dicha imagen.

Se calcula, se recorta la imagen y por último se inserta la imagen en dicho encuadre:

OPTIMIZACION DE IMAGENES

Comparacion de imagenes guardadas en distintos formatos: (PNG, GIF, JPG, )

 

- Con la primera imagen del pajaro he hecho lo siguiente:

 Las dos estan guardads en Jpg. pero la segunda imagen la he guardado en baja calidad (1). 

 Se ven los pixeles y un poco descolorida.

          Jpg.  Buena Calidad                                                                                 Jpg. Baja Calidad

Luego las he guardado en Png. 

                  Png.                                                                                           Png. Entrelazado

 

Y por ultimo las he guardado en Gif. 

 Se puede ver claramente las diferencias entre el Gif compurServe y el Gif que es la segunda. El Gif compurServe se ven los pixeles y desenfocado, tiene baja calidad, a diferencia de la segunda.

      Gif. CompurServe                                                                                             Gif.

- La segunda imagen lo que he hecho es ponerle el fondo transparente y la he guardado en Jpg.

Como Jpg. no admite transparencia, cambia por defecto la transparencia por un blanco crudo. A la misma foto le he puesto la calidad al 1.

Esta imagen está mas borrosa, porque es a la que la e bajado la calidad al










La misma imagen la he guardado también en Png. y Png entrelazado, el Png, si admite transparencia y de esta otra manera ya si que podemos ver el fondo blanco.

                     Png.                                                                                           Png. entrelazado

Png. entrelazado: si observas con el zoom, se notan mucho mas los pixeles de la imagen
Y para terminar esta imagen tambien la he guardado en Gif. la cual, también admite transparencia.

         Gif.                                                                                                     Gif.CompurServe:   

En esta imagen se ven 

 los pixeles mas grandes

Y por ultimo con la tercera imagen, que es una imagen clipart.

La he guardado en Jpg. y luego la he vuelto a guardar otra vezde la misma manera pero en este caso en baja calidad.

                  Jpg.                                                                                                         Jpg. Baja Calidad

Despues las he guardado en Png y Png. entrelazado

Y por ultimo la misma imagen guardada en Gif. y Gif. CompurServe