Você pode ter notado uma aparência comum em muitas imagens, não apenas em gráficos e animações on-line, mas também em revistas e em gráficos em movimento de televisão, com modelos facetados detalhados, altamente renderizados, geralmente com efeitos de iluminação suaves.

É ao mesmo tempo uma referência aos primórdios da modelagem e animação por computador, mas com um toque moderno. Este é o visual low-poly.

Neste artigo, vou explorar o que é o visual low-poly, alguns exemplos e como você pode criar imagens de baixo polígono. Também veremos alguns aplicativos para essa aparência em projetos da Web e também como essa estética pode evoluir on-line.

Uma reação à modelagem 3D foto-realista

Todos os modelos 3D são compostos de polígonos. Quanto mais polígonos o modelo tiver, mais detalhado será o modelo. Normalmente, ao renderizar a imagem, uma técnica é usada para suavizar os polígonos e dar a aparência de superfícies contínuas.

O visual low-poly é uma decisão consciente de usar menos polígonos no estágio de modelagem, para criar um modelo mais simples e mais abstrato. Isso é então combinado com um estilo de renderização que, em vez de tentar suavizar os polígonos, renderiza cada uma das facetas do modelo, criando uma aparência angular e em blocos.

No entanto, isso não significa que a modelagem low-poly seja de baixa resolução. Técnicas de renderização sofisticadas, efeitos de iluminação e sombreamento são usados ​​para criar uma aparência altamente realista do objeto simplificado. É por isso que o visual low-poly lembra o artesanato de papel ou origami, que também teve um renascimento nos últimos anos.

tim_reynolds

Alguns dos melhores exemplos do visual low-poly são os trabalhos de Timothy J. Reynolds. Há também o site do Tumblr Geo Um Dia por Jeremiah Shaw e Danny Jones, que continua a explorar e ampliar os limites da estética low-poly.

Talvez a realização mais completa do visual low-poly seja o projeto The Paper Fox por Jeremy Kool, que evoluiu de um projeto de modelagem para um aplicativo interativo de histórias disponível para iOS. No Paper Fox, Kool deliberadamente optou por emular um visual de origami, adicionando uma textura de papel amassada aos objetos e adicionando bordas muito finas.

paper_fox

Neste trabalho de Kristina Macurova, Você pode ver que, ao usar uma profundidade de campo rasa, a sensação de que esses modelos físicos são aprimorados. A profundidade de campo pode ser determinada nas configurações da câmera em sua cena 3D, ou elas podem ser aplicadas posteriormente no Photoshop.

Katarina-Macurova2

Por que o visual low-poly é tão popular?

O visual low-poly pode ser visto como uma reação à perfeição impessoal da modelagem computacional. Eu acho que há uma reação bem definida contra a modelagem e renderização realistas e super polidas agora possível em CGI. Existe um desejo de que artistas e designers criem algo que não tente imitar a realidade, mas seja mais abstrato, e tente capturar a essência de um objeto em vez de representá-lo da forma mais realista possível.

Há um precedente histórico para isso na arte, no início do século XX, quando vários movimentos expressionistas surgiram após o advento da fotografia; quando as fotografias poderiam capturar uma imagem exata, não havia necessidade de arte para fazê-lo; O expressionismo procurou transmitir sentimentos e sensações em vez de representações precisas.

Avançando para o século 21 e abstração e expressionismo está florescendo nas artes digitais.

Começando

