"Grand Grimoire-Effekt" in Photoshop

14

Ich helfe bei der Erstellung eines ARG-Spiels. Für dieses Spiel muss ich Bilder von alten Pentagrammen und Illustrationen erstellen, die so aussehen, als wären sie das Ergebnis eines sehr schlechten Scans mittelalterlicher handgezeichneter Bilder, die aufgeräumt wurden.

Um einige Beispiele zu zeigen:

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

  • Linien sind nicht ganz gerade, etwas zwielichtig.
  • Teile der Linien sind schwach oder fehlen vollständig.

Bildbeschreibung hier eingeben

  • Die Qualität des Ganzen ist schrecklich.

Was ich aktuell habe:

Bildbeschreibung hier eingeben

  • Wie Sie sehen können, ist das Ding in Farbe skizziert. Der nächste ist etwas besser.

Bildbeschreibung hier eingeben

  • Die Schrift ist beschissen und nicht archaisch. Möglicherweise benötige ich eine richtige Schriftart.
  • Die Linien sind zu sauber.
  • Das Bild ist im Allgemeinen zu sauber.

Meine Fragen sind

  • Wie erreicht man einen Effekt, der die Linien zwielichtig und schwach macht?
  • Welche Schriftart soll ich verwenden, die der im ersten Beispielbild ähnelt?
SoonDead
quelle
3
Hast du eine Frage?
Ryan
Ich würde Photoshop nicht verwenden, um ähnliche Bilder zu erstellen. Illustrator oder Inkscape sind bessere Optionen. Und ich bin zweiter Ryan. Was ist die Frage?
Scott
Das zweite Bild aus "Was ich derzeit habe" ist in Illustrator erstellt, aber ich bin nicht wirklich mit den Werkzeugen vertraut. Ich habe meine Beiträge aktualisiert, um aktuelle Fragen aufzunehmen.
BaldTot
Keine Respektlosigkeit, aber wahrscheinlich sollten Sie einen Designer engagieren, anstatt Zeit damit zu verschwenden, dies selbst zu versuchen. Wenn Sie ein paar anständige Grafiken haben, ist das Spiel veraltet.
Rafael
Das erste Bild ist handgezeichnet. Hast du das versucht? Zeichnen Sie es, scannen Sie es, verfolgen Sie es, um Vektoren zu erstellen. Eine Möglichkeit, den Look zu fälschen, besteht darin, ihn zu vergrößern. verwischen; reduzieren. Das Aussehen einer schlechten Farbübertragung kann leicht durch Aufbringen einer Überzugsmaske erreicht werden.
Yorik

Antworten:

24

Ich würde Illustrator dafür verwenden. Das Erstellen der Pfade, das Festlegen des Typs usw. ist in Illustrator einfacher als in Photoshop.

Erstellen Sie einfach Ihre Grundformen, kombinieren Sie sie. Verwandeln Sie Object > Expanddie Striche mit in Formen und Effect > Distort & Transform > Roughengeben Sie den geraden Formen etwas Leben. Wenn Sie möchten, fügen Sie abschließend eine Deckkraftmaske ( 1 ), ( 2 ) hinzu, um einige Drop-Out-Bereiche zu erstellen.

Bildbeschreibung hier eingeben
Klicken Sie mit der rechten Maustaste / bei gedrückter Ctrl-Taste und wählen Sie "Bild in neuem Tab / Fenster öffnen", um es zu vergrößern.

Was die Schriftart angeht, so handelt es sich um eine Serifenschrift. Welches ist eine Art Ihrer Wahl. Wenn Sie sich an eine humanistische Serife halten, ist der Ton in der Probe wahrscheinlich besser - Dinge wie Garamond, Goudy usw.

