Saltar al contenido Saltar a la navegación

C3- Creación bitácora personal- Sarai Farías Pincheira



TítuloC3- Creación bitácora personal- Sarai Farías Pincheira
AsignaturaTaller Diseño de Ediciones Digitales
Del CursoTaller Diseño de Ediciones Digitales 2024
CarrerasDiseño
3
Alumno(s)Sarai Farías Pincheira

Croquis

En orden de aparición


Lámina fundamento

https://drive.google.com/drive/u/0/folders/11tSJmA0B0UbooUXIEjDfTIFjfcreFPUV

Fundamento

La esencia de esta travesía surge desde el acto de observar y dibujar. Cuando viajamos, no solo nos encontramos con el lugar, sino también con nuestra manera de percibirlo y recibirlo. El dibujo croquis, como herramienta de análisis y conexión, nos obliga a dedicar tiempo a lo que observamos desde lo abstracto. Aunque este se presenta como un acto deliberado en busca de aquello que no es perceptible en primera instancia, esta manera de trazar líneas que relacionan la mirada y la mano revelan algo inesperado y sorpresivo, el lugar no se nos muestra como lo anticipamos, sino que llega a nosotros de manera inesperada.

Es en este encuentro donde comienza esta edición, por medio del dibujo se permitió explorar el lugar desde lo que es y no desde lo que esperábamos que fuera, durante esta inmersión gráfica se presenta la fragmentación del espacio desde los vacíos luminosos que otorgan el contraste entre la forma de los elementos. De esta manera se construyen relaciones para vincular la obra con su entorno a partir de estos horizontes luminosos.

Desde el inicio, el ritmo y el movimiento estuvieron presentes. La travesía se llenó de momentos que marcaron su propio andar; el traqueteo constante del tren en el viaje, el dinamismo del trabajo durante la construcción de la obra regalada, y la ambivalencia entre lo planificado y lo improvisado.

Sin embargo, al llegar al lugar, emerge una nueva dimensión: la luminosidad en el vacío. Este espacio abierto, fragmentado por los horizontes del río, los cerros y las copas de los árboles, exponen una interacción particular entre la luz y la forma de los elementos que conforman el todo del lugar. Estas líneas horizontales que se forman al observar lo que nos rodea, no solo dividen el espacio, sino que también lo delinean a partir de su manera de vincular las partes de estos elementos con la luz, lo que llevan a estos horizontes. Árboles, rocas y el río construyen un entorno lleno de texturas, donde la luz se vuelve la relación que conduce cada contorno de los elementos a su forma final como conjunto, estos horizontes perfilan y le otorgan su forma y volumen.

Es esta luminosidad la que transforma las superficies y conecta los horizontes a la vez que permite su distingo. Desde el nivel del río que fluye y perfila a partir de su luminosidad ondulante, pasando por los cerros que sostienen lo que habitamos presentando un contraste sólido que juegan con las sombras y la luz que proyectan en su superficie sólida, hasta el nivel más alto de los árboles que en conjunto al moverse abren y cierran la luz dándoles esa luminosidad que destella y vibra al aparecer y desaparecer entre sus hojas y ramas proyectando una trama luminosa que traspasa por estos vacíos provocados por el movimiento.

Portadas fragmentos

El proceso comienza con la abstracción de la línea que define cada horizonte, considerando la naturaleza e interacción determinada con la luz a partir del movimiento (su ritmo). Esta exploración busca presentar un trazo abstracto que permita capturar la sintaxis particular de cada horizonte.

El trabajo inicial se realizó de manera análoga, utilizando tinta china para plasmar las formas y texturas esenciales. Posteriormente, se utilizó la herramienta Photoshop para transformar estas composiciones en un video, para traer desde la textura el movimiento, con el objetivo de construir digitalmente la esencia de cada horizonte a través de la dinámica entre la mancha y el vacío luminoso presente en cada fotograma.

