Diário relatório de processos gráficos
Desenvolvimento do projeto gráfico para o jogo de tabuleiro: “Maldita Coleira!”
Este texto se refere ao relatório / diário de produção do trabalho de conclusão de curso de Design Visual da Unochapecó (2021/02) de Fabrício Rangel Siqueira dos Santos, orientado por Rodrigo Oliveira de Oliveira.
27.07.21
Iniciei os esboços manuais do logotipo com um marcador chanfrado. A ideia era estudar de formas e gerar alternativas. Tentei manter um “encaixe” entre os caracteres, trazendo irregularidade, como se o texto tivesse escrito sem muito rigor de tipografia. Depois digitalizei e selecioneis as melhores tipografias para composição da assinatura visual. Fiz tracing dos estudos manuais. (Perdi o arquivo com algumas finalizações.)
22.08.21
Recuperei os detalhes perdidos do arquivo anterior e iniciei refino dos caracteres. Iniciei um refinamento de pontos nos vetores para deixar o desenho da assinatura mais fluído e consistente, mantendo as diretrizes de curvatura e maleabilidade definidas anteriormente. Vai ser um trabalho minucioso reduzir os pontos e curvas do desenho já que fiz com subtração e adição de shapes — talvez não tenha sido a ideia mais eficiente mas foi prático.
Esses ajustes vão alterar a harmonia visual dos detalhes e nos ‘encaixes’ da composição do logo.
23.08.21
Resolvidos os refinos e redução de pontos, refiz algumas letras que estão desarmoniosas na composição como a inicial “M”. Depois, iniciei testes de cor e composições de figura/fundo com o shape amarelo no fundo. Talvez uma onda mais Noventista funcione para a identidade visual no geral. Não sei como vai ser no futuro mas seria interessante manter essa decisão do primeiro protótipo da combinação de cores amarelo e azul — faz sentido para a dinâmica TUTOR-CÃO e visualmente é consistente (Cães enxergam o espectro azul e amarelo com mais facilidade, então tenho uma justificativa biológica também hehe).
Decidi pausar a Assinatura visual. Vou prosseguir com outros estudos e volto definir quando tiver mais organizado os locais de posicionamento do logo, como na caixa por exemplo.
28.08.21
Esbocei e defini o visual e proporção dos personagens — já com testes de cor e vestimenta. Iniciei rascunhos dos ícones para um Pattern, já estou finalizando para vetorizar e iniciar leiautes para os baralhos. Preciso definir a paleta de cores antes disso.
Ocorreu que os figurinos testados encaixaram na proposta Noventista, tanto com cores quanto com formas, acho que é o momento de aprofundar um estudo base de referências (Talvez vale assumir esse estilo também na diagramação dos componentes). Quanto aos ícones, tenho pensado em alguns básicos de cabeça como a “coleira rompida”, mas depois ampliei as alternativas pesquisando por similares que vindos desse mesmo contexto Pet.
Pretendo usar as silhuetas dos personagens pra transformar em algum ícone de assinatura padrão, não é prioridade de aplicação.
~~ Considerações de composição visual com game design
Partindo da definição que serão agrupados os hexágonos da forma com que fique um polígono no centro e seis em volta: logo 7 mini hexágonos formando um heptile . Isso otimiza (MUITO) tempo de setup do jogo e assim visualizo que as texturas de superfície (chão) realmente precisam ser seamless, logo, os componentes que definem o parque — monumento, poste, arbustos, coreto, etc- serão assets individuais criados e utilizados na composição através de repetição. Só preciso decidir se serão vista do topo ou com alguma inclinação como uma leve perspectiva isométrica.
Outra questão são as fichas de petisco, quero substituir os mini cilindros de MDF por uma ficha um pouco maior, provavelmente de papel cartonado. Isso melhora a manuseio, tendo em vista que nos playtests o componente do protótipo era muito pequeno. Outro problema que é solucionado pelo agrupamento dos hexágonos são os pontos de referencia do tabuleiro, uma etapa a menos para ser feita pelos jogadores no setup: assim consigo prever as combinações de cada heptile.
29.08.21
Além de um layout básico para o verso dos baralhos aplicando a padronagem com ícones que criei, montei também um painel de referência com visuais dos anos 1990. Agora pretendo pegar a forma da minha assinatura visual já definida e montar a paleta de cores, tanto pra identidade visual quanto para as ilustrações. Tendo isso consigo rascunhar as ideias de composição de capa da caixa que estão aparecendo na mente.
Resolvi também fazer um comparativo do verso das cartas do “Maldita Coleira!” com Pokémon TCG. Achei que minha primeira proposta que montei ontem, as cores de layout ficaram um pouco parecidas com a referência.
Analisando isso, nota-se a semelhança em função das cores, vou tentar evitar ser tão óbvio, principalmente porque é do mesmo segmento. Isso me fez pensar que posso preparar também um estudo de diagramação de cartas olhando pra outros TCGs. Isso pode me ajudar posteriormente a “blocar” cada informação nos meus baralhos para aproveitar a arte de um jeito mais otimizado.
~~Análise Sobre o painel de Cards
Estou olhando para TCGs para entender o papel da ilustração nas cartas e o corpo que elas ocupam no espaço. As semelhanças entre os modelos são: a presença do flavour text e a ilustração na parte superior, embora percebe-se a variação de espaço ocupado e o formato com que está inserido. No final, não sei se vou ter tempo pra executar ilustrações individuais pra cada carta do baralho com um nível grande de detalhes.
Não é prioridade, vou deixar pausado.
04.09.21
Estou começando pesquisa de gestual para os personagens na ilustração da capa da caixa. Levantei volumetrias básicas no blender para blocar elementos na composição do cenário.
05.09.21
Estou usando a volumetria do blender para rascunhar a capa, já estou prevendo espaço para a logo no topo da frente da caixa e pensando nas ilustrações para as laterais. Tive que mudar a posição do banco da praça, pra não ter choque do cenário com as figuras dos personagens em primeiro plano (Espelhei esse elemento da esquerda pra direita). Por fim, encaixou melhor no preenchimento da composição, tendo em vista que estou valorizando essa diagonal principal pra que o público sinta uma linha de ação bem marcada e que conduz o olhar para os objetivos: o cão e o gato.
Finalizei a ilustração da tampa da caixa. Fiz testes de cores alternativas da pelagem do cão mas optei pela mais clara porque encaixou melhor na paleta. O tom mais escuro apesar de contrastar mais com o fundo ficou um tanto “descolado” do restante quanto à harmonia, não curti.
Resolvi colocar também alguns traços de textura pra valorizar os personagens e destacá-los do cenário, melhorou o contraste figura-fundo.
Me ocorreu que, posso justificar a escolha das dimensões da caixa ser do tamanho do Carcassonne pelas dimensões dos meus componentes e por se tratar de um formato funcional e objetivo. De qualquer forma, entra no artigo como uma análise sincrônica: olhar para os pares e comparar.
Já posso partir pra diagramação da caixa. Também preciso definir os conteúdos/informações para as laterais, assim como as ilustrações.
07.09.21
Fiz uma diagramação base para a caixa do jogo. Ainda preciso de mais suplemento para finalizar o conteúdo — como o 3d do setup com os componentes para colocar no verso — é MUITO IMPORTANTE. Preciso urgente começar os estudos/rascunhos dos tiles e já iniciar a finalização, sinto que vou levar algum tempo nisso.
Sobre os tiles e a replicação com padrão sem bordas: fiz um espelhamento radial com quatro quadrantes, resolveu perfeitamente o problema dos tiles com bordas marcadas e já consigo ver as replicações para os demais tiles/texturas. Talvez a simetria tenha deixado bastante aparente e achatados alguns elementos. Da grande maioria: está resolvido.
Consegui finalizar todos as ilustrações de textura, tanto para os terrenos/tiles quanto aos assets de referência para o baralho de pistas. O próximo passo é diagramar esse baralho e fazer os agrupamentos de tiles hexagonais, depois consigo levantar os 3Ds do setup para o verso da caixa.
*Sigo com vontade de modelar as miniaturas/tokens em 3d pra colocar no render mas talvez isso leve algum tempo. Não é prioridade, mas quero muito que aconteça, vai agregar um valor de produto maior no projeto final.
11.09.21
Finalizei a montagem dos hexágonos individuais e montei os heptiles e suas variantes frente-verso, ja montei os pedaços do tabuleiro — tenho eles prototipados pra teste da Versão 02. Preciso voltar pra diagramar os dois baralhos (inserir ilustrações no de controle) e definir o card individual de resumo das ações. Baralho de pistas agora terá descrições do “significado” de cada símbolo pra facilitar a “leitura” do símbolo.
Depois disso feito, posso prosseguir no mockup 3D da mesa montada com todos os componentes aí eu tomo a decisão de como modelar as miniaturas.
— Orientação 02 —
12.09.21
Resolvi voltar etapas de algumas peças para ajustar apontamentos feitos na orientação do dia 11.09. Dentre elas, a ilustração da caixa, alterei o ponto focal dos olhos do cão mais para baixo para direcionar o olhar para o gato; Ajustei a coleira para enfatizar o detalhe de “rasgado”; e quanto à expressão do gato, tentei suavizar pra deixar ele menos “ranzinza” mas ainda mantive a sombrancelha que, apesar de puxar um pouco pra antropomorfização, achei melhor para trazer uma expressividade no personagem — seguindo o concept inicial.
Coloquei um leve chanfro branco no logotipo principal da capa da caixa, também ampliei conforme sugerido na orientação. Precisei levar pro photoshop pra aplicar a máscara da orelha do cão, também vou refazer o chanfro branco lá pra evidenciar os gradientes que coloquei no shapes do fundo e na tipografia. Voltei também para alguns tiles para rever a perspectiva dos pontos de referência como: árvore, hidrante, monumento e jardim. O Top view estava um pouco achatado demais, conforme orientado, resolvi usar uma vista isométrica forçada para deixar mais claro as intenções de cada forma presente nesses tiles descritos anteriormente (acabei não fazendo modelagem 3D de referência pra ilustrar como havia pensado).
Tendo resolvido as alterações sugeridas, substitui as ilustrações nos heptiles. Agora consigo ir pro 3D do setup e pras demais ilustrações — pretendo finalizar a caixa hoje. Montei o ambiente 3d, todos os tiles já estão posicionados com a mesa e a iluminação, fiz também um teste de render, gostei DEMAIS.
Vou precisar diagramar as cartas, o rondel e os componentes pra terminar essa “mesa digital”. Vou pausar por enquanto porque tenho outras coisas na frente pra resolver. Agora vou pras ilustrações de apoio que vão servir tanto pra caixa quanto para as fichas individuais de resumo de ação (vou abrir também uma cerveja).
14.09.21
Passei o dia tentando contatar gráficas de Chapecó pra conseguir orçamento da caixa e dos componentes internos. Bem difícil, primeiro porque não tem muitos lugares que imprimam em papel paraná/papelão ou semelhante; a outra complicação é o corte laser ou faca de corte especial para os heptiles. Vai encarecer bastante o produto final. Ainda estou considerando pois não recebi uma estimativa de valor pra esses itens de papelão.
Já nas miniaturas, creio que vai ficar mais factível. Apesar de um pouco caro estou achando viável fazer alguns pares de miniaturas, mesmo que não tenha os demais materiais do jogo. Tendo os tokens modelados, consegui por um preço aceitável a impressão 3D em resina e com acabamento liso feito com químicos. Tendo isso pré-definido, vou prosseguir com com as modelagens, começando pelos concepts das miniaturas Dono e Cão — achei online também uma baita referência: um par de figuras do Snoopy e do Charlie Brown que vou usar pro gestual dos personagens do jogo.
15.09.21
Consegui um orçamento bacana de adesivos com corte laser e papel paraná também. Ainda vai ser a melhor solução para esse protótipo mais refinado do jogo. Vou encontrar a faca da caixa pra fazer e montar. Baralho com cantos arredondados vai entrar no pacote. Fechando esses detalhes até o fim dessa semana já consigo produzir na próxima. Estou prevendo 4 cópias.
16.09.21
Rascunhei o concept das miniaturas para modelar. Diagramei as fichas individuais de ação com resumo de ações, talvez se faça necessário deixar essa fichas um pouco maiores, mas amanhã pretendo fazer testes de impressão pra entender a legibilidade das tipografias.
Não me preocupei tanto em deixar as ações de ambos os jogadores em ambas as fichas, como havia pensado de início, porque vai estar tudo explicado no manual de instruções, logo é descartado a possível abertura para os jogadores interpretarem as informações das fichas como sendo secretas.
Voltei para o layout da caixa, ajustei a ilustração na capa para sobrar mais espaço na parte inferior e adicionar os nomes da autoria. No verso da base, adicionei mais detalhes na diagramação dos textos e coloquei informações “técnicas” a respeito do jogo, como a lista de componentes presente na caixa.
Diagramei partes internas de ambos os baralhos, faltam as ilustrações do baralho de controle. Assim tenho tudo de suplemento pra terminar o 3d e acabar a caixa. Nesse embalo vou modelar as miniaturas também.
Um comentário sobre o rondel: pretendo voltar pro layout dele e retirar a trilha branca do centro. Isso implica numa solução de legibilidade melhor para os jogadores pois não mantém 3 circuitos. Isso causou uma confusão no início dos playtests em relação à qual ação tal jogador deve resolver. Além disso, consigo um determinante para eventuais “quem é o próximo a jogar?” no meio da partida pois, se o marcador de turnos está no campo azul, é a vez do amarelo e vice versa.
Montei o layout da ficha de petisco. Me ocorreu que também vou precisar de uma ficha do hidrante com duas faces para indicar que está ativo e inativo. Feito!
19.09.21
Não tive muito sucesso nas modelagens das miniaturas, demorei demais e acredito que vou buscar uma 3D base e mexer na malha pra ficar semelhante ao que preciso. Renderizei a cena do tabuleiro com mais detalhes e componentes depois removi o fundo e coloquei no verso da caixa. Se eventualmente os tokens não tiverem sucesso, já tenho uma simulação da mesa pré-definido.
Em compensação ao fracasso, rascunhei e finalizei as ilustrações pro baralho de controle, já apliquei no layout das cartas e estão finalizadas — um componente a menos!
20.09.21
Encontrei em bancos grátis online uma modelagem semelhante ao personagem do Tutor que serviu como ponto de partida para personalizá-lo. Inseri detalhes da vestimenta e defini o volume da base com grama. Depois, fiz o rigging do gestual automático no Mixamo e voltei para o Blender para finalizar o token. Para o Cão acabei testando em dois modelos prontos com o rigging pra facilitar na pose mas não funcionou pois o meu personagem tem uma forma muito específica, vou precisar modelá-lo do zero e posá-lo.
25 e 26.09.21
Voltei pra resolver detalhes da volumetria do Tutor e modelei o Cão baseado no model sheet lateral, depois alterei os detalhes na assimetria desse volume e inseri na base redonda com “grama” que havia determinado como padrão na miniatura do Tutor.
Uma reflexão sobre o marcador de ações do rondel: Tinha pensado em redefinir o formato do gatinho de MDF para uma miniatura semelhante às dos jogadores, pra encaixar na linguagem e valorizar o jogo como produto; Ocorre que isso pode causar um estranhamento na intuição do jogador, uma vez que o marcador de ações não está no tabuleiro junto dos demais e está em outro contexto dentro do jogo — sobre o rondel. Vou manter o marcador do protótipo original.
Voltei para as fichas de ação individual: os playtests demandaram um resumo de ação de AMBOS os jogadores, estou repensando o formato pra uma carta de tarot (tamanho 7x12 cm), logo, vou reduzir o espaço da ilustração para caber as informações e manter a legibilidade dos textos. Durante a produção acabei aumentando o tamanho pra 7 x 14 cm, assim a mesma ficha serve para ambos os jogadores, não há necessidade de complicação na leitura dessas ações, preciso ser mais discreto possível, logo, deixei padronizadas as posições dos textos/ícones, então a intuitividade vai aparecer melhor na leitura.
Resolvi também a ilustração e diagramação do tile de Portão — esse elemento fora descartado da lista de componentes mas com os playtests foi necessário voltar pra produção. Tenho todos os elementos pra finalizar o 3d da mesa digital montada, tendo isso renderizado volto finalizar a caixa.
Voltei dar mais atenção para as laterais da caixa e reduzi os textos do verso da base; nesse layout já apliquei os renders das miniaturas e do setup digital. Pretendo ir pro manual de regras, vai reduzir bastante o espaço em função das otimizações de peças que o game design foi alterado.
29.09.21
Finalizei a diagramação de textos do manual, resta apenas os 3d para exemplificar as situações do manual. Pretendo ir pro blender fazer em seguida pra voltar e finalizar esse layout. De resto ficam apenas as apresentações para inserir nas apresentações dos resultados no artigo: mockups, renders e leiautes.
Quanto ao manual, resolvi usar um esquema que estou chamando de “cenas”. Para demonstrar as situações das regras, entendi que fosse mais fácil para exemplificar alguns conceitos que precisam ser apresentados de forma clara ao jogador — à exemplo, a regra do hidrante. Além disso, resolvi a linha de raciocínio do layout do manual bem semelhante ao protótipo inicial, alterei antecipando para a primeira página apenas a apresentação dos terrenos e referenciais do parque; Ampliei o cabeçalho inicial com o título, aproveitando do meu 3d do setup.
Em geral, utilizei um grid mais dinâmico pois o manual precisa de muitos elemento visuais inseridos entre meio às informações textuais, logo a resultante foi uma simbiose entre estes elementos, seguindo a lógica de condução da leitura no sentido esquerda para direita e para baixo.
— Orientação 03 —
06.10.21
Como última inserção neste diário, relato que voltei para alterar os títulos das cartas do baralho de controle. Conforme discutido na orientação de 02.10 era necessário mais destaque para este elemento visual. Outra alteração sugerida que se confirmou extremamente relevante para a leitura dos versos dos baralhos, foi a inserção dos ícones das ações dos jogadores — rimando visualmente com o rondel e deixando mais clara a relação de reconhecimento intuitivo entre estes elementos.
E como último comentário a respeito daqueles levantamentos de orçamento para produção de cópias físicas do jogo, acredito que não vou viabilizar todo o projeto, apenas os pares das miniaturas do jogo. Em compensação, conforme sugerido na orientação, remediei os componentes para o software Tabletop Simulator. Não consegui 100% de fidelidade nos materiais — por exemplo: os heptiles dupla-face e a miniaturas -, mas acredito que seja uma cópia digital bastante fiel à física para executar eventuais testes de jogabilidade.
Epílogo: 03 de Novembro
Voltei atualizar o diário para inserir as fotos das impressões 3d das miniaturas. Segue imagens:
