◇ ABOUT ︱ ◆ SOBRE 

In this project I made everything you'll see (except the soundtrack and sound effects): from the visual identity to the art direction, design and animation of each element contained in the logo and throughout the video, respecting the references requested by the client.
Get a load of the full animation and its respective breakdowns.

 Neste projeto eu fiz tudo que você vai ver (exceto a trilha e efeitos sonoros): desde a identidade visual até a direção de arte, design e animação de cada elemento contido no logo e ao longo do vídeo, respeitando as referências solicitadas pelo cliente.
Dê uma olhada na animação completa e nos seus respectivos breakdowns.






◆ BREAKDOWN︱ ◇ DESMEMBRAMENTO

◆ Within this same scene, a little bit of some techniques such as Morph, Math Cut and principles like Antecipation; Squash and Stretch; Follow Through and Overlaping Action; Slow in and Slow out; Arcs; Secondary Action and Solid Drawing.
◇ Nesta mesma cena, um pouco de técnicas como Morph, Math Cut e princípios como Antecipation; Squash and Stretch; Follow Through and Overlaping Action; Slow in and Slow out; Arcs; Secondary ActionSolid Drawing.



 Here we have hundreds of animated layers in the style of "The Matrix Code", where each letter is a different layer animated by expressions, having its value alternated only between the characters that compose the name "Código de Pedreiro", in a manner that the animation becomes random; However, entirely possible that we can do the global recognition of the words, even with its shuffled order.

And at the same time, a discret animation of the background to gives a falling sensation to the characteres.
 Aqui temos centenas de camadas animadas ao estilo de "O Código da Matrix", em que cada letra é uma diferente camada animada por expressões, tendo seu valor alternado apenas entre as letras que formam o nome "Código de Pedreiro", de um jeito que a animação fique randômica; Porém possível que façamos o reconhecimento global das palavras, mesmo com sua ordem embaralhada.

E ao mesmo tempo, uma discreta animação do plano de fundo para dar uma sensação de queda aos caracteres.




Behind the scene - "The Código de Pedreiro's Code"




◆ Fake 3D monitor using dozens of solid shape layers to give the illusion of depth to the objecct.
◇ Monitor em falso 3D usando dezenas de camadas sólidas para dar a ilusão de volume ao objeto.
◆ Hands - animated with null objects.

◇ Mãos - animadas com objetos nulos.




◆ "Código de Pedreiro" is a project that teaches programming. Therefore, the chosen type font for the logo was "Consolas", commonly used in programming terminals. And the text animation simulates a text being typed in the window of these terminals.
◇ "Código de Pedreiro" é um projeto que ensina programação. Portanto, a fonte escolhida para o logo foi a "Consolas", comumente usada em terminais de programação. E a animação do texto simula um texto sendo digitado na janela desses terminais.



◆ DESIGN CONCEPT︱ ◇ CONCEITO DO DESIGN




◆ Every element that integrates the symbol was designed by using perspective grids.
◇ O design de cada elemento que compõe o símbolo foi criado com a utilização de grades de perspectiva.




◆ And the words of the name "Código de Pedreiro" were distributed in a rectangular area that alludes to the equally rectangular area of an exposed brick, which is one of the elements that compose the symbol.
◇ E as palavras do nome "Código de Pedreiro" foram distribuídas em uma área retangular que faz alusão à area igualmente retangular de um tijolinho à vista, que é um dos elementos que compõe o símbolo.




◆ Soundtrack and sound effects: @soundslikegama
◇ Trilha e efeitos sonoros: @soundslikegama




◆ Do you need animations for your project? Email me and let's talk abouit it.
◇ Precisa de animações para seu projeto? Envie-me um e-mail e vamos conversar.

✉️ maicon@trajetoria.design