“Grand grimoire effect” no photoshop

14

Estou ajudando na criação de um jogo ARG. Para este jogo, precisarei criar imagens de pentagramas e ilustrações antigas que parecem resultar de uma verificação muito ruim das imagens desenhadas à mão medievais limpas.

Para mostrar alguns exemplos:

https://upload.wikimedia.org/wikipedia/commons/b/b5/Grand_Pentacle_de_Salomon_from_1547_French_edition_of_Heptameron.png

  • As linhas não são completamente retas, um tanto desonestas.
  • Partes das linhas estão fracas ou completamente ausentes.

insira a descrição da imagem aqui

  • A qualidade da coisa toda é horrível.

O que eu tenho atualmente:

insira a descrição da imagem aqui

  • A coisa está esboçada em tinta, como você pode ver. O próximo é um pouco melhor.

insira a descrição da imagem aqui

  • A fonte é ruim e não é arcaica. Eu posso precisar de uma fonte adequada.
  • As linhas estão muito limpas.
  • A imagem é muito limpa em geral.

Minhas perguntas são

  • Como obter um efeito que deixa as linhas desonestas e desbotadas?
  • Que fonte devo usar que se assemelha à da primeira imagem de exemplo?
SoonDead
fonte
3
Você tem uma pergunta?
Ryan
Eu não usaria o Photoshop para criar imagens semelhantes. Illustrator ou Inkscape são melhores opções .... E eu segundo Ryan ... qual é a questão?
2626 Scott
A segunda imagem de "o que eu tenho atualmente" é criada no ilustrador, mas não estou realmente familiarizada com as ferramentas. Atualizei minhas postagens para incluir perguntas reais.
SoonDead
Sem desrespeito, mas provavelmente você deve contratar um designer, em vez de perder tempo tentando fazer isso sozinho. Quando você tiver alguns gráficos decentes, o jogo estará desatualizado.
Rafael
A primeira imagem é desenhada à mão. Você já tentou isso? Desenhe-o, digitalize-o, trace-o para criar vetores. Uma maneira de fingir a aparência é aumentar; borrão; reduzir. A aparência de baixa transferência de tinta pode ser facilmente alcançada através da aplicação de uma máscara de camada.
Yorik

Respostas:

24

Eu usaria o Illustrator para isso. Criar caminhos, definir o tipo, etc, é mais fácil no Illustrator do que no Photoshop.

Basta criar suas formas básicas, combiná-las. Use Object > Expandpara transformar os traços em formas e, em seguida, Effect > Distort & Transform > Roughenadicione vida às formas retas. E, finalmente, se desejar, adicione uma Máscara de opacidade , ( 1 ), ( 2 ), para criar algumas áreas de exclusão.

insira a descrição da imagem aqui
Clique com o botão direito do mouse / clique com a tecla Control pressionada e escolha "abrir imagem em uma nova guia / janela" para ampliá-la.

Quanto a qual fonte, bem, é uma fonte com serifa. Qual é o tipo de sua escolha. Ficar com um serifa humanista provavelmente estaria mais em sintonia com a amostra - coisas como Garamond, Goudy, etc.

Scott
fonte
2
Na verdade, eu usaria uma fonte angustiada para criar (muito menos trabalho dessa maneira); O IM Fell Pro provavelmente seria um ponto de partida decente (é um Palatino antigo e angustiado).
Stan Rogers
Qualquer fonte funcionaria se estiver definida antes de aplicar a máscara de opacidade. a máscara também afetará o tipo. Mas uma fonte angustiada também funcionaria.
26515 Scott
Vamos encarar; estressar todas as letras em um rosto nítido é MUITO mais trabalhoso do que mudar algumas letras em uma fonte sobreprimida (como usada literalmente além da data de validade). Começar com algo que foi projetado para parecer novo é apenas tornar o trabalho um upload mais difícil e demorado, sem uma boa razão. Isso é irresponsável, tanto como empreiteiro / empresário quanto como sugestão para outra pessoa.
Stan Rogers
2
Você está familiarizado com as máscaras de opacidade e como elas funcionam? Adicionei tipo à imagem acima - apenas o ITC Stone Informal padrão. Não é preciso trabalho extra. E, como eu postei, você pode usar uma fonte angustiada, se preferir. A implicação de que minhas sugestões são "irresponsáveis" é francamente risível. Poste sua própria resposta Stan.
2626 Scott
Os resultados são surpreendentemente bons após alguns ajustes. Muito obrigado!
SoonDead
28

Aqui está uma maneira de simular uma digitalização incorreta de um documento antigo. Estou usando o GIMP aqui, mas você também deve executar todas essas etapas no Photoshop.

Etapa 1: comece com uma imagem com aparência adequada.