Fragmento 1

El trazo es delicado y vertical, sugiriendo la elevación del espacio.
De aspecto ligero y dinámico se construye desde su vaivén lateral.


style=width: 100%; height: auto;

1. Fotogramas que aparecen
y desaparecen.

style=width: 100%; height: auto;

2. Construcción de densidad.

style=width: 100%; height: auto;

3. Composición original.

1.El movimiento se crea mediante fotogramas que alternan posiciones de izquierda a derecha, con capas de manchas que aparecen y desaparecen, simulando árboles que se encuentran y revelan blancos intermitentes.

2.Con la ayuda de Photoshop, se emplea la transparencia para construir una composición más densa, semejante al follaje de un árbol, se decide cambiar el color para que tenga coherencia con la propuesta de color del contenido

3.Manchas formadas por trazos superpuestos que crean puntos de luz, se posicionan de manera aleatoria


Fragmento 2

El trazo es firme y pausado, con líneas más pesadas y sólidas
que marcan la estabilidad del paisaje. Esta dureza permite la claridad del contorno.


style=width: 100%; height: auto;

1. Fotogramas que aumentan
y disminuyen su tamaño.

style=width: 100%; height: auto;

2. Composición original
en escala de grises.

1.Para el movimiento, las manchas se escalan en cada capa, creando la sensación de que la sombra crece y se mueve gradualmente. En Photoshop, se trabaja con la transparencia, disminuyendo la opacidad entre capas para evidenciar la superposición de las manchas. Además, se busca que la sombra crezca y luego se achique, regresando a su tamaño original. Para lograr esto, se escala cada fotograma, mostrando cómo el negro llena poco a poco el recuadro mientras la luz va desapareciendo.

2.Esta se concibe como una abstracción de la sombra, delineada de manera marcada, donde también surgen puntos de luz que evocan la proyección del follaje de los árboles sobre el suelo, generados por la interacción de llenos y vacíos que permiten el paso de la luz.

Se mantiene su color original, ya que este fragmento se compone de matices de grises, donde la sombra y la luz se representan mediante el negro y el blanco, sin necesidad de edición en Photoshop


Fragmento 3

El trazo es fluido y ondulante, reflejando el movimiento continuo del agua.
Se caracteriza por su dinámica cambiante, donde las líneas parecen extenderse.


style=width: 100%; height: auto;

1. Fotogramas rápidos
y ascendentes.

style=width: 100%; height: auto;

2. Color coherente a la edición

style=width: 100%; height: auto;

3. Composición orginal.

1.Con Photoshop, se juega con la repetición de fotogramas, alternando entre capas con opacidad para resaltar el color y el trazo, y capas casi transparentes para generar la ilusión de movimiento. Las capas se posicionan de manera desplazada, creando la sensación de que los trazos dejan surcos, similar al flujo rápido del río. La duración de cada fotograma se reduce progresivamente, aumentando la velocidad y logrando ese movimiento lineal y rápido característico del río.

2.Se modifica el color para que sea congruente con el resto del contenido. Este tono se obtiene mediante la superposición de los colores verde y azul presentes en la portada de la bitácora física, estableciendo una conexión visual entre los elementos representativos del lugar y los elementos gráficos compartidos por los participantes de la travesía.


Fotos edición

Paleta de colores

Los colores se eligen para crear una conexión con lo vivido durante la travesía, donde elementos presentes en el proceso personal del viaje se reflejan. Estos colores se modifican para obtener tonos más apropiados al contenido. Se utilizan matices de naranja para conectar con lo propio de la obra y la experiencia personal de la autora desde los croquis realizados y las observaciones.

Mientras que el tono obtenido de la combinación de azul y verde, presentes en la cubierta de la bitácora física de la travesía, se utiliza para traer desde el color la naturaleza del lugar.

Esta paleta busca contrastar de manera que resalten las partes de la imagen, como contornos, sombras y luces presentes en el contenido visual.


