Quando gen-AI começou a surgir eu estava aprendendo HTML/CSS. Eu vi tudo isso e disse: espere um minuto, eu poderia usar CSS para fazer uma história em quadrinhos com alguma ferramenta de IA. No geral, eu não estava errado, exceto que previ que levaria algumas semanas e acabou demorando 4 meses. Porém, o resultado é bastante decente, estou orgulhoso do trabalho e aprendi MUITO fazendo isso. Então, deixe-me dizer por que e uma amostra de como eu fiz isso:
1-FERRAMENTAS GRATUITAS: exceto se você optar por usar um gerador de IA pago - que eu recomendo - todo o resto que você precisa é gratuito.
No meu caso, usei código VS e nada além de HTML e CSS. Não há necessidade de mais. Todas as fontes, recursos e ferramentas podem ser encontrados gratuitamente.
Não multiplique as coisas sem necessidade. Estas são duas ferramentas SUPER PODEROSAS. Domine-o e bastaria por um tempo para fazê-lo.
2-AUTOMAÇÃO: quando você faz uma história em quadrinhos usando HTML e CSS, você está essencialmente codificando uma história em quadrinhos. Então, você pode aproveitar o poder da automação.
Balões de fala, erros de digitação, layout... tudo pode ser feito em grande escala com um clique ou algumas linhas de código. Não sei se o uso de tecnologias web para esse fim vai crescer, suspeito que seja uma coisa muito idiossincrática da minha parte. No entanto, os resultados são espetaculares.
A seguir está uma visão da capa do meu quadrinho em código VS. Com DevTools você pode controlar quase tudo. É como se tivéssemos sido feitos para isso.
3-TRADUÇÃO: este é um grande problema. Porque mesmo que você use uma dessas plataformas sem código para fazer seus quadrinhos, você está perdendo esse poder de automação.
Até onde eu sei (corrija-me se estiver errado), em todas essas plataformas você cria essencialmente algum arquivo exportável —PDF, JPG, DOC...— portanto, se chegar o momento em que você quiser traduzir seu quadrinho para outros idiomas, você terá que repetir o processo indefinidamente. Meu quadrinho tem cerca de 264 páginas, e acredite, até a tarefa aparentemente simples de copiar/colar todo o texto em outro idioma começa a ser INSURBÁVEL depois de... 20 páginas? Para não dizer se você cria centenas.
Se você usa tecnologias da web para fazer seus quadrinhos, então você pode aproveitar o poder do seu navegador para fazer traduções automáticas com apenas um simples clique. Quase mágica.
Meu conselho aqui é duplo. Primeiro, para traduções, de longe o melhor navegador é o chrome porque incorporou o google tradutor e suporta quase todos os idiomas que você possa imaginar (há alguns malucos...). Em segundo lugar, mesmo que seja automático, você deseja verificar cada página para controle de qualidade. Isso ocorre porque existem linguagens muito mais detalhadas que outras, e isso pode variar drasticamente o comprimento dos balões de fala e forçar tamanhos e posições que você não definiu que destroem o estilo da página.
Um exemplo de página de quadrinhos traduzida para o chinês tradicional:
Um ótimo atributo é a tradução, que permite definir como SIM ou NÃO. Digamos que você não queira traduzir certas palavras ou frases. Você pode definir como NÃO e o navegador não realizará a tradução.
4- PUBLICAÇÃO ONLINE: E se você não quiser se submeter ao intermediário e publicar seu quadrinho online, digamos, em sua web pessoal?
Essa é uma ótima opção. Uma das experiências que tenho ao fazer isso e publicar meus quadrinhos é que as plataformas agem como guardiãs —razoáveis e até previsíveis— mas NÃO NECESSÁRIAS. E essa é uma das belezas da web, um meio descentralizado, você pode fazer sua própria web/plataforma e publicar lá seus quadrinhos sem precisar passar pelos filtros que outros impõem em você —e acredite, são muitos filtros, mesmo em plataformas que parecem livres de ideologia como a Amazon.
Usei a extensão Live Server no código VS para visualizar o processo em um servidor local.
5-PRÁTICA HTML/CSS: isso estava no topo dos meus objetivos ao fazer isso.
Eu queria praticar html e css, principalmente pegar o jeito do CSS GRID, e foi realmente uma ideia eficaz. Fazer quadrinhos usando essas linguagens da web deu a desculpa para usar, senão tudo, muito do que essas linguagens podem oferecer. No CSS usei variáveis, propriedades, layout, estilo de texto... a quantidade que aprendi é enorme e o melhor é que foi um processo divertido porque estava fazendo um projeto que gosto.
CSS GRID merece uma menção especial. Desde o início do CSS como linguagem, estilizar o HTML para fazer layouts complexos era uma verdadeira dor de cabeça: posicionamento, truques de margem, tabelas de layout... NÃO MAIS. Fazer esta história em quadrinhos é realmente uma prova do poder do CSS Grid e do que você pode fazer com ele.
Quando comecei a aprender, rapidamente percebi que essa ferramenta é como se fosse feita para fazer quadrinhos. O nível de precisão e baixo controle que você oferece é incrível e parece natural e adequado. Tem uma curva de aprendizado íngreme no início, mas depois que você pega o jeito, no longo prazo realmente vale a pena. Eu diria que é a peça central para fazer uma história em quadrinhos baseada na web da maneira mais simples e é um grande investimento em habilidades.
Aqui está como fica o código CSS da capa do quadrinho. Estou selecionando a classe .page-1 e dando uma posição usando a abreviatura grid-template. Defino o fundo da página como preto e o estilo de todas as imagens que carreguei no arquivo HTML.
Foi uma aventura realmente ótima e divertida (mesmo quando levei mais tempo do que o esperado). Agora estou um pouco cansado de front-end. Quer continuar com back-end e fazer um projeto full-stack legal.
Confira a história em quadrinhos aqui
Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.
Copyright© 2022 湘ICP备2022001581号-3