Etapa 1 de criar um grimório digitalizado falso no GIMP

Se você estiver tentando emular um documento manuscrito antigo, lembre-se de não ser muito preciso. As linhas de posição da mão, variam o tamanho da fonte (e / ou usam várias fontes), giram ou esticam letras individuais, talvez até apliquem uma ligeira transformação de perspectiva em parágrafos inteiros do texto para tornar as linhas um pouco inclinadas. A imagem acima é apenas um teste rápido.

Etapa 2: faça barulho.

Etapa 2 de criar um grimório digitalizado falso no GIMP: faça barulho

Faça uma nova camada e preencha-a com algum ruído processual. Aqui, tenho uma mistura de ruído de baixa frequência (gerado com o filtro Render → Solid Noise ) para simular uma superfície de papel não plana e ruído de alta frequência (gerado com Noise → RGB Noise ) para simular grãos e arranhões no papel. Em retrospectiva, eu provavelmente deveria ter diminuído ainda mais o ruído de baixa frequência, mas isso é bom o suficiente para uma demonstração rápida.

Etapa 3: Misture o desenho com o ruído.

Etapa 3 de criar um grimório digitalizado falso no GIMP: misture desenho com ruído

Aqui, apenas ajustei a opacidade da camada de ruído para 50% e aplainei a imagem inteira para a próxima etapa.

Etapa 4: desfoque tudo um pouco.

Etapa 4 de criar um grimório digitalizado falso no GIMP: desfoque tudo

Pode não ser óbvio a partir do resultado final, mas este é realmente o passo crucial para tornar a verificação realmente realista. Basicamente, estamos desfocando a imagem para simular a ótica imperfeita no scanner. Aqui, apliquei o desfoque gaussiano com um raio de 2,0 pixels, mas convém jogar com o raio para ajustar os resultados.

Etapa 5: ajuste os níveis.

Etapa 5 de criar um grimório digitalizado falso no GIMP: ajuste os níveis

Basta abrir a ferramenta Níveis, abaixar o nível de branco até que o fundo fique principalmente branco e, em seguida, aumente o nível de preto até que o texto e as linhas pareçam principalmente pretos. (Isso é exatamente o que os scanners fazem no modo de texto.) Voilá, uma digitalização ruim pronta para ser usada!

Você também pode considerar aplicar algumas máscaras de nitidez após o desfoque; combinado com o ajuste de Níveis, isso criará um efeito distinto, onde as linhas fracas desaparecem perto das linhas mais grossas. (Isso também desfaz parte do efeito do desfoque, portanto, você pode usar um pouco mais de desfoque para compensar.) Eu não fiz isso aqui, porque o resultado parecia bom o suficiente sem ele, mas é um recurso frequentemente visto por exemplo, em documentos fotocopiados antigos.

Ilmari Karonen
fonte
+1 eu teria que dar mais uma vantagem se houvesse algum linho ou folga adicionada.
Yorik
O +1 para mostrar o Gimp é fácil com a tarefa de fazê-lo tão rápido quanto o Illustrator, e eu pessoalmente acho que esse design parece pelo menos tão realista quanto desperdiçar um monte de cópias de digitalizações em papel.
Phyrfox
Do ponto de vista do processamento de sinais, isso está muito próximo de simular o processo real pelo qual scanners ruins introduzem erros. Embora a primeira imagem apresentada na pergunta não pareça ser devida a escaneamentos digitais ruins, mas a problemas com uma impressora física.
KRyan
Eu tive resultados muito bons com isso. Este é um dos casos em que eu aceitaria com prazer mais de uma resposta. Leve o meu voto embora.
SoonDead
16

que parecem resultado de uma verificação muito ruim

Aqui está a sua resposta.

Crie sua marca e leve-a para Kinkos. Encontre a fotocopiadora mais ruim e faça uma cópia. Em seguida, faça uma cópia da cópia. Em seguida, talvez amasse / amasse a cópia e faça uma cópia dela. Continue até que tenha a aparência que você gosta.

Em seguida, digitalize novamente.

DA01
fonte
2
isso, muito mesmo.
Ryan
Isso é algo que eu considerei e provavelmente tentarei algumas imagens. Obrigado.
SoonDead
Boa ideia. O único problema é que é um aborrecimento se você quiser alterá-lo mais tarde, enquanto os caminhos e efeitos svg são fáceis.
Wchargin
Algumas pessoas fizeram uma carreira inteira com esta técnica: en.wikipedia.org/wiki/Art_Chantry
DA01
2
Sim, mas ... ambientalmente hostil. Por que não apenas simular as digitalizações, enviando-as uma e outra vez para si mesmo repetidamente até obter os resultados desejados? Certifique-se de usar uma configuração de fax de baixa qualidade.
Phyrfox