Evolución del Diseño Gráfico - Un Viaje Personal

Evolución del Diseño Gráfico

Un Viaje Personal en la Evolución del Diseño Gráfico y su Impacto en Mi Trayectoria

Empezar

Por Edgar Pineda Falcon

Introducción

Durante esta presentación, exploraremos algunos de los momentos históricos más importantes en la historia del diseño gráfico. Los organizaremos en una línea de tiempo interactiva, para luego profundizar en una comparación técnica entre gráficos rasterizados y vectoriales y, finalmente, en la construcción de un modelo 3D que representa la fusión de técnica y creatividad en el diseño.

Durante esta presentación, exploraremos algunos de los momentos históricos más importantes en la historia del diseño gráfico. Los organizaremos en una línea de tiempo interactiva, para luego profundizar en una comparación técnica entre gráficos rasterizados y vectoriales y, finalmente, en la construcción de un modelo 3D que representa la fusión de técnica y creatividad en el diseño.

Índice

Línea del Tiempo

Inicio

Comparación Visual

Introducción

Gráficos Rasterizados

Gráficos Vectoriales

Proyecto 3D

Modelado Inicial

Modelado Final

Texturizado

Iluminación

Renderizado

Reflexión Final

Agradecimiento

Historia del Diseño Gráfico

Línea de Tiempo Interactiva

Historia del

Diseño Gráfico

+info

+info

Invención de la imprenta

1440

El auge del diseño digital

1990

Fundación de la Bauhaus

1919

El cartelismo moderno

la tipografía Helvetica

1957

1890

+info

+info

+info

Comparación Visual:

Gráficos Rasterizados vs. Gráficos Vectoriales

Comparación Visual:

Para ilustrar las diferencias entre estos dos tipos de gráficos, se utilizó un diseño de un zorro skater que combina ambas técnicas..

Gráficos Rasterizados

Son ideales para trabajos detallados, como ilustraciones digitales complejas.

Gráficos Vectoriales

Con el gráfico vectorial, se pudo definir el contorno del zorro y los elementos geométricos de la figura, resaltando la precisión y claridad en las líneas.

Con el gráfico rasterizado, se pudo capturar los detalles y texturas del pelaje del zorro, aprovechando la capacidad del formato para mostrar riqueza visual en zonas complejas.

Son ideales para logotipos, tipografías y otros elementos gráficos

Gráficos Rasterizados

Los gráficos rasterizados están compuestos por píxeles, lo que los hace ideales para imágenes ricas en detalle, como fotografías. Sin embargo, presentan limitaciones al ser escalados, ya que pierden nitidez y se pixelan.

Son ideales para representar detalles complejos y texturas realistas, siendo ampliamente utilizados en fotografías y otras imágenes que requieren una alta fidelidad visual. Sin embargo, su resolución fija limita su capacidad de escalado, ya que al agrandarse, pierden nitidez y se pixelan.

Una de sus principales limitaciones es la pérdida de calidad al escalarlos, lo que puede resultar en imágenes pixeladas y poco definidas. A pesar de este inconveniente, los gráficos rasterizados son ampliamente utilizados en aplicaciones del mundo real, especialmente en la impresión de camisetas y otros productos textiles.

En el diseño, los gráficos rasterizados son efectivos cuando se requiere un gran nivel de realismo y textura

Gráficos Vectoriales

Los gráficos vectoriales, se construyen mediante fórmulas matemáticas, lo que permite escalarlos indefinidamente sin pérdida de resolución. Esto es ideal para los casos donde se necesita una reproducción nítida en múltiples tamaños y soportes.

Destacan por su adaptabilidad y claridad al escalarse sin pérdida de resolución. Por lo que son la opción preferida para logotipos, tipografías y elementos gráficos que necesitan reproducirse en múltiples tamaños y soportes con una precisión constante.

Esta técnica permite una flexibilidad en el diseño y es fundamental en la creación de gráficos que requieren precisión, adaptándose a cualquier soporte sin perder claridad. Son ideales para logotipos, tipografías y elementos gráficos que necesitan reproducirse en diferentes tamaños.

Los gráficos vectoriales son efectivos cuando se necesita una alta precisión en las formas y líneas.

