Tutorial Composição – Mad Boogie
Fonte da Imagem: Mad Boogie Creations
Estamos de volta mais uma vez em parceria com a Adobe Brasil, dessa vez para falar de Composição!
Mês passado fizemos um paralelo entre conceitos de design e criação de personagens; dessa vez vamos falar sobre ilustrar, compor cenas, contar histórias e criar cenários com abordagens derivadas da fotografia e cinematografia.
Na nossa série de mini tutoriais do Instagram, falamos sobre tipos de contraste, valores tonais, enquadramento e cinematografia, desenho e arte-final. Precisaríamos criar diversas composições para exemplificar esses conceitos, então decidimos focar em uma ideia principal uma ilustradora trabalhando no home office e explorar as muitas formas de se contar a mesma história. Aqui vamos explicar em mais detalhes como foi desenvolver essa ilustração do início ao fim.
Fonte da Imagem: Mad Boogie Creations
Primeiro passo: Thumbnails
Thumbnails, como já vimos anteriormente nesse post, são estudos rápidos sem muitos detalhes ou preocupação com aspectos técnicos. No caso de uma ilustração, usamos bastante shapes / silhuetas, pois fica mais fácil de visualizar a leitura da composição, tangentes, hierarquia e peso visual, etc.
Fonte da Imagem: Mad Boogie Creations
Cada um desses estudos mostra a ideia principal: uma ilustradora em casa desenhando. Tentamos experimentar com todas as variáveis possíveis para tentar encontrar a composição ideal, como tamanho dos elementos, regra dos terços, ângulos de câmera, close, plano aberto, e por aí vai. Chegamos nessas 6 opções que, ao nosso ver, são igualmente funcionais, mas variam no jeito em que contam a história. Algumas focam mais na personagem, outras no cenário, outras ainda na ação da personagem. Alguns ângulos fazem ela parecer grandiosa e sob controle, outros fazem ela parecer pequena e distante. No fim das contas, acabamos escolhendo o thumbnail 6, que mostra uma câmera “over the shoulder” por cima do ombro em inglês onde o ponto focal seriam as telas onde ela estaria desenhando e ouvindo música. O ângulo ideal para mostrar o Photoshop e outros ícones easter eggs da Adobe!
Segundo passo: Desenho
Escolhida a composição, começamos a definir detalhes, contexto e perspectiva. Usamos o thumbnail como base e criamos uma estrutura por cima, uma base para desenhar de forma consistente e verossímil.
Grid da perspectiva: dois pontos de fuga, com a linha do horizonte mais baixa cortando os pontos focais telas.
Fonte da Imagem: Mad Boogie Creations
Fonte da Imagem: Mad Boogie Creations
Uma vez que povoamos a cena com detalhes, decoração, etc, tendo em mente a personalidade e o gosto dessa personagem que criamos que coincidentemente tem um gosto muito parecido com o nosso, e ficamos satisfeitos com o resultado, é hora de arte finalizar o traço. Nessa etapa ainda alteramos alguns detalhes e acrescentamos outros, mas sempre se preocupando em manter a leitura e hierarquia visual do thumbnail original.
Fonte da Imagem: Mad Boogie Creations
Terceiro passo: Cores
Aqui foi onde ficamos mais indecisos: sabíamos que o mood principal seria algo relaxante, já que queríamos transmitir um pouco de paz nesse caos que o mundo se encontra. Fizemos diversos experimentos, e chegamos nesses 4 resultados:
Fonte da Imagem: Mad Boogie Creations
Depois de consultar colegas da área e debater bastante, escolhemos a paleta #2, que tem a qualidade aconchegante e ao mesmo tempo se utiliza de agrupamento de temperaturas de cor para distinguir o primeiro plano menina e cadeira do fundo telas e cenário geral. Achamos que seria uma combinação interessante e ajudaria a trazer um aspecto mais lúdico para a cena.
Fonte da Imagem: Mad Boogie Creations
E daí em diante é só renderizar e finalizar! Esperamos que tenham gostado, e qualquer dúvida é só deixar aqui nos comentários.
Grande abraço,
Amanda & Gus
Mad Boogie Creations