Scott
quelle
2
Ich würde mich für eine verzweifelte Schrift entscheiden (viel weniger Arbeit auf diese Weise). IM Fell Pro wäre wahrscheinlich ein guter Einstiegspunkt (es ist ein Palatino alten Stils).
Stan Rogers
Jede Schriftart funktioniert, wenn sie vor dem Anwenden der Deckkraftmaske festgelegt wurde. Die Maske wird auch den Typ belasten. Aber eine notleidende Schrift würde auch funktionieren.
Scott
Seien wir ehrlich; Alle Buchstaben in einem scharf geschnittenen Gesicht mit der Hand zu quälen, ist VIEL mehr Arbeit als ein paar Buchstaben in einer überdruckten Schrift (wie sie buchstäblich jenseits des Mindesthaltbarkeitsdatums verwendet wird) zu ändern. Wenn Sie mit etwas anfangen, das wie neu aussieht, wird der Job ohne guten Grund schwieriger und zeitaufwändiger. Das ist unverantwortlich, sowohl als Unternehmer als auch als Vorschlag für jemand anderen.
Stan Rogers
2
Ähm ... kennst du dich mit Deckkraftmasken aus und wie sie funktionieren? Ich habe dem obigen Bild Typ hinzugefügt - nur Standard-ITC Stone Informal. Es erfordert überhaupt keine zusätzliche Arbeit. Und wie ich geschrieben, Sie können einen beunruhigten Schriftart verwenden , wenn Sie es vorziehen. Die Implikation, dass meine Vorschläge "unverantwortlich" sind, ist offen gesagt lächerlich. Posten Sie Ihre eigene Antwort Stan.
Scott
Die Ergebnisse sind nach einigen Optimierungen überraschend gut. Vielen Dank!
BaldTot
28

Hier ist eine Möglichkeit, einen fehlerhaften Scan eines alten Dokuments zu simulieren. Ich verwende hier GIMP, aber Sie sollten in der Lage sein, all diese Schritte auch in Photoshop auszuführen.

Schritt 1: Beginnen Sie mit einem passend aussehenden Bild.

Schritt 1 zum Erstellen eines gefälschten gescannten Grimoires in GIMP

Wenn Sie versuchen, ein altes handgeschriebenes Dokument zu emulieren, denken Sie daran, nicht zu genau zu sein. Positionieren Sie die Linien von Hand, ändern Sie die Schriftgröße (und / oder verwenden Sie mehrere Schriftarten), drehen oder dehnen Sie einzelne Buchstaben, und wenden Sie möglicherweise sogar eine leichte perspektivische Transformation auf ganze Textabschnitte an, um die Linien ein wenig schräg zu stellen. Das Bild oben ist nur ein kurzer Test.

Schritt 2: Machen Sie etwas Lärm.

Schritt 2 des Erstellens eines gefälschten gescannten Grimoires in GIMP: Machen Sie Geräusche

Erstelle eine neue Ebene und fülle sie mit einigem prozeduralem Rauschen. Hier habe ich eine Mischung aus Niederfrequenzrauschen (generiert mit dem Filter Render → Solid Noise ), um eine nicht flache Papieroberfläche zu simulieren, und Hochfrequenzrauschen (generiert mit Rauschen → RGB-Rauschen ), um Papierkörnung und Kratzer zu simulieren. Im Nachhinein hätte ich das niederfrequente Rauschen wahrscheinlich noch leiser machen sollen, aber das ist gut genug für eine schnelle Demo.

Schritt 3: Mischen Sie die Zeichnung mit dem Rauschen.

Schritt 3 der Erstellung eines gefälschten gescannten Grimoires in GIMP: Zeichnen mit Rauschen mischen

Hier habe ich nur die Deckkraft der Rauschebene auf 50% eingestellt und das gesamte Bild für den nächsten Schritt abgeflacht.

Schritt 4: Alles ein wenig verwischen.

Schritt 4 der Erstellung eines gefälschten gescannten Grimoires in GIMP: Verwischen Sie alles