Proyecto de Modelado 3D:

Sofá Minimalista en Blender

Proyecto 3D

Para este proyecto de modelado 3D, decidí crear un sofá minimalista moderno debido a su balance entre simplicidad estructural y el potencial para explorar detalles complejos en texturización y simulación de telas. Este tipo de objeto, a pesar de su apariencia sencilla, requiere precisión en el modelado y un enfoque detallado en la selección de materiales y texturas, lo cual representa un reto técnico y creativo ideal para desarrollar habilidades avanzadas en Blender.

Utilice el modificador Array para duplicr de forma precisa y uniforme los soportes a lo largo del marco interior

Bevel ligero a los bordes y esquinas, para crear un acabado menos afilado y más realista en toda la estructura.

Inicié el modelado con un plano , luego aplicque el modificador Solidify para darle volumen .

Para el modelado del sofá moderno en Blender, comencé por colocar una imagen de referencia en el área de trabajo, que guió las proporciones y el estilo general del modelo. Inicié el proceso con un plano al que apliqué el modificador Solidify para darle grosor y convertirlo en una estructura tridimensional. Para asegurar simetría y eficiencia, utilicé el modificador Mirror en la base, facilitando el modelado uniforme de ambos lados. Apliqué el modificador Array en los soportes interiores para duplicarlos de manera precisa y uniforme, y utilicé Weighted Normals para normalizar las superficies y evitar sombras indeseadas. Finalmente, añadí un Bevel ligero a los bordes y esquinas para lograr un acabado más realista.

+ info

Utilicé la herramientas de escultura, para dar pliegues e imperfecciones que simulan el uso natural de un sofá.

Incluí costuras en los colchones, para añadir detalles más sutiles, aportando un acabado realista a los colchones.

Para los cojines, utilicé una simulación de tela en Blender, para que cayeran de manera natural sobre el sofá

Para modelar los colchones del sofá, comencé con formas básicas y apliqué el modificador Subdivision para darles una apariencia orgánica y acolchada, usando Shading Smooth para suavizar el sombreado. Utilicé el modificador Array para duplicarlos y mantener la uniformidad, agregando detalles de costura para un acabado realista. Para los cojines y la manta decorativa, implementé una simulación de tela, ajustando parámetros de gravedad y fricción para una caída natural. Los cojines se refinaron con Subdivision y escultura para crear pliegues e imperfecciones, aportando un toque auténtico y desgastado.

+ info

Emplee mapas de textura dentro del editor de nodos para dar a cada material una apariencia realista.

Utilicé texturas libres de derechos de autor, lo cual garantizó la calidad y variedad de los modelos.

Realicé el UV Unwrap para cada uno de los elementos, y, seams para definir áreas de corte específicas

Para el texturizado, se descargaron texturas libres de derechos de autor de ambientcg.com y y se crearon materiales únicos en Blender para cada elemento del sofá, usando colores base para diferenciarlos. Usando el editor de nodos, se aplicaron mapas de color, roughness y normal en cada material, lo cual permitió definir los tonos, ajustar el nivel de brillo y añadir relieve en las superficies para simular las características de madera y tela. Posteriormente, se realizó un UV Unwrap de cada objeto, definiendo seams en los cojines y colchones para un mapeo preciso y sin distorsiones, ajustando cuidadosamente la escala y orientación de las texturas en cada elemento para que se vieran naturales y bien integradas en el modelo final.

+ info

Se añadió un ciclorama color durazno para eliminar esquinas visibles y ofrecer una transición suave.

Para dar profundidad y dimensión a la escena, se configuró un sistema de tres luces.

Se ajustó la cámara en una toma en contra picada, permitiendo capturar el modelo desde un ángulo bajo.

Para iluminar la escena, se utilizó un sistema de tres luces que aportó profundidad y resaltó los detalles del sofá. Una luz principal fuerte, o luz clave, iluminó el modelo de manera dominante, generando sombras definidas que realzan las texturas y materiales. Dos luces de relleno suaves equilibraron la iluminación, eliminando sombras excesivamente oscuras y manteniendo la calidez del ambiente. Además, se configuró la cámara en una toma en contra picada para destacar el volumen del sofá, y se añadió un ciclorama en color durazno, logrando una transición suave entre el fondo y el suelo. Este entorno limpio y sin distracciones permitió enfocar la atención en el modelo, creando una presentación cálida y profesional.

