Executando verificação de segurança...
18
filipedeschamps
2 min de leitura ·

Novas melhorias: Não de código, mas teve sobre o Vídeo de Lançamento do TabNews 🎉

Mais uma semana se passou desde a última publicação sobre as melhorias no TabNews e desta vez o foco não foi no avanço do código (apesar de que as conversas continuam lá dentro do repositório), e sim na nova estética visual do canal que também será usada no vídeo de lançamento do TabNews 😍

Nova identidade visual no YouTube

Nenhuma identidade visual do TabNews será alterada e o escopo do trabalho que está sendo feito agora é sobre o canal no YouTube. O logo em Pixel Art do canal não será alterado, mas irei testar uma "nova temática" no canal e coloco entre aspas porque não é nova, pois já testei ela no passado e gostei muito dos resultados, mas que agora quero fazer de uma forma mais profissional.

A temática será em torno de coisas mais antigas na tecnologia, como talvez uma mistura de Retro Futurism, uma pitada de Cyberpunk e Pixel Art onde for possível.

Então um dos meus sonhos antigos é conseguir simular um Monitor CRT (também conhecido como "tela de tubo"), por exemplo:

Monitor CRT - Fonte: LGR Blerbs

Eles produzem imagens com uma identidade visual que eu pessoalmente acho extremamente delicinha, só que ao mesmo tempo é difícil de reproduzir digitalmente e não existe nenhum plugin comercial para o Davinci (que é o editor de vídeo que eu uso).

Então na última semana eu botei a cabeça para pensar sobre como conseguir simular isso de uma forma procedural, reconstruindo desde o formato e distribuição dos pixels de um monitor CRT até todas as suas imperfeições e este foi o primeiro resultado usando o texto TABNEWS:

TabNews dentro de um monitor CRT

Segue uma renderização macro:

CRT Macro

E por ser procedural, dá para fazer qualquer coisa, como mudar a fonte e animar do jeito que você quiser o texto:

Delicinha CRT

Ou usar qualquer tipo de input:

Ícones CRT

Conclusão e próximos passos

Eu gostei muito dos primeiros resultados, principalmente considerando o fato de eu ter acabado de sair uma sprint longa de código e ao abrir o Davinci eu não lembrava mais como usar ele direito, principalmente o Fusion, que é como se fosse um After Effects que fica integrado dentro do editor.

Os próximos passos agora são terminar de escrever o roteiro do vídeo de lançamento do TabNews, filmar e editar usando esses (e outros) elementos visuais. Gostaria também de ajudar o aprendendofelipe dentro desse PR sobre o novo algoritmo de ranqueamento do TabNews 🤝

Tenham todos uma semana sensacional e força total no lançamento do TabNews!!! 🤝

Carregando publicação patrocinada...
7
FelipeBarso

Então um dos meus sonhos antigos é conseguir simular um Monitor CRT

Demais! A característica que eu acho mais marcante nos tubos de raios catódicos é a facilidade de distinguir a olho nu o RGB de cada pixel. Seria massa se conseguisse reproduzir isso!

crt rgb gif

Não sei se essas referências ajudam (não assisti):
Create a VHS Effect in After Effects | CRT Screen Tutorial
CRT Effect | DaVinci Resolve Tutorial

Mas já ficaram muito bons os seus resultados 🤩

Gostaria também de ajudar o aprendendofelipe dentro desse PR sobre o novo algoritmo de ranqueamento do TabNews 🤝

Opa, e toda a Turma também está convidada a ajudar... hahaha... Só mais pro final da semana vou conseguir voltar nisso, mas vai dar certo 👍

3
filipedeschamps
Autor
Autor

Totaaaaal!! Eu devo ter visto a maioria dos tutoriais sobre CRT no YouTube e afora de tão maluco que eu tava com o assunto 😂

Dos testes que fiz, por algum motivo que eu não consigo entender, só fica com uma aparência mais "real" se você juntar o RGB num único pixel e usar isso como máscara para a cor final (que vem do seu source). O que eu imaginei que acontece é que reproduzir os pixels reais numa tela moderna, não é a mesma coisa que você reproduzir o "efeito final" que o olho consegue perceber na vida real. Não sei se ficou claro 😅

O mais próximo que encontrei de produzir pixels reais e ficar legal foi no Blender, olha isso que delicinha: https://mrmotarius.itch.io/mrmocrt

5
NathanFirmo

Simplesmente sensacional, Filipe. Quando eu digo que vc me inspira muito, não é brincadeira. No meu GitHub tem um frase que eu gosto muito, que diz que programação, mais do que apenas uma automação de tarefas, é uma forma de arte. E essas imagens que mostrou confirmam muito isso. ✨

4
rodrigoborges

Achei sensacional, acho incrível demais esse estilo de arte, realmente seria algo único! Já estou animado para ver esses elementos visuais no vídeo de lançamento do TabNews e também para o lançamento do mesmo 😃

3
rayzersrc

Cara que dahora, gosto muito dessa estética e esses temas nostálgicos e de retro futurismo! Ansioso por mais infos e seu vídeo sobre!

Aproveitando a resposta queria te perguntar se fora código e design, há alguma outra coisa interna em que eu poderia me envolver? Estou estudando a trindade HTML, CSS e JavaScript no momento, estou focado mais em JavaScript, e queria fazer parte dessa comunidade, desse momento e criação. Pensei em pedir para entrar no repositório, mas como não considero que tenho conhecimento o suficiente para colaborar com código (avancei bastante desde aquela postagem minha kkk 😅), eu achei melhor esperar você liberar para público primeiro. Tenho muitas ideias em mente, acho que talvez algumas já estejam lá no repositório, mas é isso, obrigado pela atenção! 🚀

3
2
3
perondijr

Cara, você me espanta! To aqui nos meus 38 anos e tive um flashback de ver essas simulações de conteúdo no monitor tubão hahaha... Parabéns! Curti demais a temática.

1