Desvendando a técnica de M.C. Escher

 · 
dezembro 14, 2015
 ·   · 
7 min read

Hoje trago um vídeo bastante especial para mim. Se você acompanha meu trabalho há algum tempo, já deve ter notado minha paixão por matemática aplicada ao design. Justamente por isso, não foram poucas as vezes em que tentei reproduzir, como forma de estudo, algumas criações do M.C. Escher.

Há alguns meses, durante um desses estudos e análises, decidi que me aprofundaria um pouco mais sobre seu processo e descobri uma técnica conhecida como "tesselação".

Foi então que, depois de uma introdução rápida, decidi que seria a hora de tentar reproduzir novamente uma de suas famosas criações, o Pegasus (Nº. 105).

Tesselacoes_Escher_Pegasus

Diferentemente das tentativas anteriores, esta eu decidi gravar.

A técnica que vou apresentar é conhecida como "Tesselação". É importante não confundir com a palavra “Tecelação”, com “C”, que apesar da mesma fonética tem um significado completamente diferente.

Bom, “Tesselação” com dois “S” é a tradução que encontrei, apesar de não ter certeza se é exatamente uma tradução correta, mas tem origem no termo “Tessellation”, do inglês, e representa um conjunto de imagens que cobre uma determinada superfície sem se sobrepor ou deixar espaço, formando uma espécie de mosaico ou padrão.

Tesselacoes_Escher_Lizard Tesselacoes_Escher_Horseman Tesselacoes_Escher_Two_Birds_B

Entendendo a técnica: tesselação

Eu vou usar o Illustrator como ferramenta, mas você pode usar qualquer aplicativo da sua preferência ou mesmo papel, lápis e tesoura. O que importa é que você entenda o processo.

Eu tenho um quadrado e eu vou desenhar uma forma qualquer em um dos lados desse quadrado. É importante que essa forma comece e termine tocando apenas um dos lados desse quadrado, ok? É só uma forma de facilitar para você entender.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_01

Agora eu vou selecionar os dois objetos e venho na aba “Pathfinder”. Aqui eu escolho a opção “Divide” para dividir estes 2 objetos em 3 partes.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_02

Eu vou excluir essa parte externa e mover a interna para a outra extremidade. Esse movimento recebe o nome de translação, que é um movimento bem comum nesse tipo de técnica.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_03

Agora eu vou criar uma nova forma em uma das laterais que sobraram. O processo é exatamente o mesmo e, mais uma vez, você só precisa se preocupar em começar e terminar utilizando apenas um dos lados desse quadrado, porque mais uma vez nós vamos dividir, eliminar a sobra e repetir o movimento de translação levando a área cortada para o lado oposto.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_04

Agora eu preciso unir estes 3 objetos, novamente utilizando o “Pathfinder”, e pronto. O processo está terminado.

Viu só, apesar de ser possível conseguir resultados bem complexos com esse método, o princípio é bem fácil de entender.

Agora basta multiplicar esse objeto para qualquer lado, e contanto que eu respeite o mesmo movimento de translação, eles se encaixam perfeitamente, sem se sobreporem ou deixar espaço entre eles.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_05

Depois é só alternar as cores e continuar multiplicando até formar um padrão.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_06

É muito difícil prever o resultado que sua imagem vai ter, mas quanto mais testes você faz obviamente mais você compreende a técnica, e no final é isso que importa.

Recriando o Pegasus (Nº. 105)

Agora vou mostrar como recriei, à minha maneira, claro, o Pegasus nº. 105 do Escher e espero que com isso você entenda o suficiente a ponto de reproduzir ou mesmo criar as suas próprias “Tesselações”.

Eu comecei com o quadrado, subdividi esse quadrado em algumas guias e fiz o mesmo com a arte original do Escher. Eu fiz isso porque uma vez que eu entendi como funcionava o processo eu só precisava marcar os pontos que eu queria utilizar como referência. E o fato de eu criar um grid para isso facilitou bastante.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_07

Dali em diante ficou relativamente fácil. Eu comecei pela cabeça do cavalo e segui exatamente o mesmo processo que eu acabei de mostrar.

Basta criar a forma em cima do quadrado, excluir essa mesma parte do quadrado e jogar para o outro lado.

