Krypton Solid

Cómo conseguir el look Low-Poly

Cómo conseguir el look Low-Poly

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 en gráficos en movimiento para televisión, con modelos facetados y poco detallados, muy renderizados, a menudo con efectos de iluminación suaves.

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 look low-poly.

En este artículo exploraré qué es el aspecto low poly, algunos ejemplos y cómo puede crear imágenes low poly. 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 utiliza 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 utilizar menos polígonos en la etapa de modelado, para crear un modelo más simple y abstracto. Esto luego se combina con un estilo de renderizado que, en lugar de tratar de suavizar los polígonos, renderiza cada una de las facetas del modelo, creando una apariencia angular y en bloques.

Sin embargo, esto no significa que el modelado low-poly sea de baja resolución. Se utilizan sofisticadas técnicas de renderizado, efectos de iluminación y sombras para crear una apariencia muy realista del objeto simplificado. Es por eso que el aspecto low-poly recuerda al papel artesanal o al origami, que también ha tenido un renacimiento en los últimos años.

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

Quizás la realización más completa del aspecto low-poly es el proyecto El zorro de papel de 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 un aspecto de origami, agregando una textura de papel arrugado a los objetos y agregando bordes muy finos.

paper_fox

En este trabajo de Kristina Macurova, puede ver que al utilizar una profundidad de campo reducida, se mejora la sensación de que se trata de modelos físicos. La profundidad de campo se puede determinar en la configuración de la cámara en su escena 3D, o se pueden aplicar posteriormente en Photoshop.

Katarina-Macurova2

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

El aspecto low-poly puede verse 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 renderizado 3D sobre pulido y realista que ahora es posible en CGI. Hay un deseo de artistas y diseñadores de 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 manera más realista posible.

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

Avance rápido hacia el siglo XXI y la abstracción y el expresionismo están floreciendo 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 al máximo.
  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 Phong del objeto: esto define el suavizado del objeto, por lo que desea desactivarlo. En Cinema4D, elimine la etiqueta phong o establezca el ángulo phong en 0 grados para crear una apariencia con muchas facetas.
  4. Puede agregar deformaciones al modelo para que no parezca tan perfecto geométricamente. Puede hacer esto manualmente empujando y tirando de nodos individuales, o use un deformador como el Desplazador. Utilice el sombreador de ruido para agregar cantidades aleatorias de desplazamiento a cada vértice. Puede ajustar la fuerza para aumentar o disminuir la cantidad de distorsión.
  5. Agrega materiales al objeto. Al definir materiales, es posible que desee agregar algunos mapas de relieve para proporcionar cierta textura de superficie. O puede mantener sus texturas brillantes y plásticas, con reflejos especulares; todo depende del aspecto que elija.
  6. Agrega fondos. Agregue un objeto de 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 su escena.
  8. Renderiza el objeto. Uso de la configuración de renderizado de Iluminación global 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 se te ocurra un estilo que te guste. No hay más reglas que las que tú mismo estableces. Intente desarrollar su propio estilo siendo coherente con la forma en que modela, ilumina 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 sombras para agregar profundidad y crear una apariencia facetada. Los efectos de textura y los efectos de iluminación pueden agregar interés y consistencia a sus escenas.

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

matthew_lyons

Web 3D de baja poli

La estética low-poly también se presta para ofrecer contenido 3D en línea. Como su nombre nos lo indica, un recuento de polígonos bajos usa menos polígonos, lo que requiere menos datos para modelar, renderizar y animar, lo que lo hace ideal para 3D interactivo en tiempo real en línea. Existe una serie de tecnologías de renderizado web 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 marcos de JavaScript para hacer todo el trabajo pesado en 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 que los que se pueden obtener actualmente en el renderizado WebGL o Canvas, pero los renderizadores web se están poniendo al día rápidamente. Para obtener lo último en WebGL, consulte el trabajo del creador de three.js Sr. Doob.

roma2

La reciente película experimental de Chris Milk, Roma – 3 sueños de negro, utiliza WebGL para crear una experiencia de video musical interactivo con criaturas morphing animadas representadas en un estilo facetado de baja poli. Es un proyecto de código abierto que le permite descargar los activos y reelaborar el código, una excelente manera de ingresar a esta nueva área emocionante 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 renderizado, es tema de discusión.

Roma

La estética retro-futurista

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

Parece perfectamente adaptado a las limitaciones actuales del diseño para la web. Queda por ver si durará más que esas restricciones.

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

Deja un comentario