"Grande effetto grimorio" in Photoshop


14

Sto aiutando a creare un gioco ARG. Per questo gioco dovrò creare immagini di antichi pentagrammi e illustrazioni che sembrano il risultato di una pessima scansione di immagini medievali disegnate a mano ripulite.

Per mostrare alcuni esempi:

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

  • Le linee non sono completamente dritte, un po 'confuse.
  • Parti delle linee sono deboli o completamente mancanti.

inserisci qui la descrizione dell'immagine

  • La qualità di tutto è orribile.

Quello che ho attualmente:

inserisci qui la descrizione dell'immagine

  • La cosa è abbozzata di vernice come puoi vedere. Il prossimo è un po 'meglio.

inserisci qui la descrizione dell'immagine

  • Il carattere è scadente e non arcaico. Potrei aver bisogno di un carattere appropriato.
  • Le linee sono troppo pulite.
  • L'immagine è troppo pulita in generale.

Le mie domande sono

  • Come ottenere un effetto che rende le linee instabili e deboli?
  • Quale tipo di carattere dovrei usare simile a quello nella prima immagine di esempio?

3
Avete una domanda?
Ryan

Non userei Photoshop per creare immagini simili. Illustrator o Inkscape sono opzioni migliori ... E io secondo Ryan ... qual è la domanda?
Scott,

La seconda immagine di "quello che ho attualmente" è stata creata in Illustrator, ma non ho molta familiarità con gli strumenti. Ho aggiornato i miei post per includere domande reali.
Presto,

Non mancare di rispetto, ma probabilmente dovresti assumere un designer piuttosto che perdere tempo a provare a farlo da solo. Quando avrai una grafica decente, il gioco sarà obsoleto.
Rafael,

La prima immagine è disegnata a mano. Ci hai provato? Disegnalo scansionalo, traccialo per creare vettori. Un modo per simulare l'aspetto è quello di ingrandire; sfocatura; ridurre. L'aspetto di scarso trasferimento di inchiostro può essere facilmente ottenuto applicando una maschera di livello.
Yorik,

Risposte:


24

Userei Illustrator per questo. Creare i percorsi, impostare il tipo, ecc. È più semplice in Illustrator che in Photoshop.

Basta creare le forme di base, combinarle. Usa Object > Expandper trasformare i tratti in forme, quindi usa Effect > Distort & Transform > Roughenper aggiungere un po 'di vita alle forme dritte. E infine, se vuoi, aggiungi una maschera di opacità , ( 1 ), ( 2 ), per creare alcune aree di abbandono.

inserisci qui la descrizione dell'immagine
Fare clic con il tasto destro / Control-Click e selezionare "apri immagine in una nuova scheda / finestra" per vederla ingrandita.

Per quanto riguarda quale tipo di carattere, beh, è ​​un carattere serif. Qual è il tipo di tua scelta. Attaccare con un serif umanista sarebbe probabilmente più in linea con il campione - cose come Garamond, Goudy, ecc.


2
In realtà andrei con un carattere in difficoltà su cui basarmi (molto meno lavoro in quel modo); IM Fell Pro sarebbe probabilmente un decente punto di partenza (è un Palatino vecchio stile in difficoltà).
Stan Rogers,

Qualsiasi font funzionerebbe se impostato prima di applicare la maschera di opacità. la maschera affliggerà anche il tipo. Ma funzionerebbe anche un carattere in difficoltà.
Scott,

Affrontiamolo; tutte le lettere che affliggono la mano in una faccia tagliente sono MOLTO più lavoro che cambiare un paio di lettere in un carattere sovraespresso (come letteralmente usato oltre la sua data di scadenza). Iniziare con qualcosa che è stato progettato per sembrare nuovo sta solo rendendo il lavoro uno schifo più difficile e che richiede tempo senza una buona ragione. È irresponsabile, sia come appaltatore / uomo d'affari che come suggerimento per qualcun altro.
Stan Rogers,

2
Uhm ... hai familiarità con le maschere di opacità e come funzionano? Ho aggiunto il tipo all'immagine sopra - solo ITC Stone informale standard. Non ci vuole alcun lavoro extra. E come ho pubblicato, puoi usare un carattere in difficoltà se preferisci. L'implicazione che i miei suggerimenti sono "irresponsabili" è francamente, ridicola. Pubblica la tua risposta Stan.
Scott,

I risultati sono sorprendentemente buoni dopo alcune modifiche. Grazie mille!
Presto,

28

Ecco un modo per simulare una cattiva scansione di un vecchio documento. Sto usando GIMP qui, ma dovresti essere in grado di fare tutti questi passaggi anche in Photoshop.

Passaggio 1: iniziare con un'immagine dall'aspetto adatto.

Passaggio 1 per creare un grimorio scannerizzato falso in GIMP

