"Effet grand grimoire" dans Photoshop

14

J'aide à créer un jeu ARG. Pour ce jeu, je devrai créer des images d'anciens pentagrammes et d'illustrations qui semblent être le résultat d'un très mauvais scan d'images médiévales dessinées à la main nettoyées.

Pour montrer quelques exemples:

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

  • Les lignes ne sont pas complètement droites, quelque peu douteuses.
  • Certaines parties des lignes sont pâles ou complètement manquantes.

entrez la description de l'image ici

  • La qualité de l'ensemble est horrible.

Ce que j'ai actuellement:

entrez la description de l'image ici

  • La chose est esquissée en peinture comme vous pouvez le voir. Le suivant est un peu mieux.

entrez la description de l'image ici

  • La police est merdique et pas archaïque. J'ai peut-être besoin d'une police appropriée.
  • Les lignes sont trop propres.
  • L'image est trop nette en général.

Mes questions sont

  • Comment obtenir un effet qui rend les lignes douteuses et faibles?
  • Quelle police dois-je utiliser qui ressemble à celle de la première image d'exemple?
SoonDead
la source
3
As-tu une question?
Ryan
Je n'utiliserais pas Photoshop pour créer des images similaires. Illustrator ou Inkscape sont de meilleures options .... Et j'appuie Ryan ... quelle est la question?
Scott
La deuxième image de "ce que j'ai actuellement" est créée dans l'illustrateur, mais je ne connais pas vraiment son outillage. J'ai mis à jour mes messages pour inclure des questions réelles.
BientôtDead
Pas de manque de respect, mais vous devriez probablement engager un designer plutôt que de perdre du temps à essayer de le faire vous-même. Au moment où vous aurez des graphismes décents, le jeu sera obsolète.
Rafael
La première image est dessinée à la main. As-tu essayé ça? Dessinez-le, scannez-le, tracez-le pour créer des vecteurs. Une façon de simuler le look est d'agrandir; brouiller; réduire. L'aspect de transfert d'encre médiocre peut être facilement obtenu en appliquant un masque de couche.
Yorik

Réponses:

24

J'utiliserais Illustrator pour cela. La création des chemins, la définition du type, etc. est tout simplement plus facile dans Illustrator que dans Photoshop.

Créez simplement vos formes de base, combinez-les. Utilisez Object > Expandpour transformer les traits en formes, puis utilisez Effect > Distort & Transform > Roughenpour ajouter un peu de vie aux formes droites. Et enfin, si vous le souhaitez, ajoutez un masque d'opacité , ( 1 ), ( 2 ), pour créer des zones d'abandon.

entrez la description de l'image ici
Faites un clic droit / Ctrl-clic et choisissez "ouvrir l'image dans un nouvel onglet / fenêtre" pour l'agrandir.

Quant à la police, eh bien, c'est une police serif. Lequel est le type de votre choix. S'en tenir à un empattement humaniste serait probablement plus en phase avec l'échantillon - des choses comme Garamond, Goudy, etc.

Scott
la source
2
J'irais en fait avec une police en détresse pour construire (beaucoup moins de travail de cette façon); IM Fell Pro serait probablement un bon point de départ (c'est un Palatino à l'ancienne en détresse).
Stan Rogers
Toute police fonctionnerait si elle était définie avant d'appliquer le masque d'opacité. le masque détresse également le type. Mais une police en détresse fonctionnerait également.
Scott
Avouons-le; affliger à la main toutes les lettres d'un visage tranchant est beaucoup plus de travail que de changer quelques lettres dans une police surpressée (comme littéralement utilisée au-delà de sa date de péremption). Commencer avec quelque chose qui est conçu pour paraître nouveau rend simplement le travail un téléchargement plus difficile et prend du temps sans raison valable. C'est irresponsable, à la fois comme entrepreneur / homme d'affaires et comme suggestion pour quelqu'un d'autre.
Stan Rogers
2
Uhm .. connaissez-vous les masques d'opacité et comment ils fonctionnent? J'ai ajouté du type à l'image ci-dessus - juste ITC Stone Informal standard. Cela ne prend aucun travail supplémentaire. Et comme je l'ai posté, vous pouvez utiliser une police en détresse si vous préférez. L'implication que mes suggestions sont "irresponsables" est franchement risible. Postez votre propre réponse Stan.
Scott
Les résultats sont étonnamment bons après quelques ajustements. Merci beaucoup!
BientôtDead
28

Voici une façon de simuler une mauvaise numérisation d'un ancien document. J'utilise GIMP ici, mais vous devriez également pouvoir effectuer toutes ces étapes dans Photoshop.

Étape 1: Commencez avec une image d'apparence appropriée.

Étape 1 de la fabrication d'un faux grimoire scanné dans GIMP