Fotografías originales

Foto1 sfp TDED .jpg Foto2 sfp TDED.jpg Foto3 sfp TDED.jpg Foto4 sfp TDED.jpg Foto5 sfp TDED.jpg Foto6 sfp TDED.jpg Foto7 sfp TDED.jpg Foto8 sfp TDED.jpg Foto9 sfp TDED.jpg Foto10 sfp TDED.jpg


Iteraciones edición

style=width: 100%; height: auto;

1. Edición verde

style=width: 100%; height: auto;

2. Edición azul

style=width: 100%; height: auto;

3. Edición naranja

En primera instancia, cada "fragmento" (contenido de la edición) iba a tener un color que propio que lo identificara, los cuales pasarían del verde al azul y luego al naranja, con el naranja presente de manera sutil en las imágenes verdes (fragmento 1) y azules (fragmento 2). Esto tenía la intención de generar una conexión visual sin perder la esencia del color de los croquis. El naranja se implementaría como tono de transición, hasta llegar a las imágenes completamente naranjas (el resto de contenido llegando al fragmento 4)


style=width: 100%; height: auto;

1. Edición verde-azul final

style=width: 100%; height: auto;

2. Edición gris de transición

style=width: 100%; height: auto;

3. Edición naranja matizada en gris

Finalmente, se decidió buscar una paleta que abstrajera la esencia del azul y verde, logrando así sintetizar las imágenes en tonos de verde y naranja.

Para asegurar que la transición entre los tonos no perdiera coherencia, se decidió implementar un sutil gris, que creara una vinculación luminosa entre las fotografías, permitiendo que todas se integraran armoniosamente dentro de la misma edición y respondieran al mismo lenguaje visual a pesar del color predominante en la imagen.


Construcción del color y la imagen


La primera edición de los tonos verdes consistía en un duotono entre el verde y el naranja, utilizando el naranja como color luminoso dentro de la imagen. De esta manera, el color naranja seguía presente sin ser el principal. Se experimentó con la intensidad del naranja, pero no se lograba vincular adecuadamente el lenguaje de las imágenes con predominancia azul y naranja. Finalmente, se descartó el naranja, optando por un gris luminoso que ayudara a matizar y vincular el contenido. Además, se ajustó el tono verde para crear un matiz particular entre el azul y el verde, en lugar de mantener solo el verde.



Estas ediciones en azul comenzaron con la idea de asignar un color propio a cada fragmento. Se experimentó con la intensidad de los azules y los matices de naranja para obtener tonos similares a los logrados en las ediciones verdes y naranjas. Sin embargo, el azul no alcanzaba la luminosidad necesaria para resaltar los elementos clave de cada fotografía, lo que llevó a la pérdida de parte del contenido. En la última edición en duotono con azul, se logró que este resaltara ciertas sombras y texturas, pero el naranja terminaba destacando demasiado, dificultando la distinción de las partes de la fotografía y desvirtuando su coherencia visual.


Foto1 sfp TDED .jpg


Se decide utilizar el tratamiento de imágenes en escala de grises para priorizar el contenido luminoso y las sombras presentes en las fotografías. Esto permite destacar las texturas y las oscuridades propias de los elementos, además de servir como transición entre las ediciones de imágenes en verde-azul y las naranjas, aportando una homogeneidad luminosa a la edición.


Iteraciones edición


Para esta edición en sepias y naranjas, si bien el contenido lograba un resultado luminoso adecuado, permitiendo visualizar el contenido con coherencia en la elección de colores, el azul presente en la imagen impedía que el resto de las ediciones se percibieran de manera armoniosa. Por ello, se optó por neutralizar el azul mediante la incorporación de gris, aumentando el nivel de brillo y reduciendo la saturación.

Obteniendo un realce en todas las fotografías mediante los matices grises, que actuaron como un aporte luminoso y neutralizador del contenido visual.