Se stai cercando di emulare un vecchio documento scritto a mano, ricorda di non essere troppo preciso. Posiziona le linee a mano, varia le dimensioni del carattere (e / o usa diversi caratteri), ruota o allunga le singole lettere, magari applica anche una leggera trasformazione prospettica a interi paragrafi di testo per rendere le linee leggermente inclinate. L'immagine sopra è solo un test rapido.

Passo 2: fai un po 'di rumore.

Passo 2 di realizzare un finto grimorio digitalizzato in GIMP: fai un po 'di rumore

Crea un nuovo livello e riempilo con un po 'di rumore procedurale. Qui ho una miscela di rumore a bassa frequenza (generato con il filtro Render → Solid Noise ) per simulare una superficie di carta non piana e rumore ad alta frequenza (generato con Noise → RGB Noise ) per simulare grana della carta e graffi. Col senno di poi, probabilmente avrei dovuto rendere il rumore a bassa frequenza ancora più basso in frequenza, ma questo è abbastanza buono per una demo veloce.

Passaggio 3: fondere il disegno con il rumore.

Fase 3 di realizzare un finto grimorio digitalizzato in GIMP: fondere il disegno con il rumore

Qui, ho appena impostato l'opacità del livello di rumore al 50% e ho appiattito l'intera immagine per il passaggio successivo.

Passaggio 4: sfocare un po 'tutto.

Passaggio 4 per creare un finto grimorio digitalizzato in GIMP: sfocare tutto

Potrebbe non essere ovvio dal risultato finale, ma questo è in realtà il passaggio cruciale per rendere la scansione molto realistica. Fondamentalmente, stiamo sfocando l'immagine per simulare l'ottica imperfetta nello scanner. Qui, ho applicato la sfocatura gaussiana con un raggio di 2,0 pixel, ma potresti voler giocare con il raggio per mettere a punto i risultati.

Passaggio 5: regolare i livelli.

Passaggio 5 per creare un finto grimorio digitalizzato in GIMP: regolare i livelli

Basta aprire lo strumento Livelli, abbassare il livello del bianco fino a quando lo sfondo sembra per lo più bianco, quindi aumentare il livello del nero fino a quando il testo e le linee sembrano per lo più neri. (Questo è praticamente esattamente ciò che fanno gli scanner in modalità testo.) Voilá, una brutta scansione pronta per partire!

Potresti anche considerare di applicare un po 'di maschera di contrasto dopo la sfocatura; combinato con la regolazione Livelli, questo creerà un effetto distintivo in cui le linee deboli svaniscono vicino a linee più spesse. (Annulla anche alcuni degli effetti della sfocatura, quindi potresti voler usare un po 'più di sfocatura per compensare.) Non l'ho fatto qui, perché il risultato sembrava abbastanza buono senza di esso, ma è una caratteristica spesso vista ad es. in vecchi documenti fotocopiati.


+1 Dovrei dare un altro vantaggio se ci fosse aggiunta di lino o di rilassamento.
Yorik,

+1 per mostrare Gimp è facilmente all'altezza di farlo con la stessa velocità di Illustrator, e personalmente trovo che questo design appaia realistico almeno quanto lo spreco di un mucchio di copie scannerizzate di scansioni.
phyrfox,

Dal punto di vista dell'elaborazione del segnale, ciò è molto simile alla simulazione del processo effettivo mediante il quale gli scanner scadenti introducono errori. Anche se la prima immagine fornita nella domanda non sembra essere dovuta a scansioni digitali scarse, ma piuttosto a problemi con una macchina da stampa fisica.
KRyan,

Ho avuto ottimi risultati con questo. Questo è uno dei casi in cui accetterei volentieri più di una risposta. Prendi il mio voto però.
Presto

16

sembra che siano il risultato di una pessima scansione

C'è la tua risposta

Progetta il tuo segno, quindi portalo giù a Kinkos. Trova la fotocopiatrice più esigente e fai una copia. Quindi crea una copia della copia. Quindi forse accartocciare / decomprimere la copia e farne una copia. Continua fino a quando non ti piace.

Quindi esegui nuovamente la scansione.


2
questo, moltissimo.
Ryan

Questo è qualcosa che ho preso in considerazione e probabilmente proverò per alcune immagini. Grazie.
Presto,

Bella idea. L'unico problema è che è una seccatura se vuoi cambiarlo in un secondo momento, mentre i percorsi e gli effetti svg sono facili.
wchargin,

Alcune persone hanno fatto un'intera carriera con questa tecnica: en.wikipedia.org/wiki/Art_Chantry
DA01

2
Sì, ma ... ecologico. Perché non solo simulare le scansioni eseguendole ripetutamente avanti e indietro fino a quando non si ottengono i risultati desiderati? Assicurarsi di utilizzare un'impostazione fax di bassa qualità.
phyrfox,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.