+ info

Para el renderizado final, se utilizó el motor Cycles en modo GPU Compute, configurado con 1024 muestras para reducir el ruido y asegurar una imagen de alta calidad. Este ajuste permitió capturar todos los detalles del modelo con precisión, resaltando las texturas y la iluminación. El render fue exportado en formato PNG para mantener la calidad sin pérdida de compresión. Además, se creó una presentación en PDF documentando cada fase del proyecto, desde la configuración inicial hasta los ajustes finales, facilitando la evaluación y el posible uso en un portafolio profesional.

+ info

Reflexión Final

Cada paso en la evolución del diseño, desde la imprenta hasta el diseño interactivo, ha ampliado las posibilidades creativas y ha ofrecido nuevas herramientas para contar historias. Este aprendizaje no solo refuerza la importancia de la técnica en el diseño, sino que también enfatiza la necesidad de una mentalidad abierta a la experimentación y la adaptación constante. La combinación de gráficos rasterizados y vectoriales, así como el modelado 3D, son solo ejemplos de cómo la diversidad de enfoques puede enriquecer la práctica del diseño y mejorar la forma en que compartimos ideas.

La presentación sobre la evolución del diseño gráfico ha sido un viaje revelador, donde no solo hemos explorado la historia y las técnicas que han dado forma a esta disciplina, sino que también se ha reflexionado sobre cómo estos elementos influyen en el desarrollo personal y profesional de un diseñador. A lo largo de esta experiencia, se ha evidenciado que el diseño gráfico es mucho más que una simple combinación de imágenes y texto; es una forma de comunicación poderosa que nos permite conectar con los demás de maneras innovadoras y significativas.

“El buen diseño es obvio. El gran diseño es transparente”

- Joe Sparano

¡Muchas Gracias !

Fundación de la Bauhaus

Por Walter Gropius

La escuela Bauhaus en Alemania fue un hito en la historia del diseño, promoviendo una aproximación interdisciplinaria que fusionaba arte, diseño y funcionalidad. La Bauhaus introdujo principios como la simplicidad y la eficiencia visual, sentando las bases de lo que hoy conocemos como diseño funcional y minimalista.

1919

La tipografía Helvetica

por Max Miedinger y Eduard Hoffmann

La llegada de la tecnología digital transformó completamente el diseño gráfico. Con herramientas como Photoshop y CorelDRAW, el diseño se expandió a nuevos formatos y métodos de creación. Esta era marcó el inicio de una etapa en la que los diseñadores podían experimentar con herramientas digitales para manipular y crear imágenes con una precisión sin precedentes.

1957

Invención de la imprenta

por Johannes Gutenberg

La invención de la imprenta de tipos móviles por Johannes Gutenberg marcó el inicio de una revolución en la difusión del conocimiento. Esta innovación no solo democratizó la información, sino que creó las bases de la tipografía y los primeros principios de diseño de página. Desde entonces, la relación entre texto e imagen comenzó a evolucionar, permitiendo una transmisión más efectiva de ideas.

1440

El auge del diseño digital

La era de las computadoras personales y Los programas de software De Diseño

Con el auge de internet y la tecnología móvil, el diseño gráfico se convirtió en una experiencia interactiva. La usabilidad, la accesibilidad y la experiencia del usuario pasaron a ser aspectos centrales en la creación de interfaces y experiencias digitales, llevando al diseño gráfico a un nuevo nivel de complejidad y conectividad.

1990

El cartelismo moderno

Jules Chéret y Henri de Toulouse-Lautrec

Con el auge de la revolución industrial y el crecimiento de las ciudades, el cartel se convirtió en un medio esencial de comunicación masiva. Artistas como Jules Chéret y Henri de Toulouse-Lautrec impulsaron este formato con diseños coloridos y llamativos, marcando el inicio del diseño gráfico moderno como una herramienta persuasiva y estética.

1819