Acho legal falar que até então eu nem sabia se essa tentativa daria certo, mas achei que valeria a pena gravar esse vídeo. Inicialmente isso era apenas um estudo, um exercício que eu quis fazer por minha conta e, por fim, acabou virando um tutorial.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_08

Bom, e voltando, chega um ponto que, como você pode ver, o quadrado começa a sumir. Por isso, nessa fase inicial o grid foi super importante e me ajudou bastante.

Tá aí mais uma função do grid para quem costuma me perguntar sobre o assunto.

E aí eu me deparei com meu primeiro problema. Você nota que na perna traseira do cavalo eu fiquei com uma quina sobressalente.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_09

Então eu reposicionei o ponto e voltei com a forma inteira para cima, para corrigir a asa.

Agora você nota algo bem interessante. Repara que quando eu selecionei o ponto que eu precisava ajustar na asa, eu tive que selecionar também um dos pontos da boca do cavalo.

Isso acontece porque estes pontos serão, na verdade, o mesmo ponto no momento em que houver a repetição. Por isso o exercírico é importante. Quanto mais eu errava, melhor eu compreendia o processo.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_10

Bom, eu continuei os ajustes criando e editando pontos onde eu achava necessário.

Daqui em diante era só continuar, lembrando que a cada parte inserida, uma precisava ser excluída, e vice-versa.

Só que agora eu já tinha perdido totalmente a referência do quadrado, o grid já não me servia mais e, agora, eu tinha que criar guias baseadas nos pontos do próprio desenho.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_11

Você nota eu criei duas guias na perna dianteira, que vai me servir como referência, e repeti o mesmo na parte traseira do cavalo. Depois disso eu criei um objeto com um dos pontos tocando o ponto exato da interseção entre as guias, dupliquei e arrastei para o outro lado, alinhando novamente o mesmo ponto com as guias.

E aí eu reforço mais uma vez que a cada parte inserida, uma precisa ser excluída e foi exatamente isso que fiz.

Finalizando o desenho

E depois de mais alguns ajustes parti para a parte interna do desenho, inserindo características como os olhos, a asa e a crina. Me inspirando, claro, no original mas sem me preocupar muito com a fidelidade no traço e implementando meu próprio estilo.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_12

Depois eu decidi criar um “Pattern” e, para isso, eu só precisava buscar 4 pontos idênticos no desenho para marcar a área certa do rapport e alinhei as 4 quinas do quadrado com esses pontos.

Agora era só eliminar a cor do quadrado, recortar e jogar atrás de todos os objetos.

MC_Escher_Illustrator_Tesselacao_13_Transcricao_13

Com isso agora eu podia abrir as minhas “Swaches”, selecionar tudo, os cavalos e o quadrado invisível, e arrastar para dentro dessa janela.

Depois foi só criar um retângulo, clicar no padrão que eu tinha acabado de criar e constatar que felizmente tudo tinha dado certo e que tinha valido a pena ficar algumas horas gravando essa tentativa.

Encerrando

Tesselacoes_Escher_Pegasus_WalterMattos_Transcricao

Aos realmente interessados no assunto a boa notícia é que, depois que eu gravei esse vídeo, decidi pesquisar pra ver se eu encontrava algum livro com mais referências para vídeos futuros, e acabei encontrando e comprando um livro bem legal, que apesar de não ter o Pegasus, conta com 35 exemplos diferentes apresentando outros métodos utilizados pelo Escher.

O livro se chama "Escher Step By Step In 35 Sketches".

Encontrei esse livro apenas para Kindle, então caso você não tenha o leitor é possível baixar pelo computador através do aplicativo e também pelo seu smartphone ou tablet.

Espero que você tenha gostado, de verdade, e que tenha dado para absorver pelo menos alguma informação, tanto sobre a técnica do Escher como do próprio Illustrator, que no final acabou fazendo parte do tutorial.

Que isso te incentive a se desafiar, como sempre digo, e tentar resolver problemas que você normalmente acharia impossíveis de resolver.

Também deixei outros links no final do post (e na descrição do vídeo) com mais vídeos sobre “patterns”, geometria e simetria pra quem se interessar. É sempre bom dar uma conferida na descrição dos vídeos porque normalmente eu deixo alguma coisa legal por lá.

E não esquece de navegar pelo meu site, waltermattos.com, para mais dicas, reflexões e tutoriais sobre design. Tem muita aqui que não sai no canal, ok?