Si vous essayez d'émuler un vieux document manuscrit, n'oubliez pas de ne pas être trop précis. Positionnez les lignes à la main, faites varier la taille de la police (et / ou utilisez plusieurs polices), faites pivoter ou étirez des lettres individuelles, peut-être même appliquez une légère transformation en perspective à des paragraphes entiers de texte pour rendre les lignes un peu obliques. L'image ci-dessus n'est qu'un test rapide.

Étape 2: Faites du bruit.

Étape 2 de la fabrication d'un faux grimoire scanné dans GIMP: faites du bruit

Créez un nouveau calque et remplissez-le de bruit procédural. Ici, j'ai un mélange de bruit basse fréquence (généré avec le filtre Rendu → Bruit solide ) pour simuler une surface de papier non plane et de bruit haute fréquence (généré avec Bruit → Bruit RVB ) pour simuler le grain du papier et les rayures. Avec le recul, j'aurais probablement dû rendre le bruit de basse fréquence encore plus faible en fréquence, mais c'est assez bon pour une démo rapide.

Étape 3: Mélanger le dessin avec le bruit.

Étape 3 de la création d'un faux grimoire numérisé dans GIMP: mélangez le dessin avec le bruit

Ici, je viens de définir l'opacité du calque de bruit à 50% et d'aplatir l'image entière pour l'étape suivante.

Étape 4: brouillez tout un peu.

Étape 4 de la création d'un faux grimoire scanné dans GIMP: tout flouter

Ce n'est peut-être pas évident à partir du résultat final, mais c'est en fait l'étape cruciale pour que le scan soit réaliste. Fondamentalement, nous brouillons l'image pour simuler l'optique imparfaite du scanner. Ici, j'ai appliqué un flou gaussien avec un rayon de 2,0 pixels, mais vous voudrez peut-être jouer avec le rayon pour affiner les résultats.

Étape 5: Ajustez les niveaux.

Étape 5 de la fabrication d'un faux grimoire scanné dans GIMP: ajuster les niveaux

Ouvrez simplement l'outil Niveaux, abaissez le niveau de blanc jusqu'à ce que l'arrière-plan soit principalement blanc, puis augmentez le niveau de noir jusqu'à ce que le texte et les lignes soient principalement noirs. (C'est à peu près exactement ce que font les scanners en mode texte.) Voilá, une mauvaise numérisation prête à l'emploi!

Vous pouvez également envisager d'appliquer un masquage flou après le flou; combiné avec l'ajustement des niveaux, cela créera un effet distinctif où les lignes pâles disparaîtront près des lignes plus épaisses. (Il annule également certains des effets du flou, de sorte que vous pouvez utiliser un peu plus flou pour compenser.) Je ne le faisais pas ici, parce que le résultat avait l' air assez bon sans elle, mais il est une caractéristique souvent vu par exemple dans de vieux documents photocopiés.

Ilmari Karonen
la source
+1 Je devrais lui donner un plus, s'il y avait du lin ou du mou ajouté.
Yorik
+1 pour montrer que Gimp est facilement à la hauteur de cette tâche aussi rapidement qu'Illustrator, et je trouve personnellement que cette conception semble au moins aussi réaliste que de gaspiller un tas de copies papier de numérisations de numérisations.
phyrfox
Du point de vue du traitement du signal, cela est très proche de la simulation du processus réel par lequel les scanners pauvres introduisent des erreurs. Bien que la première image donnée dans la question ne semble pas être due à de mauvais numérisations numériques, mais plutôt à des problèmes avec une presse à imprimer physique.
KRyan
J'ai eu de très bons résultats avec cela. C'est l'un des cas où j'accepterais volontiers plus d'une réponse. Prenez mon vote positif cependant.
BientôtDead
16

qui semblent être le résultat d'un très mauvais scan

Voilà votre réponse.

Concevez votre marque, puis apportez-la à Kinkos. Trouvez le photocopieur le plus fou et faites-en une copie. Faites ensuite une copie de la copie. Ensuite, peut-être froisser / défroisser la copie et en faire une copie. Continuez jusqu'à ce que cela vous ressemble.

Scannez-le ensuite.

DA01
la source
2
cela, tellement.
Ryan
C'est quelque chose que j'ai envisagé et je vais peut-être essayer quelques images. Je vous remercie.
BientôtDead
Bonne idée. Le seul problème est que c'est un problème si vous voulez le changer plus tard, tandis que les chemins et les effets svg sont faciles.
wchargin
Certaines personnes ont fait toute une carrière avec cette technique: en.wikipedia.org/wiki/Art_Chantry
DA01
2
Oui, mais ... hostile à l'environnement. Pourquoi ne pas simplement simuler les numérisations en les télécopiant à plusieurs reprises jusqu'à ce que vous obteniez les résultats souhaités? Assurez-vous d'utiliser un paramètre de télécopie de faible qualité.
phyrfox