Fotografías tratadas

style=width: 100%; height: auto;

Fragmento 4: La obra y su diálogo con el horizonte

style=width: 100%; height: auto;

style=width: 100%; height: auto;

style=width: 100%; height: auto;

style=width: 100%; height: auto;

Fragmento 1: Horizonte de los árboles
Fragmento 3: Horizonte del río

style=width: 100%; height: auto;

style=width: 100%; height: auto;

style=width: 100%; height: auto;

style=width: 100%; height: auto;

Fragmento 2: Horizonte cerros

style=width: 100%; height: auto;

style=width: 100%; height: auto;


Vistas tipo

Tipografías

Para esta edición se eligieron las tipografías Georgia y Verdana, debido a su funcionalidad y diseño. Georgia, al ser serif, es legible, además de ser una tipografía versátil capaz de adaptarse a diferentes dispositivos de lectura digital, dadas estas característica se decidió utilizar en el cuerpo de texto como tipografía principal, junto a sus distintas variantes. Por otro lado Verdana, una fuente sans-serif, se utilizó en los títulos, por su claridad y simplicidad, que crea un contraste semántico y visual con Georgia, ayudando a destacar los distintos fragmentos del contenido.


Diagramación y propuestas gráficas

style=width: 100%; height: auto;

Vista tipo portadas fragmentos

Se diseña una portada para cada uno de los tres fragmentos relacionados con el entorno del lugar, que permite al lector apreciar visualmente el ritmo y la interacción luminosa captados en los croquis. Esto busca que el contenido visual, abstraído de cada horizonte, complemente los textos que detallan sus características desde lo escrito a un nivel visual.

style=width: 100%; height: auto;

Vista tipo croquis y observación

Se diseña la vista de manera que el croquis sea el elemento principal en pantalla, comunicando a través del trazo su propio lenguaje, sin depender del texto. Esto se complementa con la inclusión de citas en cursiva, indicando que corresponden a párrafos concretos de observación.

style=width: 100%; height: auto;

Vista tipo inicio de cada fragmento

El cuerpo de texto inicial de cada fragmento es acompañado con un título en negrita que destaca y contrasta con el tono gris del cuerpo de texto. Se eligió un tono gris para estos párrafos con el fin de distinguir entre el contenido relacionado con los horizontes y la obra, y el segmento introductorio al inicio de la edición. Estos párrafos en gris están directamente vinculados a las observaciones sobre la construcción del horizonte. Por otro lado, el color y la saturación propios de los croquis y las imágenes no compiten con el texto, permitiendo que estos elementos visuales tomen protagonismo en la continuidad del contenido.

style=width: 100%; height: auto;

Vista tipo cuerpo de texto general

Se decidió dar continuidad al contenido mediante párrafos pequeños, para que el mensaje de cada vista sea claro y comprensible para el lector. Al estar directamente relacionado con las observaciones, esta distribución no continua permite leer cada vista de manera fragmentada, favoreciendo la comprensión a través de párrafos compactos y concretos.

style=width: 100%; height: auto;

Vista tipo cuerpo de texto introductorio

Se utiliza la fuente en color negro para hacer una distinción con el resto del contenido. Este tipo de cuerpo de texto corresponde a la sección previa que contextualiza el contenido principal. Para ello, se prefiere dar énfasis con el contraste marcado del negro y el blanco de la pantalla, asegurando que esta parte del texto marque un inicio claro al resto de la lectura.

style=width: 100%; height: auto;

Vista tipo portada contenido relacionado la obra

Se decide dejar los títulos del segmento "previo" y el "fragmento 4" sin ninguna intervención visual llamativa, con la intención de dar más relevancia a las palabras que introducen el contenido que a las imágenes. A diferencia de los fragmentos que abordan los tres horizontes, en los cuales prima la experiencia visual, más que las palabras del título.

Visualización pantallas

Computadores


Celulares