Muito obrigado, um abraço e até a próxima.

Curiosidade:

Este foi, de longe, o vídeo mais trabalhoso que produzi até hoje. Além das várias horas de estudo, foram mais de 2 horas somente para reproduzir o Pegasus. E mais difícil que reproduzir o Pegasus foi transformar estas 2 horas em 7 minutos de vídeo.

No total, até o momento, foram mais de 30 horas de trabalho entre pesquisa, roteiro, gravação, edição e o tempo dedicado à newsletter e ao post transcrito aqui do blog.

Livro indicado no vídeo:

ESCHER step by step in 35 sketches (Esgotado)

Referência externa:

Documentário Metamorfose

Tagged: Arte · Design · Escher · Padrão · Patterns
Comments
Clovis Roders
Muito didático o tutorial, vou pesquisar mais sobre o assunto e futuramente tentar produzir algo com essa técnica. Seu site tem um conteúdo bastante rico e inspirador, parabéns e obrigado por compartilhar suas curiosidades e também as técnicas que você lida pra elucidá-las.
Muito obrigado, Clovis.
Fique à vontade para compartilhar seus testes.
Um abraço.
EDSON
GOSTEI MUITO DO VIDEO WALTER, VOCE PODERIA ME ENVIAR POR EMAIL
SE PUDER TE AGRADEÇO, SOU DA AREA DE MATEMÁTICA E ESTOU LENDO MUITO SOBRE MOSAICO E MATEMÁTICA. PARABÉNS PARA SITE, OS VIDEO SÃO BASTANTE ENRIQUECEDORES.
Walter, não conhecia a teoria nem o nome da técnica, mas sempre admirei o resultado final, parabéns por compartilhar o vídeo!
Agora só falta incluir um merchand do Avctoris porque depois de tanto trabalho pra criar suas próprias ilustrações o pessoal precisa proteger, né?
Muito obrigado, Rudinei. Também desconhecia o nome da técnica até pouco tempo atrás.
Em relação ao Avctoris, já indiquei ele pra um leitor e um amigo (não sei se chegaram a entrar em contato com você).
Quando for assim deixa o link pro pessoal, a galera costuma ler os comentários.
Abração!
Muito boa essa técnica! Ano passado no curso de artes visuais acabei me deparando com essa experiência. Antes nunca tinha ouvido falar do artista, nem desse tipo de padrão. Foi necessário fazer um trabalho, e nesse trabalho tínhamos que criar novos padrões com o mesmo estilo do artista. Foi desesperador!!! Pq apesar de entender como funciona os padrões, criar algo figurativo acaba se tornando muito difícil! Foi aí que em meio ao desespero e muita busca, acabei encontrando um programinha mega rudimentar, mas muito útil, chamado “Tesselmaniac”. Ele ainda se parece muito com paint mas o sistema dele de padrões é muito bacana. Pode ser bem útil pra criar e depois refazer no illustrator. Foi o que fiz.
Segue o link pra download: http://www.tesselmaniac.com/tess/TesselManiac.html
Não conhecia, Henrique. Obrigado pela colaboração.
Um abraço.
Everton
Muito bom! Parabéns mais uma vez pelo ótimo trabalho! Abraço.
Muito obrigado, Everton.
Um abraço.
Mais uma vez Walter Mattos arrebentando! Parabéns cara, a técnica é fantástica =)
Que honra sua presença por aqui, Guilherme!
Valeu pelo comentário, meu caro.
Grande abraço.
Michael Bastos
Hahaha! Já tenho os seus posts como um entretenimento altamente eficaz. Eu me divirto e aprendo um bocado, pq é sempre bom aprender com entusiasmo. Valeu Walter, sempre trazendo dicas de extrema relevância. ;)
Com certeza nada melhor do que aprender com entusiasmo. Digo o mesmo sobre o momento de escrever e gravar os vídeos e artigos aqui do Blog. ;)
Um abraço.
Ivanilson Martins
Olá Walter !
Fico me perguntando de onde vem tanta excelência no ensinar e no fazer algo quando vejo seus vídeos meu sonho era ter pelo menos um professor como você para sugar o máximo de informação ! Parabéns sempre nos surpreendendo.
Muito obrigado, Ivanilson.
Saiba que você pode sempre sugerir temas que abordem suas dúvidas, ok?
Um abraço.
Caraca, sensacional a técnica! Um tanto complexa, admito, mas animal! Vou ver se consigo criar algo maneiro com base nesse aprendizado! Parabéns, mais uma vez pelo trabalho impecável, WW! Abraço!
Walter, você é incrível, só digo isso ;) Sua fã!
Você por aqui, Dani? Obrigado pela honra da visita.
Somos todos fãs!
Um abraço.
Daniel Bras
Cara, que incrível, muito obrigado por compartilhar com a gente esse conhecimento, eu já tive visto esse trampo do Escher, e achava q era uma daquelas coisas de gênio, impossíveis de reproduzir. Tendo sido criada antes do Illustrator, essa técnica é coisa de gênio mesmo, mas vc provou q não é impossível de reproduzir. Muito Obrigado mesmo!
Valeu Daniel.
Certamente é coisa de gênio, mesmo porque reproduzir é “fácil”. Difícil mesmo é criar.
Um abraço.
Cida Santos
Walter, não sabe a felicidade que sinto em acompanhar esse trabalho magnífico que você faz. Sou estudante de Design Gráfico e achar um canal no youtube e um site com informações tão preciosas, é algo de encher os olhos. Fã :)
Muito obrigado, Cida. :)
Amo os trabalhos do Escher! Teve uma exposição maravilhosa dele no Iguatemi Campinas, de graça. Não sei se teve nos outros shoppings.
Tutorial excelente, como sempre. Esse é um dos meus preferidos :)
É muito interessante acompanhar o processo de criação de um trabalho que parece ser tão complexo.
Oi Nicole, tudo bom?
Esse também é um dos meus tutoriais favoritos, acho que por ter sido um dos mais difíceis de fazer. :)
Já teve exposição dele aqui no RJ também mas não consegui ir, infelizmente.
O trabalho parece complexo porque é, na verdade (rs). Reproduzir é uma coisa, difícil é criar mesmo. Já tentei fazer com outras formas, como pentágonos, triângulos, e não importa a simplicidade da forma, um resultado bacana é sempre bastante difícil de atingir. É preciso muito treino e muitos testes errados antes de acertar.
Valeu pelo comentário. Um abraço.
Aline Dutra
Permita-me acrescentar que na construção de mosaicos, algumas figuras não nos permite obter uma pavimentação perfeita, em alguns casos, ficam alguns “buracos”, como é o caso do pentágono regular. Para obter um mosaico regular as figuras regulares devem ter como ângulo interno um divisor de 360, no caso do pentágono regular, o ângulo interno corresponde a 108º, que não é um divisor de 360. Caso contrário acontece com um triângulo equilátero que tem o ângulo interno igual a 60º que é divisor de 360.
Obrigado pela dica/complemento, Aline.
Um abraço.
Aline Dutra
Olá Walter,
Sou professora de matemática e cheguei no teu canal pesquisando sobre mosaicos e obras de Escher para trabalhar com meus alunos transformações geométricas, as simetrias, que são muito presentes nas obras do referido artista. Gostaria de saber como faço para adquirir o livro que você citou no vídeo. Também gostaria de parabenizá-lo pelo canal, com vídeos e assuntos muito interessantes para quem gosta de matemática, que segundo um autor, é a rainha das ciências.
Saudações.
Oi Aline, tudo bom?
Fico lisonjeado pelas palavras. Obrigado por isso.
Descobri que o livro, que estava à venda na Amazon, hoje não está mais. Não sei que tipo de problema pode ter acontecido, pois o livro é digital.
Agradeço novamente.
Um abraço.
Paulo Santana
Olá Walter,
Sou admirador do trabalho de MC Escher e o seu tutorial me instigou a fazer algumas experiências com sucesso no AutoCAD. Suponho que no 3d Studio Max (ambos da Autodesk) experiências bem mais complexas possam ser obtidas.
Agradeço pelo compartilhamento desse excelente trabalho.
Suraia
Parabéns pelas postagens; muito didáticas.

Leave a replyReply to

Vamos conversar? Clique aqui para me mandar uma mensagem. Ficarei feliz em saber como posso ajudar.

© Walter Mattos Design Studio 2022. Todos os direitos reservados.

Newsletter

Sempre que houver novidades relacionadas à produção de conteúdo, lives, podcasts ou quando publicar um projeto novo, você será o(a) primeiro(a) a saber. Sem spam e sem amarras.