Aqui está um rápido tutorial para alcançar o visual low-poly, usando o software 3D Cinema4D.

  1. Crie seus objetos usando sólidos simples, como esferas, cones e pirâmides. O objetivo não é modelar objetos realisticamente, mas sim simplificar o máximo possível.
  2. Defina a propriedade de segmentos para subdividir as superfícies dos objetos. Quanto mais segmentos você adicionar, mais facetas o objeto terá.
  3. Defina as propriedades Phong do objeto - isso define a suavização do objeto para que você deseje desativá-lo. No Cinema4D, exclua a tag phong ou defina o ângulo phong como 0 graus para criar uma aparência altamente facetada.
  4. Você pode adicionar deformações ao modelo para torná-lo não tão perfeito geometricamente. Você pode fazer isso manualmente, empurrando e puxando nós individuais ou usando um deformer como o Displacer. Use o sombreador Noise para adicionar quantidades aleatórias de deslocamento a cada vértice. Você pode ajustar a força para aumentar ou diminuir a quantidade de distorção.
  5. Adicione materiais ao objeto. Ao definir materiais, você pode adicionar um mapeamento de relevo para fornecer alguma textura de superfície. Ou você pode manter suas texturas brilhantes e plasticy, com destaques especulares - tudo depende da aparência que você está procurando.
  6. Adicione fundos. Adicione um objeto de céu ou use planos simples, como um céu de fundo e um plano de chão. Você pode deformar estes exatamente da mesma maneira, se desejar.
  7. Adicione luzes. Efeitos de iluminação sutis irá adicionar atmosfera à sua cena.
  8. Renderize o objeto. Usando as configurações de renderização do Global Illumination para criar uma iluminação suave. Adicionar uma oclusão de ambiente adiciona uma profundidade granulada realista às sombras.
low_poly_cinema4D

O principal é experimentar até chegar a uma aparência que lhe agrade. Não existem outras regras que você definiu. Procure desenvolver seu próprio estilo sendo coerente com a maneira como você modela, ilumina e processa suas cenas.

villa_savoye

O estilo de ilustração de baixo poli aparência

Mesmo que você não tenha acesso a um programa de modelagem 3D, ainda poderá criar imagens de baixo polígono usando o software de ilustração 2D, como o Illustrator ou o Photoshop.

O princípio é realmente muito semelhante à modelagem em 3D. Trabalhe com formas simples para construir sua cena. Decida onde está sua fonte de luz e aplique sombreamento para adicionar profundidade e criar uma aparência facetada. Efeitos de textura e efeitos de iluminação podem adicionar interesse e consistência às suas cenas.

Eu realmente gosto do trabalho do ilustrador Matthew Lyons, que combina formas geométricas simples com texturas ásperas e iluminação atmosférica. Suas ilustrações combinam composições fortes com um grande senso de design de meados do século para criar um visual retro-futurístico - capturando a aparência do futuro no passado.

matthew_lyons

Web 3D com baixo teor de poli

A estética low-poly também oferece conteúdo 3D online. Como o nome nos diz, uma contagem low-poly usa menos polígonos, exigindo menos dados para modelar, renderizar e animar, tornando-o ideal para 3D online interativo em tempo real. Existem várias tecnologias de renderização em 3D, sendo as mais conhecidas WebGL.

O WebGL permite que o conteúdo 3D seja exibido na tela por meio de um navegador com interatividade controlada por meio de JavaScript. Há um número de frameworks JavaScript para fazer todo o trabalho pesado nisso, com os mais populares sendo three.js.

Outras maneiras de adicionar 3D interativo à Web envolvem o uso de plug-ins, como Unidade ou Instantâneo. Existe uma vasta gama de motores Flash 3D em tempo real, incluindo Away3D e Flare3D. Aproveitar os renderizadores 3D incorporados no Unity ou no Flash permite melhores efeitos de iluminação do que os que são atualmente capazes de renderizar WebGL ou Canvas, mas os renderizadores da Web estão se recuperando rapidamente. Para o mais recente em WebGL, confira o trabalho do criador do three.js Sr. Doob.

rome2

O recente filme experimental de Chris Milk, Roma - 3 sonhos de preto, usa WebGL para criar uma experiência de vídeo musical interativa com criaturas morphing animadas renderizadas em um estilo facetado low-poly. É um projeto de código aberto que permite que você baixe os ativos e refaça o código, uma ótima maneira de entrar nessa nova e empolgante área em que o design 3D atende ao design da web. Se isso realmente se encaixa na estética low-poly em termos de qualidade de renderização está em discussão.

Roma

A estética retro-futurista

O visual low-poly é parte do que chamo de estética retro-futurista (ela própria parte do que pode ser chamado de The New Aesthetic), na medida em que consegue remontar ao passado e ao futuro ao mesmo tempo.

Parece perfeitamente adequado às atuais restrições de design para a web. Se vai durar mais que essas restrições, ainda não se sabe.

O visual low-poly é um clichê visual ou uma tendência passageira? Isso combina com a tecnologia atual? Deixe-nos saber seus pensamentos nos comentários.