Es posible que haya notado un aspecto común en muchas imágenes, no solo en gráficos y animaciones en línea, sino también en revistas y gráficos en movimiento de televisión, con modelos facetados de bajo detalle, muy renderizados, a menudo con efectos de luz tenues.

Es a la vez una referencia a los primeros días del modelado y la animación por computadora, pero con un toque moderno. Este es el aspecto low-poly.

En este artículo, exploraré cómo es el aspecto low-poly, algunos ejemplos y cómo puede crear imágenes de baja poli. También veremos algunas aplicaciones para este aspecto en diseños web, y también cómo esta estética puede evolucionar en línea.

Una reacción al modelado 3D fotorrealista

Todos los modelos 3D están formados por polígonos. Cuantos más polígonos tenga el modelo, más detallado será el modelo. Por lo general, al renderizar la imagen, se usa una técnica para suavizar los polígonos y dar la apariencia de superficies continuas.

El aspecto low-poly es una decisión consciente de usar menos polígonos en la etapa de modelado, para crear un modelo más simple y abstracto. Esto se combina con un estilo de representación que, en lugar de intentar suavizar los polígonos, representa cada una de las facetas del modelo, creando un aspecto anguloso y angular.

Sin embargo, esto no significa que el modelado de baja poli es de baja resolución. Se utilizan técnicas de representación sofisticadas, efectos de iluminación y sombreado para crear una apariencia altamente realista del objeto simplificado. Esta es la razón por la cual el aspecto de baja poli recuerda a la artesanía en papel o al origami, que también ha tenido un renacimiento en los últimos años.

tim_reynolds

Algunos de los mejores ejemplos del aspecto low-poly son los trabajos de Timothy J. Reynolds. También está el sitio de Tumblr Geo A Day por Jeremiah Shaw y Danny Jones, que continúa explorando y superando los límites de la estética low-poly.

Tal vez la realización más completa del aspecto low-poly es el proyecto El papel Fox por Jeremy Kool, que se desarrolló a partir de un proyecto de modelado en una aplicación de historia interactiva disponible para iOS. En Paper Fox, Kool ha elegido deliberadamente emular una apariencia de origami, agregando una textura de papel arrugado a los objetos y agregando bordes muy finos.

paper_fox

En este trabajo por Kristina Macurova, Puedes ver que al usar una profundidad de campo poco profunda, se mejora la sensación de que estos son modelos físicos. La profundidad de campo puede determinarse en la configuración de la cámara en su escena 3D, o pueden aplicarse luego en Photoshop.

Katarina-Macurova2

¿Por qué el estilo low-poly es tan popular?

El aspecto de baja poli se puede ver como una reacción a la perfección impersonal del modelado por computadora. Creo que hay una reacción muy definida contra el modelado y la renderización en 3D realista y pulido, ahora posible en CGI. Los artistas y diseñadores desean crear algo que no intente imitar la realidad, sino que sea más abstracto e intente capturar la esencia de un objeto en lugar de representarlo de la forma más realista posible.

Hay un precedente histórico para esto en el arte, a principios del siglo XX, cuando surgieron varios movimientos expresionistas después del advenimiento de la fotografía; cuando las fotografías podían capturar una imagen exacta, no había necesidad de que el arte lo hiciera; el expresionismo buscaba transmitir sentimientos y sensaciones en lugar de representaciones precisas.

Avanzamos rápidamente hacia el siglo XXI y la abstracción y el expresionismo florecen en las artes digitales.

Empezando

