memoria proyecto
DESCRIPTION
Memoria del proyecto final de carrera. En al que se describe una paseo Virtual en un edificioTRANSCRIPT
Proyecto Fin de carrera
José Follos Palau
Pequeño catálogo fotográfico y
Paseo virtual por la antigua sede de la
Escuela Superior de Diseño de Aragón
Catálogo fotográfico- Sentido de este libro- Dimensiones - Mancha, Rejilla- Tipografía- Colores- Tratamiento de las fotografías- - Papel [email protected]
Durante más de tres años he cursado en esta escuela estudios superiores de diseño, he paseado por sus viejospasillos y por sus aulas, abierto y cerrado sus ventanas de madera y sufrido los rigores del clima. Este edificio, quegrabó en mi retina esquinas y lugares llenos de historia, de una historia que nos regalaba cada vez que cruzábamosla puerta y que, quizás acostumbrados a lo cotidiano del día a día, no contemplábamos, al menos yo, cómo se merece. Evidentemente un edificio con más de cien años de historia no se resume con cuarenta o cincuenta fotos, ni yolo pretendo, ni lo conseguiría jamás por muchos megapixeles que emplease en ello. Queden pues estas fotos cómo un sencillo recordatorio de aquellos lugares por los que pasamos tantas vecessin escuchar los saludos que nos dedicaba.
Sentido de este libro
Las páginas tienen unas dimensiones de 180 mm de ancho X 205 mm de alto.
La mancha de sobre la que se va a trabajar es de 165 mm X 185 mm
(representada por el rectángulo de color azul cielo)
La mancha tiene 10 mm de margen superior e inferior, en las páginas pares
5 mm de margen a la izquierda y 10a la derecha, en las páginas impares estos últimos se intercalan entre si
(Todas las dimensiones en milímetros)Dimensiones
Como puede verse, se ha estructurado en siete columnas de 16,6 mm separadas por un medianil de 8,2.Se ha marcado el centro de la página ya que en los casos en que haya una sola foto el centro de esta deberácoincidir con el de la página, siendo sus dimensiones máximas las de la mancha, tanto a lo largo cómo a lo ancho.En el caso en que haya más de una foto por página, sus dimensiones RESPETARÁN siempre la anchura de lascolumnas, y su centro estará dispuesto en el centro horizontal o en el vertical. (páginas 11y 13 del catálogo)
La retícula
Para la confección de este catálogo se ha utilizado una sola tipografía. La Yanone Kaffeesatzcreada por Jan Gerner (Dresden, 1982). Músico, y diseñador gráfico.La tipografía es de uso gratuito bajo licencia creative-commons, y cómo su autor indica se debe,además de citar su nombre, mencionar o hacer un link, dentro de lo posible a su sitio web: http://www.yanone.de/.Cumplidos los trámites legales, pues paso a presentar la tipografía. y sus usos
Kaffeesatz ThinABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789#×ß@æøœ®©TM -–—„‹¿¡(*)!?›“ [%‰] «&��»
Kaffeesatz LightABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789#×ß@æøœ®©TM -–—„‹¿¡(*)!?›“ [%‰] «&��»
Kaffeesatz RegularABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz01234567890123456789#×ß@æøœ®©TM -–—„‹¿¡(*)!?›“ [%‰] «&��»
Kaffeesatz BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789#×ß@æøœ®©TM -–—„‹¿¡(*)!?›“ [%‰] «&��»
Tipografías
Para la confección de este catálogo se ha utilizadolas cuatro variantes del tipo.Bold para títulos y secciones. A cuerpo 28pt e interlineado 28pt
Regular para los nombres de las aulas y thin para los nombres de las asignaturas impartidas en ellas, ambas a cuerpo 14
Para la numeración de las páginas se empleó la light a cuerpo 16
Tipografías
Para Los textos se ha empleado la variante light a cuerpo 11 e interlineado 14
Tipografías
Sólo se usan dos colores para la confección de ste libro:
Un rojo fuerte: ( 0C, 60M, 100A, 45N )
Y un Marrón ( 64C,74A, 58A, 7N )
Siendo un matiz de este último, el 50%, el que su usa en las páginas, la numeración y la pastilla de los titulares
Colores
El papel usado para la impresión del catálogo será papel reciclado blanqueado de 160 gr
Papel
La gran mayoría de las fotos que se han empleado para la creación del catálogo fueron tomadasen formato CAMERA-RAW durante los días que se realizaron las tomas de los panoramas, las restantes fueron tomadas durante los tres años en que he cursado estudios en la Escuela Superior de Diseño de Aragón,estas tomadas en formato JPG..Así pues el proceso de tratamiento de fotos varía dependiendo del formato. Paso a explicarlo s brevemente.
CAMERA-RAW - Reencuadrar y enderezar la imagen - Comprobar si hay luces o sombras reventadas - Ajustar el Equilibrio de Blancos - Ajustar la exposición - Ajustar las sombras, brillo y contraste - Ajustar la saturación - Ajuste fino de curvas. - Corregir los problemas de ruido y las aberraciones cromáticas - Convertir a tiff o jpg y guardar los ajustes asociados al fichero raw
Una vez ya en PHOTOSHOP ( o cualquier programa de edición de imágenes) continuamoscon el proceso. En este punto es dónde comenzamos si la imagen de partida fuera un fichero jpg
.jpg - Reencuadrar de nuevo la imagen - Corregir la lente - Reparación de la imagen - Tratamiento de la imagen por zonas - Guardar la imagen en PSD - Determinar el tamaño de salida de la imagen - Enfocar - Guardar la imagen en TTIF
En este punto hay que especificar que todos estos pasos configuran el proceso estándar y que no hay por querrealizarlos en todas las fotografías, solo dependiendo de las características individuales de cada una.Además, a todas se les ha incluido un marco para simular un retoque de laboratorio.
Tratamiento fotográfico
Paseo virtual- Proyección equirectangular
- Salas que se van a representar
- Proceso de trabajo
- Datos de las salas
- Estructura H T M L de la presentación
- Tipografí[email protected]
Perspectivaequirectangular
Es un modelo geométrico de Proyección Cartográfica atribuido a Marino de Tiro (120 ac), consistente en plegarel plano de proyección de manera tangente al ecuador del Globo Terráqueo; por lo tanto, donde cada paralelo enel plano se determina por la tangente de la latitud. Esto es menos complicado de entendersi decimos que todas las líneas verticales de la imagen o mapa son paralelas entre sí. Su virtud más notable es haber minimizado la distorsión de la Proyección Equirectangular de Hiparco;y su mayor defecto, es arrojar cada vez una mayor deformación conforme el aumento de la latitud,ees decir cuanto más nos alejamos del ecuador o del horizonte en nuestro caso, más distorsión se aprecia. El ejemplo gráfico que más hemos visto es el de la proyección del globo terráqueo.En estas proyecciones me basaré para elaborar las panorámicas del paseo virtual, así conseguiré panorámicasde 360 x 180 grados, es decir se podrá ver el cielo (cenit) y el suelo (nadir).
Para estructurar mejor el trabajo he dividido el paseo en 5 zonas: 1)- Exterior, 2)- Planta baja, 3)- Primera planta,4)- Segunda Planta y 5)- Escaleras. Así, en vez de enumerar una lista de los nombres de aulas y de espacios que semostrarán podemos ver en el plano de la escuela los espacios sobre los que se ha trabajado:
Lo que vamos a ver
Zona exteriorDaremos un paseo por el exterior de la escuela,aquí tenemos 6 panorámicas, más alguna sorpresa.
Segunda PlantaEn esta última planta se visitarán las aulas de asignaturas teóricas, 305, 310y 311, así cómo las aulas 302, 303, 307 308 309, el salón de actos
y la sala de profesores. Se han realizado 15 panorámicas
EscalerasLa zona de escaleras, no representada en estos planos también se ha realizado, ycomenzando en la zona del hall hasta la segunda planta consta de 6 panoramicas, además de las escaleras. traserasque sumas dos panoramicas más.
Planta BajaSe podrá dar una vuelta por las salas y pasillos marcados en el mapa.
Biblioteca, los pasillos, y salas de exposiciones, aulas de litografía y de grabado,acceso al aula de fotografía, que al ser la única sala de los sótanos se incluyóen esta zona, así cómo los accesos al exterior por las puertas traseras.
Se han realizado 15 panorámicas.
Primera PlantaEn este sector del paseo pasaremos por los pasillos y las aulas de diseño gráfico222, 223, 224 y 225.Se han realizado un total de 13 panorámicas
Flujo de trabajo
a) Toma de fotos
Para explicar correctamente cual debe de ser el flujo de trabajo, o al menos el que yo he seguido, seguiremos paso porpaso exhaustivamente el proceso de creación de una panorámica. En este caso la de la puerta de la entrada principal.Indicando además que este es el mismo que se ha seguido para la realización de todas las panorámicas del proyecto.
La toma de fotografías para elaborar un panorama en un proceso importantísimo. En teoría hay que cubrir todo el espacio, es decir tener fotografiado este desde todos los ángulos. Esto se consigue de la siguiente manera:Apoyándonos sobre un trípode se toma un punto cualquiera de referencia, generalmente y en principio un punto enel horizonte. Tomamos la primera foto. giramos la cámara aproximadamente 45 grados y tomamos la segunda foto, asísucesivamente hasta volver al punto de inicio. En este momento tenemos 8 fotografías, ya seríamos capaces de elaboraruna panorámica cilíndrica, es decir sin zenit ni nadir, pero en la que podríamos ver’ en 360 grados. Algunas de lasppanorámicas de este proyecto están realizadas de esta forma. Pero nuestro objetivo es conseguir más, así que giramos la cámara unos 45 grados hacia arriba y repetimos el procesoanterior tomando otras 8 fotos ( ya tenemos 16), Vuelta a empezar, volvemos a girar la cámara hacia arriba otros 45grados, ya apuntamos al zenit, y tomamos, otras 8 fotos. Ya tenemos 24 fotos. Ahora hay que repetir el proceso inclinando la cámara 45 grados hacia abajo desde el horizonte, 8 fotos más y otros45 grados para fotografiar el nadir, otras 8 fotos mas. En total 40 fotos deberían de ser suficientes para crearuna panorámica.EEsto es en mi caso, ya que he utilizado un gran angular, si se usara un objetivo con otra óptica menor,el número de fotos a realizar se incrementa notablemente, ya que la practica aconseja que el espacio que sesolapan entre las distintas tomas debe de ser de un 20% aproximadamente.
Pero esto es sólo la teoría, si entre dos fotos consecutivas, imaginemos que estamos fotografiando una pared lisa,no tenemos ningún punto de referencia, más adelante tendremos muchísimos problemas para “hilvanar” el panoramaya que el software que realiza los panoramas no sabrá cómo hacerlo. Para evitar esto, cuando observemos que al girarllos 45 grados de rigor entre dos fotografías, perdemos referencias con la toma anterior deberemos de “retroceder”y hacer las fotos cada 30 grados. Esta es la razón por la que veremos que el número de fotografías varía de estanciaa estancia. Los mayores problemas se dan, sobre todo, en suelos y techos, generalmente planos y sin referencias.
Como ya he dicho anteriormente, unas 40 fotos deberían de bastar para realizar una panorámica,pero a veces nos encontramos que la teoría es sólo eso, teoría, En este caso se han tomado más fotos delas necesarias: 46. Se ha de tener en cuenta que el software que usamos para realizar la perspectiva trabaja“buscando” puntos comunes entre fotografías por similitud, así que si se lo ponemos difícil con un númerode fotografías ajustado (aunque correcto) tenemos muchas posibilidades de que de errores de interpretación enla creación de el panorama.. También se ha apreciado a lo largo de este proyecto que si el número deffotografías es excesivo, el número de errores se incrementa ostensiblemente ya que el software intentausartodos los datos que le suministramos. así el equilibrio en la toma de fotos se consiguecon la experiencia. Y esta nos dicta que, además de intentar que las imágenes se solapen, al menos un 20%,debemos de buscar puntos de referencia claros al realizarlas para que el programa, o nosotros en el caso de unaalineación manual, se apoye en ellos. Además la dificultad añadida de este proyecto es la imposibilidad de repetirlas tomas, ya que al quedar abandonado está cerrado. He de confesar que ahora repetiría algunas tomas, sobre todo een lo referente a la colocación de la cámara, pero ya no es posible. Así pues en nuestro ejemplo estasson las imágenes adquiridas y con las que vamos a trabajar.
a) Toma de fotos
Este proyecto esta pensado para verse sobre ordenador, o con unas pocas modificaciones sobre web, así queel tamaño de las fotos tomadas es excesivo para trabajar con él. Tienen 121,9 x 81,28 cm a 72 ppp,si decidiéramos trabajar con este tamaño de imagen el resultado final sería un panorama tan “pesado” de manejarque haría inviable un paseo virtual de estas características, con aproximadamente 60 panoramas realizados, así quea todas las fotos se las debe de bajar el tamaño, en este caso ha sido de 30 x 20 cm a 72 ppp. generándoseun fichero de 317 Kb, muchísimo menos pesado que el anterior que ocupaba 3,3 Mb cada uno.
b) Tratamiento de las fotos
c) A crear el panoramaNuestro primer objetivo es crear una proyección equirectangular de nuestro espacio.Para eso usamos un soft llamado Panorama Studio2 Pro. Este nos permite crearuna muy buena aproximación a la representación equirectangular.
En primer lugar hay que importar las fotos,
c) A crear el panoramasuministrarle los datos al programa de la toma de estas:distancia focal etc. Gracias que el software los detectaautomáticamente de los datos exif de la cámara.,en este caso, como puede verse todas las fotos del proyectose han tomado a una distancia focal de 10mm.
Se procede a alinear las imágenes y se obtiene la primera representación equirectangular.EEsta no es válida aún, en la mayoría de los casos, ya que puede tener errores de hilvanado’ en las fotos.LLegados a este punto hay dos posibilidades:
Regresar hacia atrás en el programa e ir foto por foto añadiendo manualmente los puntosde control en común entre ellas, y esto supone que hay que comprobar todas las combinaciones posibles,y para un supuesto de 40 fotos estas ascienden a 780 combinaciones, también es cierto que cada foto no contienepuntos comunes nada más que con sus adyacentes (8 aproximadamente) y esto reduce considerablementeel número de combinaciones, pero aún así es un número muy elevado de puntos sobre los que hay que trabajar.
Como podemos ver en la imagen el software nos indica los puntos de controlentre dos fotografías consecutivas y los “califica” con colores; en verde los óptimos y en rojo losque se desvían o no coinciden. Cuando hay una gran número de puntos “malos” o las imágenesno hilvanan bien nos avisa como podemos ver (pares de imágenes 3<-->5)con el color rojo. Esas imágenes no alinean bien así que deberíamos ir y comprobar los puntoshasta que nos diera un resultado satisfactorio.
d) Hilvanado de las fotos
Si se sigue este camino, deberíamos volver a renderizar y esperar un mejor resultado y volver a empezar una y
otra vez hasta que el resultado fuera correcto.
Cómo segunda opción podemos continuar con el proceso y exportar la imagen de la proyección
equirectangular generada, aún con fallos, ya que estos los corregiremos en un programa de
edición gráfica. como Photoshop.
Este software se comporta excelentemente en exteriores y muy bien en interiores,
sisiendo en estos dónde veremos mas fallos en el ensamblado de los panoramas.
d) Hilvanado de las fotos
Cubic Converter
Ya tenemos la perspectiva equirectangular hecha.El realizar un panorama se reduce a generar las caras de un cubo ficticio en el que el observador se encuentraen el centro geométrico de este.Para esto nos apoyaremos en un programa, CubicConverter,que YA genera panoramas en formato .mov (que lamentablemente no es válidopara nuestros propósitos), pero del cual se obtiene como paso intermedio, las 8 carasdde dicho cubo en formato .jpg. En este paso aún se podrían corregir defectos quese observaran a última hora.
Así pues, añadimos la anterior perspectiva al programa
Guardamos como cube faces Images para obtener las imagenes del cubo
e) Creando las “cube faces”
Frontal Trasera Derecha Techo Izquierda Fondo
Es el momento de repasar las imágenes por última vez,ya que a partir de ahora el proceso ya no lo permitirá.Sobre todo la imagen del suelo, ya que siempre se ve parte del trípode,además es aquí dónde introducimos el logo que se aprecia en lamayoría de las panorámicas del proyecto..
e) Creando las “cube faces”
Así obtenemos las 6 caras del cubo.
Regresamos a Cubic converter, sustituimos las caras del cubo que hemos retocado y volvemos a generar el panorama.Ya tenemos un panorama creado y operativo. Lamentablemente es en formato .mov y, aunquees perfectamente valido en una página web, necesitamos un panorama que funcione bajo la tecnología ‘flash.
Además los panoramas .mov son muy pesados de tamaño para su manejo.Así pues, seguimos con el proceso.
Cubic Converter
AdobePhotoshop
Así pues, añadimos nuestro fichero .mov creado anteriormente, en nuestro caso C4_OK.mov,elegimos la vista principal, damos los datos de autor, añadimos los sonidos de ambientey creamos las zonas de interacción.
Afrontamos el proceso final de la creación del panorama ayudándonosde un nuevo software,: Pano2VR.Esta vez es una aplicación que se encuentra en ambas plataformas,Macintosh y Windows, al contrario de CubicConverter, que sólo está en el lado Mac.(alguna ventaja tendríamos que tener los usuarios de Macintosh)Pano2Vr es muy versátil y nos permite “jugar”con nuestro panorama de muchas maneras, pero esosi, si, teniendo las cosas muy claras y todo el esquema del trabajo ya definido, ya que es aquí dónde alpanorama se le dan los parámetros de enlace con las distintas páginas web, las rutas, las variables de accesoy todo lo necesario para el correcto funcionamiento del proyecto final.De esta manera, antes de seguir adelante YA habremos construido el armazón, el esqueleto de nuestro paseo virtual,es decir, su estructura de carpetas y cómo va a estar organizada la información en ellas.
f ) Fabricando el swf
Pano2VR
Cómo se puede ver en las 3 zonas de interacción definidas (rectángulo azul, rojo y verde)hay definidas tres variables, el título que será lo que aparezca al pasar el ratón sobre ella, URL, que es la direccióna la que debe dirigirse si hacemos clic sobre ella y la variable TARGET.Esta es la que más quebraderos de cabeza va a darnos. ya que lo lógico, y cómo se explicará más adelanteen la sección de estructura del paseo, las páginas web deben de cargarse sobre si mismas; si esto es asó entoncesdeberían de tener el valor de: _self. Como se eligió para trabajar el navegador Firefox’ esta orden no funcionacorcorrectamente y debe de ser remplazada por la orden: _top.Acabamos generando el fichero .swf y comprobando que funciona correctamente añadiendo estea la página web y navegando a traves de él.
Este es el proceso que se ha seguido en todas las panorámicas del proyecto, repetirlo par todas las panorámicasrealizadas en esta memoria aburriría al lector, así que sólo se mostrarán las fotografías tomadas, la perspectivaequirectangular generada en un principio y la corregida en el caso de que hubiera errores de hilvanado.
f ) Fabricando el swf
Pano2VR
Para una mayor claridad en el proceso, lo dividiremos en las siguientes zonas:Exterior, planta baja, primera planta, segunda planta y escaleras.Además denominaremos las estancias de la forma en que se han denominado en la estructura de ficheros.De esta formaLa parte del exterior se denominará 01peLa planta baja 02pb,LaLa primera planta 03ppLa segunda planta 04ps ylas escaleras 05es. Y cada instancia de cada planta se numerará con las letras que componen su nombre mas tres dígitos.Por ejemplo las salas de la segunda planta se denominarán pp001, pp002, pp003, pp004,… etc.Aunque en un principio parezca lioso, la comodidad de este método es indiscutible. ya que tenemostodas las salas referenciadas con 5 caracteres y las instrucciones HTML son infinitamente más cómodas.Es Es muchísimo más fácil de “corregir” en caso de error una instrucción como esta: <img src="../../imag/pp001.html" width="600" height="400"></div>
que esta:<img src="../../imag/aula_223_informatica.html" width="600" height="400"></div>
De esta forma a partir de ahora además del nombre habitual de la sala, se mostrará el nombre que se laha dado en el árbol de ficheros.
Las salas
Para familiarizarnos con la nomenclatura de la estructura de archivosse incluye en el mapa, cerca del punto marcado la denominación dela estancia, en este caso C1, C2, C3, C4, C5, C6 y C7.
Zona exterior
C1
C2
C3
C4C5
C6
C7
Este es el primero que realicé,por eso quise “inmortalizar” a miscompañeros de clase. En este caso46 fotos, puede verse quea la hora de hacer el suelo, se hahecho, alguna foto de más, noiimporta. Más vale que sobren!!
Traseraderecha(C1)
Este es el segundo que realicé,En este caso 90 fotos,Demasiadas, pero me dio miedoel estar debajo de los árboles yel hecho de que no hacían másque pasar coches, al final no hubonningún problema destacable a lahora de la creación del panorama
Lateralderecho(C2)
Se realizaron 41 fotos,La clara demostración de que sihay suficiente puntos de referencia,todo marcha sobre ruedas y elpanorama se realiza sinapenas errores.
Parkingderecha(C3)
Se realizaron 46 fotos,Nada que destacar, algunas fotos demás en el suelo, que no influyeronen el proceso de realización delpanorama.
Puertaprincipal(C4)
Se realizaron 58 fotos,La luz del sol me causó problemasde enfoque y de exposición, así que decidí hacer las fotos con menos de45 grados para, además de tenermás puntos de control, facilitar alssoft más datos de exposición entrelas tomas, el resultado muestra queno me equivoque.
Parkingizquierdo(C5)
Se realizaron 60 fotos,Igual que en el caso anterior, la luzdel sol me causó problemas deenfoque y de exposición, así que decidí hacer las fotos con menos de45 grados para, además de tenermásmás puntos de control, facilitar alsoft más datos de exposición entrelas tomas.
Lateralizquierdo(C6)
Se realizaron 37 fotos, Record de simplicidad!.Cuando vi tres fotos completamente negras pensé que debería
de volver a realizar el panorama, pero no, todo salió perfecto.
O casi! En este panorama podemos ver el riesgo de las personas
andando, puede ocurrir que el soft no detecte diferencias
y no muestre “fantasmas” paseando muy difíciles de corregir.
Traseraizquierda(C7)
Se realizaron 53 fotos, Yaempezamos con los panoramas deinterior. Se dieron problemas de“empalme” en techos y barra, además delos “fantasmas”, que se han mantenidopara fines ilustrativos. Este es el únicoppanorama que incorpora dos sonidos, unode ambiente más otro, una canción, conefecto direccional, conforme se gira,disminuye el volumen
La horadel café(C8)
Incluiremos en esta planta el aula de fotografía, y que es la unica dela planta sótano que visité en mi estancia en la escuela y las escalerasinteriores que desde este aula accedían al la primera planta.
Planta Baja
Se realizaron 9 fotos, solamente ya que debido alas dimensiones del espacio a recrear no merecía la penael realizar una panorama completo, en este caso se harealizado un panorama circular, 360 grados,pero sin cenit ni nadir,
Biblioteca(pb007a)
55 fotos,Muchos, muchísimos problemaspara hacer el panorama, lasestanterías. de libros y el techoondulado me dieron másquebraderos de cabeza de losqque cabría esperar. Gracias alPhotoshop pude “apañar” laperspectiva.
Biblioteca(pb007b)
Sólo 35 fotos,Olvidé hacer alguna foto más deel suelo, menos mal que las fotossuperiores “cubrían” bien el espacioy había suficientes puntos de referencia para que el software““reconstruyera” el espacio que faltabacon elementos de otras fotos ! FALTAN
FOTOS !
Hall(pb001)
39 fotos,!Y no se puede hacer el panoramacompleto!. Por una gravísimo falloen la toma de las fotografías.Se varió la distancia focal en mediode el proceso de toma.IImperdonable. De esta forma,y aun teniendo las fotos necesariaspara realizar una panoramacompleto, es decir 306o x 180o,no se encuentran los puntos de control necesarios para hilvanar las fotos correctamente. En un trabajo de campo cómoeste, normalmente el problema se subsana volviendo al lugar de la toma y repitiendo esta.Pero aquí es imposible. No pasa nada, en este proyecto se pretende mostrar todos los tipos de panorámicas posiblesy y en esta estancia haremos una cilíndrica, es decir, en la que no se aprecian el techo y el suelo.Es la intención el hacer este tipo de panoramas generalmente en pasillos y lugares de paso.
Acceso sala exposiciones(pb002)
39 fotos,Tremendamente complicado hacerel suelo con la tipografía pegada a él.Hubo que realizar la toma en dosdías, ya que la primera no dabalos resultados que se necesitaban.LaLa puerta de acceso al pasillotambién necesito demuchos retoques.
Sala exposiciones(pb008a)
40 fotos,La dificultad del techo y que el fichero de una de las fotos se“corrompiera” (_MG_5504.jpg)le dio una particular dificultada la creación de este panorama.
Sala exposiciones(pb008b)
Se realizaron 3 fotos. Los mismosproblemas que en el punto pb002,definitivamente ese no era mi día.El panorama obtenido, cilíndrico, tenía un horizonte muy elevado yparecía que estuviésemos subidos en una escalera. El cambio de puntode vista era muy grande en comparación con el anterior.AAfortunadamente pude regresar al lugar y hacer una segunda toma.Esta se realizó desde la esquina y con sólo tres fotos se consiguió unpanorama cilíndrico de 90o que no desentonara con el resto del paseo,ya que en esta toma, el edificio ya llevaba algunos meses abandonado.
Se nota que el edificioestá abandonado y sin vida.Además la toma serealizó sin luz eléctrica,con altos tiempos deexposición. aún así el resultado queda digno y sustituirá alpprimer panorama realizado, ya que es mucho más correcto.
EsquinaAula 101(pb003)
40 fotos,Nada que destacar, el techo fue lo único reseñable que dió algunosproblemas con las ondulaciones.
Sala exposiciones 2(pb010)
Sólo 32 fotos,Toda una demostración de que silas fotos se toman bien y hay suficientespuntos de control entre imágenes nohacen falta más.
Cruce de pasillos(pb004)
40 fotos,Nada que destacar, apenas algunosproblemas de alienación con el techo.y una mancha oscura en el suelo queel tampón de clonar solucionó en un par de clics.
Esquina aulade Grabado (pb005)
43 fotos, Las máquinas de café, alinearon MUY mal, pasémuchísimas horas arreglándolas. Yrepitiendo el panorama una y otra vez,siempre con mismo resultado, un malalineamiento de las imágenes.Al Al final con photoshop y muchapaciencia se pudo “adecentar” elpanorama. Aún se nota un poco, pero como está enmovimiento, pasa desapercibido.
Esquina máquinas de café(pb006)
33 fotos, Me encanta que laspanorámicas salgan bien “casi” a laprimera. Este es el caso, en dos clicssalió tal y como la estamos viendo.Ya podían haber salido todas con la rapidez de esta.
Aula de grabado(pb011)
32 fotos, Pero realicé muchasmás, al menos unas 90. Estas soncon las que obtenía menos errores.Demasiados errores de hilvanado sin sentido, quizáspara compensar todos los que no habían aparecidoen el aula de grabado. MMuchísimas horas de photoshop paraconseguir restaurar la imagen y que quedaralista para el proceso de trabajo.
Aula de litografía(pb012)
33 fotos, Nada que destacar,unos pocos problemas de alineación en el techo.y puerta del pasillo.
Acceso a talleres(pb013)
20 fotos, por la característica del lugar decidíhacer una panorámica cilíndrica, creo que el lugarqueda perfectamente reflejado de esta forma..
Salida trasera izquierda(pb014)
45 fotos,Ningún problema, a excepción deque me tiraron un tabique mientras lasestaba haciendo, no se cómo ha salidoeste panorama, con el polvo que cogióla cámara. me planteé la “resturación”mmanual de la puerta, paro al finaldecidí, dejarla como estaba, al fin y alcabo simplemente estoy mostrandola escuela
Acceso aula de fotografía(pb015)
9 fotos, Suficientes para hacer una perspectiva cilíndrica,La suerte se alió conmigo para no acabar en el camión de la mudanza.Eso sí, dos días limpiando la cámara del polvo del derribo.
Salida trasera derecha(pb016)
51 fotos,Y sin poder construir bien el techo,resultó imposible, hasta el punto quedecidí clonarlo. y arreglar los multiplesdefectos que se produjeron en el hilvanado.Aún así, se completo el techo en lafafase cuando se crean las 6 caras del cubo.Mucho más fácil clonar, ya que en esepunto no se juega ya con perspectivas.
Nos se incluye mapa ya que al ser la únicaaula de los sótanos que recorri en lostres años, por comodidad en el árbolde ficheros la incluí en la plantabaja.baja.
Aula de fotografía(pb017)
Realicé 45 fotos, algúnproblemilla con la barandilla y lasescaleras. Horas de postproducciónen Photoshop solucionaron el problema.
Escalerainterior(pb018)
54 fotos, y muchos, muchísimosproblemas con la barandilla y la puerta.La solución, la de siempre: Photoshop y una mañana de ponerle cuidado y cariñoa la perspectiva.
Escalerainterior 2(pb019)
En este sector del paseo pasaremos por los pasillos y las aulasde diseño gráfico 222, 223, 224 y 225.
Planta Primera
Se realizaron 3 fotos. La idea era realizar una panoramicacilíndrica no completa, en este caso de 1800 Suficientes para describir la estancia. La mayoría de los pasillos los describiremos de esta manera,salvo que el lugar tenga una cierta relevancia.
PuertaAula 223(pp001)
3 fotos. La verdad es que las perspectivascilíndricas apenas dieron pequeñosproblemas de empalme, que se solucionan rápidamente
PuertaAula 224(pp002)
35 fotos, Aunque había material suficiente pararealizar un panorama completo se optópor realizar un panorama cilíndricode 360o. Al ser un lugar de paso quesolamente se representa para dar unaccontinuidad a los pasillos de la planta no es necesario representarlo completamente.Ya se hará en las dos panorámicas siguientes.
Puerta aula 205(pp004)
45 fotos, Es un lugar que, aunque no pertenecía,al área de la Escuela Superior de Diseñode Aragón siempre me llamó la atención.Por su luz, sus colores. Aquí no podíahacer una panorámica cilíndrica, y tomé las fotos necesarias para realizar una panorámica completa. Por lo demásno no hubo problemas de alineamiento más allá de lo común.
Puertaaula 228(pp005)
31 fotos, Record!!, No tomé las fotos pensandoen hacer la panorámica completa, peromás tarde, cuando vi que las fotos teníanesa luminosidad tan especial comprobé sise podía realizar, y volil’à, fantástica.No No hubo problemas, excepto con el techo,esas ondulaciones me han dado quebraderos de cabeza en todoel proyecto.
Secretaría bachiller(pp006)
38 fotos, Era la entrada de las escaleras, todas en 360o x 180o,y decidí realizarla también de esta forma.Tuve muchísimos problemas con los empalmes,y pase varios días con la producción de este panorama.
Entradabachiller(pp007)
18 tomas, demasiadas para hacer una perspectivacilíndrica. en la que no se va a ver el techo ni el suelo.La forja de la puerta me dió algún que otro quebraderode cabeza.
Acceso aulasdiseño gráfico(pp008)
32 fotos, No demasiados problemas a la horade alinear las fotografías, que de nuevo,sobran las del techo y suelo ya que decidí construir un panorama cilíndrico para repreentaruna esquina de paso.
Esquinaaula 221(pp009)
44 tomas, Las necesarias para realizar perfectamentela panorámica, pero cometí el error (¿?)de hacer las tomas muy cerca de lacolumna. El empalme de las fotografías se realizóde manera defectuosa y tuve que pasar muchomás tiemás tiempo del deseado “arreglando” losdesaguisados en columnas, cortinas y mesas.
Aula 222(pp010)
33 fotos, Demasiados errores de hilvanado. No es normal queocurra esto ya que las fotos están tomadas siguiendo laspautas establecidas. Intuyo que la proximidad de lacolumna influyó en el mal alineamiento de las fotos.En este aula y en todas las que realicé las tomasccerca de columnas pase por los mismos problemas, como veremos de aquí en adelante.
Aula 223(pp011)
33 fotos, En este aula, al no haber columna central sólo se produjeron pequeños errores de alineación en el techo.Además el hecho de que el aula sea cuadrada, creoque facilitó muchísimo que la perspectiva apenastuviera errores.
Aula 224(pp012)
35 tomas, La cierta lejanía de la columna central permitió quese produjeran menos errores que en aulas anteriores.No obstante, para conseguir el resultado final me viobligado a realizar varios intentos, añadiendo y quitandofotografías redundantes.
Aula 225(pp013)
51 tomas, Por un error en la toma, véase las imágenes,la subexposición en algunas imágenes del sueloimpidieron que la perspectiva se generasecompleta, apareciendo un “pequeño” huecoen el suelo. Afortunadamente al generar las6 c6 caras del cubo este pudo ser rellenadoclonando baldosas y con el logo que en estecaso nos sirve para “camuflar” este fallo.
Esquina Aula 225(pp014)
En esta última planta se visitarán las aulas de asignaturas teóricas,305, 310 y 311, así cómo las aulas 302, 303, 307 308 309,
el salón de actos y la sala de profesores.Se han realizado 17 panorámicas
Segunda Planta
22 fotos, demasiadas para hacer una perspectivacilíndrica. en la que no se va a ver el techo ni el suelo.
La forja de la puerta me dió algún problema.
Entrada segundaplanta(ps001)
19 fotos,con tan pocas es normal que me haya salido ese
agujero en el suelo tan grande.Afortunadamente el tampon de clonar
hace “milagros”
Esquina máquinas de café(ps018)
18 fotos, Suficientes para realizar un panorama cilíndricode 180 grados. Representa el lugar perfectamente
Puertaaula 302(ps004)
23 fotos, Más de las necesarias para realizar un panorama cilíndricode 180o. No hubo ningún problema de hilvanado destacable.
Puertaaula 303(ps006)
15 tomas, Para realizar la panorámica de 90 grados como estasobran con estas tomas, es más con tres o cuatro bastaría.Al haber pocas fotos que empalmar el número de erroresse reduce drásticamente.
Puertaaula 304(ps008)
50 fotos, Las necesarias para realizar esta panorámicacompleta.. En esta esquina coincidíanmuchos enlaces a otras panorámicasasí que lo más oportuno fue hacer lapanoramica de 360o x 180o.
Esquina 308(ps015)
29 fotos, Las necesarias para hacer la panorámica cilíndrica.No son las mejores fotos que he tomado, inclusohay alguna desenfocada, afortunadamente sepudo solucionar
Esquina salaprofesores(ps022)
42 imágenes, Suficientes para que el panorama salieracasi perfecto, unos pequeños retoques ylisto para funcionar en la web
Aula 302(ps005)
36 imágenes, Pocos problemas de alineamientola práctica, y la no existencia de columnasen el cetro de las aulas facilita mucho el trabajo
Aula 303(ps007)
34 imágenes, Pocos problemas de alineamiento,al no haber columnas en el cetro delas aulas facilita mucho el trabajo
Aula 305(ps009)
33 imágenesPara esta perspectiva cilíndrica sobran, Aunque en este aula no es de diseño gráficosiempre me llamó la atención y aproveché la oportunidad para fotografiarla.Además no me dió problemas a la hora de crearla, las fotos empalmaron perfectamenete
Aula 307(ps012)
22 fotos,Un aula demasiado estrecha para trabajar con comodidad,
aquí no había columnas en en centro ( menos mal) pero apenas cabía el trípode, así que decidícolocarme en una esquina y hacer todas las fotos que pudiera.
El resultado en una panorámica casi estática, ya que desde el punto de la toma se abarcaba toda la sala.
Aula 309(ps013)
13 tomas,Otra aula que no es de diseño gráfico, pero da igual,tres años viendo la puerta abierta y todo ese colorido allí,colgando del techo y en las estanterías.Hacer otra panorámica cilíndrica no retrasó el trabajo y lasfotos empalmaron perfectamente.
Aula 308(ps016)
34 fotos, La maldita columna central aparece otra vez, fue imposible de recrear por el método normal.De hecho, la del panorama está copiada de otrapanorámica pegada y deformada para hacerla“encajar” en el panorama.AAdemás, el techo, no alineaba y hubo que “reconstruirlo” tomándolo de otras aulas.
Aula 311(ps017)
24 imágenes,Suficientes para una perspectiva cilíndrica que no dioproblemas de hilvanado, además al no haber columnacentral las cosas se facilitan mucho.
Aula 310(ps020)
45 imágenes, Para realizar esta panorámica, se hicierondos tomas, y en esta la segundael techo mejugó una mala pasada. Al menos tresdías de trabajo para “recomponer” este desastrede panorama, pero al final el resultadoffue bastante digno.
Salón deactos(ps021)
Se realizaron 3 fotos. La idea era realizar una panoramicacilíndrica no completa, en este caso de 900 Suficientes para describirla estancia. La idea era hacer unapanorámica total, pero no era cuestióndde subirse encima de la mesa.
Sala de profesores(ps019)
Haremos seis panorámicas para describir las tres zonas de escaleras
Escaleras
Segunda plantaPrimera plantaPlanta [email protected]
44 imágenes, Muchísimos problemas de alineaciónen las barandillas, esto va a ser una constante en toda la zona de escaleras, que se hicieron muy costosas de reparar. A excepción del salón deactos de la segunda planta, la zona de escalerashha sido la que más tiempo me ha costado realizar
Escaleraszona 1(es001)
51 fotos, Problemas de alineación en las barandillas,y escaleras me hicieron pasar muchotiempo aquí. Parece que la existencia deuna columna central, en este caso el pilónde la barandilla, dificulta la alineación de lasffotografías.
Escaleraszona 2(es002)
41 fotos, El alejarse de la barandilla redujo gran parte delos errores de alineación, no obstante, la barandillasiguió dando mucha guerra.
Escaleraszona 3(es003)
60 fotos, Muchísimos problemas de alineación, inclusocon este número de fotos, con la barandilla.Pruebas y pruebas variando el número defotos hasta que logré una perspectiva decentey gracias al photoshop y más tarde al rretoque de las caras del cubo se logróacabar con la panorámica.
Escaleraszona 4(es004)
49 fotos, Los mismos problemas de alineación quehan aparecido en toda la zona de escaleras.La epeticion de la barandilla “confunde” alprograma de alineación y superponemal las fotografías, obligando a pasar mucho tietiempo en la postproducción del panorama.
Escaleraszona 5(es005)
42 fotos, La repetición de los montantes confundemuchísimo al soft de construcción, aquícasi hubo que rescatar la barandilla delas fotos originales para copiar y pegardirectamente sobre el panorama y sobreuuna de las seis caras del cubo de construcción.
Escaleraszona 6(es006)
El paseo virtual se presentará siguiendo un esquema como el que se presenta, en ella que pueden verse cinco zonas claramente definidas y que pasaremos a explicar brevemente.
Consideraciones. Las dimensiones de la presentación es de 1150 x 750 pixeles y esta aparece siempre centrada en lapantalla en la que se trabaje, siempre y cuando esta tenga suficiente resolución. El paseo esta concebido para ser visto en un ordenador o en un punto de información (soportado por un ordenador),ya que el peso de los ficheros aconseja que para facilitar la fluidez del paseo sea de esta forma. (Incluso su reproduccióndesde un CD ó DVD puede resultar un poco lenta., así que se aconseja que los ficheros sean copiados al disco duroppara una correcta visualización). La estructura básica del paseo, mostrada en el capítulo siguiente, se estructura creando una página web para cadainstancia, como ya se explicó cuando se describía la creación de los panoramas flash. De esta forma tenemos ordenadala estructura de ficheros de una forma clara. Además, todas las páginas web están programadas para que tras un periodo de inactividad de 5 minutos vuelvan a lapantalla de ayuda. Todas las coordenadas que se expondrán a continuación tienen como referencia la esquina superior izquierda, y susvvalores positivos será hacia la derecha, la X y hacia abajo la Y, mostrándose su valor en pixeles.
Diseño de la pantalla
zona 1
zona 2
zona 3
zona 4
zona 5 zona [email protected]
Zona 1 Coordenadas: X= 10, Y=10. Dimensiones: Ancho= 277, Alto= 365 Es un gráfico que representa el plano de la planta en la que nos encontramos, varía en función de la esta. En su interior podemos ver unos puntos rojos (R:254, G:0, B:0) de 8x8 pixeles de tamaño que nos indican lugares a donde desplazarnos si pinchamos sobre ellos. También existe un punto verde(R:120, G:255, B:0) que indica en el lugar dónde nos encontramos. Como son archivos comunes attodas las páginas web se encuentran alojados en las carpeta imags.
Zona 2 Coordenadas: X= 10, Y=382. Dimensiones: Ancho= 277, Alto= 139 Simplemente es un elemento gráfico que muestra la perspectiva equirectangular de la zona dónde nos encontramos. No posee ningún tipo de interactividad. Son archivos diferentes paracada estancia así que se almacenan en la carpeta de cada estancia.
Zona 3 (Es la zona de botones) Coordenadas: X= 10, Y=555. Dimensiones: Ancho= 277, Alto= 143 Son botones creados en flash, cada uno apunta a la estancia de inicio de cada planta. cada uno de ellos lleva integrada la programación necesaria para realizar su función.Son archivos diferentes para cada planta luego los almacenaremos en imag/swf/nombre_planta
Zona 4 (Zona del paseo) Coordenadas: X= 297, Y=10. Dimensiones: Ancho= 853, Alto= 622 Está realizada en flash, como ya se explicó en su momento. Lleva integrada la programación para acceder a las otras páginas web con las que interactúa. Son archivos diferentes para cada estancia así que se almacenan en la carpeta de cada estancia.
Zona 5 (Zona de fotos)
Coordenadas: X= 297, Y=640. Dimensiones: Ancho= 616, Alto= 60Se muestran todas las fotos necesarias para realizar la panorámica de esa página. Realizado en flash, sólo se puede“jugar” con el desplazamiento en scroll de las fotos.Son archivos diferentes para cada estancia así que se almacenan en la carpeta de cada estancia.
Zona 6 Zona 6 (Zona de nombre) Coordenadas: X= 920, Y=640. Dimensiones: Ancho= 230, Alto= 60 Es un fichero.png (para conseguir transparencia) con el nombre de la estancia en la que estamosSon archivos diferentes para cada estancia así que se almacenan en imag/nombres/
Zonas
El paseo arranca desde el fichero index.html, en el cual se da a elegir entre empezar o ver una pequeña ayudaLuego se estructura en 6 carpetas:
01pe: Paseo exterior02pb:: Planta baja03pp:: Primera planta04ps: Segunda planta05es:05es: Escalerasimags: Para las imágenes.
Árbol de ficheros
Y en cada carpeta tenemos el panorama flashEl fichero html
El roll over de fotografíasy la perspectiva
En cada una de estas carpetas encontramos las carpetascorrespondientes a las estancias que componen la planta.
(ver figura)
AquÍ podemos ver el árbol de la carpeta 01pe, con dos estanciasdesplegadas para ver cómo se distrIbuyen los ficheros.
Hay que hacer mención, que para aumentar la comprensión,de los ficheros relacionados con cada estancia se les
denomina de la misma forma que a esta.Así se consigue que en el caso de que alguna programaciónddiera algún error, este sería rápidamente identificable.
Este esquema se repite a lo largo de todo el árbol de ficheroscon la única variación de los nombres de estos.
Para finalizar nos queda la carpeta de imágenes;imags aquí se almacenan todos los gráficos comunes a laspáginas, el fondo, los puntos rojos y verdes y además delos archivos gráficos de los nombres de las estancias
(/nombres) los tres tipos de planos que hay en todoel paseo (/planos) yen la carpeta (/swf)llos botones que nos trasladan al inicio de cada planta
Este es el mismo ejemplo que la pantallaanterior, solo que con la carpeta 02pb,con una carpeta abierta para mostrarsu contenido
Otro ejemplo, solo que con la carpeta 05es,la de las escaleras con dos carpetas abiertas paramostrar su contenido.
El logo que adorna la mayoría de las panorámicas surge de una evolución de un trabajo que realizamosen segundo curso. Se trataba de crear un monograma que nos identificara, y se confeccionó uno en base a la tipografíaHarrinton,
y las iniciales de mi nombre y apellidos, de esta forma: La efe minúscula, esta misma invertidapara crear la jota , y la p minúscula.
Todo esto sobre un fondo generadopor la rotación de la efe minúsculasobre su centro cuatro vecesen color naranja (C:(C:0, M:54, A:80, N:0): Este es el resultado de aquel monograma
Ahora bien, esto no era suficiente para “identificar”los panoramas por si solos, y además había que remarcarque era el proyecto final de carrera. De esta manerase incluyó el texto ,con la tipografía que se usa entodo el proyecto, la Yanone Kaffeesatz,circunvalandoesa especie de flor girada que genera la efe al rotar,sse simplificó ( solo rota 3 veces), se le añadió volumenal sobrexponer los bordes y proporcionarle un pequeña sombra
HarrintonABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz0123456789
#×ß@æøœ®©TM -–—„‹¿¡(*)!?›“ [%‰] «&»
Breve comentariosobre el logo
El auge de la tecnología QTVR ha disparado el número de empresas que ofrecen sus servicios para la creación de panorámicas y recorridos virtuales, además de la infinidad de sitios de aficionados que se dedican arealizar panorámicas por hobby. Sería una tarea interminable el proporcionar aquí un listado de todos ellos, peromostraré algunas realmente de interés.
Este inmenso trabajo de diez años que recorre lasruinas de Herculano, aunque las panorámicas no estánconectadas entre sí y la mayoría son cilíndricas, estoes no muestran ni el cenit ni el nadir.. Aún así destacaentre todos los que he revisado por la cantidad depanoramas y la calidad de estos me parece magnífica.AAdemás no para de crecer conforme se van restaurandoespacios
Esta empresa de panoramas turcaofrece un catálogo de paseos realmente impresionante,y con una calidad fuera de lo común.
Otras webs, de las muchas que podíamos citar,pero dignas de mención:www.panoleku.comAAlguna empresahttp://www.360panorama.bizhttp://www.apbinternet.com/web/visitas-virtuales.html
http://www.proxima-veritati.auckland.ac.nz/herculaneum/
http://www.360tr.com/
Otros sitios web
Diseño y maquetaciónRealización de fotografías (38 fotos x 40 €)Impresion offset 4 tintas 500 copias TOTAL
300 € 1.520 € 176 € 1.996 €
Catálogo fotográfico
Toma de Fotografías Cuatro semanass de toma de fotografías (20días)Elaboración de panorama (x 64 panoramas)Grabación y empaquetado de DVD TOTAL
70 € x día 1.400 €70 € x panorama 4.480 € 20 € 6.000 €
Paseo virtual
Presupuestos