Aus dem Endergebnis ist dies möglicherweise nicht ersichtlich, aber dies ist tatsächlich der entscheidende Schritt, um den Scan realistisch schlecht aussehen zu lassen. Grundsätzlich verwischen wir das Bild, um die unvollständige Optik des Scanners zu simulieren. Hier habe ich die Gaußsche Unschärfe mit einem Radius von 2,0 Pixeln angewendet, aber Sie möchten möglicherweise mit dem Radius spielen, um die Ergebnisse zu optimieren.

Schritt 5: Pegel einstellen.

Schritt 5 zum Erstellen eines gefälschten gescannten Grimoires in GIMP: Passen Sie die Pegel an

Öffnen Sie einfach das Ebenen-Werkzeug, ziehen Sie die weiße Ebene herunter, bis der Hintergrund größtenteils weiß aussieht, und erhöhen Sie dann die schwarze Ebene, bis der Text und die Linien größtenteils schwarz aussehen. (Das ist ziemlich genau das, was Scanner im Textmodus tun.) Voilá, ein schlechter Scan kann beginnen!

Möglicherweise möchten Sie auch Unscharf maskieren, nachdem die Unschärfe aufgetreten ist. In Kombination mit der Einstellung „Pegel“ wird ein besonderer Effekt erzielt, bei dem schwache Linien in der Nähe von dickeren Linien verschwinden. (Dadurch wird auch ein Teil des Effekts der Unschärfe rückgängig gemacht, sodass Sie möglicherweise etwas mehr Unschärfe verwenden möchten, um dies zu kompensieren.) Ich habe es hier nicht getan, da das Ergebnis ohne diese Funktion gut genug aussah, aber es ist eine häufig zu sehende Funktion zB in alten fotokopierten Dokumenten.

Ilmari Karonen
quelle
+1 Ich müsste es noch ein Plus geben, wenn etwas Flachs oder Lose hinzugefügt wurde.
Yorik
+1 für das Anzeigen von Gimp ist für diese Aufgabe genauso schnell wie für Illustrator, und ich persönlich finde, dass dieses Design mindestens so realistisch wirkt, als würde man ein paar Kopien von Scans auf Papier scannen.
Phyrfox
Aus Sicht der Signalverarbeitung ist dies sehr nahe daran, den tatsächlichen Prozess zu simulieren , bei dem schlechte Scanner Fehler verursachen. Das erste in der Frage angegebene Bild scheint jedoch nicht auf schlechte digitale Scans zurückzuführen zu sein, sondern auf Probleme mit einer physischen Druckmaschine.
KRyan
Ich habe damit sehr gute Ergebnisse erzielt. Dies ist einer der Fälle, in denen ich gerne mehr als eine Antwort akzeptieren würde. Aber nimm mein Votum an.
BaldTot
16

das sieht so aus, als wären sie das Ergebnis eines sehr schlechten Scans

Da ist deine Antwort.

Gestalte deine Marke und bring sie zu Kinkos. Finden Sie den schäbigsten Kopierer und machen Sie eine Kopie. Dann machen Sie eine Kopie der Kopie. Dann zerknittere / zerknittere vielleicht die Kopie und mache eine Kopie davon. Fahren Sie fort, bis es so aussieht, wie Sie es mögen.

Scannen Sie das dann wieder ein.

DA01
quelle
2
das, so sehr.
Ryan
Dies ist etwas, worüber ich nachgedacht habe, und ich werde möglicherweise versuchen, einige Bilder zu machen. Vielen Dank.
BaldTot
Gute Idee. Das einzige Problem ist, dass es ein Ärger ist, wenn Sie es später ändern möchten, während SVG-Pfade und -Effekte einfach sind.
wchargin
Einige Leute haben eine ganze Karriere mit dieser Technik gemacht: en.wikipedia.org/wiki/Art_Chantry
DA01
2
Ja, aber ... umweltschädlich. Warum simulieren Sie die Scans nicht einfach, indem Sie sie immer wieder vor sich hin- und herfaxen, bis Sie die gewünschten Ergebnisse erzielen? Stellen Sie sicher, dass Sie eine schlechte Faxqualität verwenden.
Phyrfox