Aquí hay un tutorial rápido para lograr el aspecto low-poly, usando el software 3D Cinema4D.

  1. Crea tus objetos usando sólidos simples, como esferas, conos y pirámides. El objetivo no es modelar objetos de manera realista, sino simplificar tanto como sea posible.
  2. Establezca la propiedad de segmentos para subdividir las superficies de los objetos. Cuantos más segmentos agregue, más facetas tendrá el objeto.
  3. Establezca las propiedades de Phong del objeto; esto define el suavizado del objeto por lo que desea desactivarlo. En Cinema4D, elimine la etiqueta phong o configure el ángulo phong en 0 grados para crear una apariencia altamente facetada.
  4. Puede agregar deformaciones al modelo para que no se vea tan geométricamente perfecto. Puede hacerlo manualmente empujando y tirando nodos individuales, o use un deformador como el desplazador. Use el sombreador de ruido para agregar cantidades aleatorias de desplazamiento a cada vértice. Puede ajustar la intensidad para aumentar o disminuir la cantidad de distorsión.
  5. Agrega materiales al objeto. Al definir los materiales, es posible que desee agregar algún mapeo de relieve para proporcionar cierta textura superficial. O puede mantener sus texturas brillantes y plásticas, con reflejos especulares, todo depende del estilo que esté buscando.
  6. Agregar fondos. Agregue un objeto del cielo, o use planos simples como un cielo de fondo y como un plano de piso. Puede deformarlos exactamente de la misma manera, si lo desea.
  7. Agrega luces. Los sutiles efectos de iluminación agregarán atmósfera a tu escena.
  8. Renderiza el objeto. El uso de Iluminación global renderiza configuraciones para crear una iluminación suave. Agregar una oclusión ambiental agrega una profundidad granulada realista a las sombras.
low_poly_cinema4D

La clave es experimentar hasta que veas una mirada con la que estés contento. No hay otras reglas que las que usted mismo establece. Intente desarrollar su propio estilo siendo consistente con la forma en que modela, enciende y renderiza sus escenas.

villa_savoye

El estilo de ilustración de aspecto low-poly

Incluso si no tiene acceso a un programa de modelado 3D, aún puede crear imágenes de baja poli utilizando software de ilustración 2D como Illustrator o Photoshop.

El principio es bastante similar al modelado en 3D. Trabaja con formas simples para construir tu escena. Decide dónde está tu fuente de luz y aplica sombreado para agregar profundidad y crear un aspecto facetado. Los efectos de textura y los efectos de iluminación pueden agregar interés y consistencia a tus escenas.

Me gusta mucho el trabajo de ilustrador Matthew Lyons, que fusiona formas geométricas simples con texturas rugosas e iluminación atmosférica. Sus ilustraciones combinan composiciones fuertes con un gran sentido del diseño de mediados de siglo para crear una apariencia retro-futurista, capturando el aspecto del futuro en el pasado.

matthew_lyons

Low-poly web 3D

La estética low-poly también se presta a la entrega de contenido 3D en línea. Como su nombre nos dice, un recuento de baja cantidad de polígonos utiliza menos polígonos, lo que requiere menos datos para modelar, renderizar y animar, lo que lo hace ideal para el 3D interactivo en tiempo real en línea. Hay varias tecnologías de renderizado web en 3D, siendo la más conocida WebGL.

WebGL permite que el contenido 3D se muestre en pantalla a través de un navegador con interactividad controlada a través de JavaScript. Hay una serie de frameworks de JavaScript para hacer todo el trabajo pesado sobre esto, siendo el más popular three.js.

Otras formas de agregar 3D interactivo a la web implican el uso de complementos como Unidad o Destello. Existe una amplia gama de motores Flash 3D en tiempo real que incluyen Away3D y Flare3D. Aprovechar los renderizadores 3D integrados en Unity o Flash permite mejores efectos de iluminación de los que actualmente son capaces en WebGL o en el procesamiento de Lienzos, pero los procesadores web se están recuperando rápidamente. Para obtener lo último en WebGL echa un vistazo al trabajo del creador de three.js Sr. Doob.

rome2

La reciente película experimental de Chris Milk, Roma - 3 sueños de negro, usa WebGL para crear una experiencia de video musical interactiva con criaturas morphing animadas renderizadas en un estilo facetado de bajo poli. Es un proyecto de código abierto que le permite descargar los recursos y volver a trabajar el código, una excelente manera de ingresar a esta nueva y emocionante área donde el diseño 3D se encuentra con el diseño web. Si esto realmente se ajusta a la estética low-poly en términos de calidad de representación, está disponible para discusión.

Roma

La estética retro-futurista

El aspecto low-poly es parte de lo que yo llamo la estética retro-futurista (en sí misma parte de lo que podría llamarse The New Aesthetic), en la medida en que logra rememorar el pasado y el futuro al mismo tiempo.

Parece perfectamente adecuado para las restricciones actuales de diseño para la web. Queda por ver si sobrevivirá a esas restricciones.

¿El aspecto low-poly es un cliché visual o una tendencia pasajera? ¿Se adapta a la tecnología actual? Háganos saber sus pensamientos en los comentarios.