"Gran efecto de grimorio" en photoshop

14

Estoy ayudando a crear un juego ARG. Para este juego, necesitaré crear imágenes de pentagramas antiguos e ilustraciones que parezcan el resultado de un escaneo muy malo de imágenes dibujadas a mano medievales limpiadas.

Para mostrar algunos ejemplos:

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

  • Las líneas no son completamente rectas, algo dudosas.
  • Partes de las líneas son débiles o faltan por completo.

ingrese la descripción de la imagen aquí

  • La calidad de todo el asunto es horrible.

Lo que tengo actualmente:

ingrese la descripción de la imagen aquí

  • La cosa está esbozada en pintura como puedes ver. El siguiente es un poco mejor.

ingrese la descripción de la imagen aquí

  • La fuente es mala y no arcaica. Podría necesitar una fuente adecuada.
  • Las líneas están muy limpias.
  • La imagen es demasiado limpia en general.

Mis preguntas son

  • ¿Cómo lograr un efecto que haga que las líneas sean dudosas y tenues?
  • ¿Qué fuente debo usar que se parezca a la de la primera imagen de ejemplo?
Pronto muerto
fuente
3
¿Tienes una pregunta?
Ryan
No usaría Photoshop para crear imágenes similares. Illustrator o Inkscape son mejores opciones ... Y segundo Ryan ... ¿cuál es la pregunta?
Scott,
La segunda imagen de "lo que tengo actualmente" se creó en Illustrator, pero no estoy realmente familiarizado con sus herramientas. He actualizado mis publicaciones para incluir preguntas reales.
SoonDead
No hay falta de respeto, pero probablemente debería contratar a un diseñador en lugar de perder el tiempo tratando de hacerlo usted mismo. Para cuando tengas algunos gráficos decentes, el juego estará desactualizado.
Rafael
La primera imagen está dibujada a mano. ¿Has intentado eso? Dibújalo, escanea, traza para crear vectores. Una forma de fingir el aspecto es agrandar; difuminar; reducir. El aspecto de transferencia de tinta deficiente se puede lograr fácilmente aplicando una máscara de capa.
Yorik

Respuestas:

24

Yo usaría Illustrator para esto. Crear las rutas, configurar el tipo, etc. es todo más fácil en Illustrator que en Photoshop.

Simplemente cree sus formas base, combínelas. Use Object > Expandpara convertir los trazos en formas, luego use Effect > Distort & Transform > Roughenpara agregar un poco de vida a las formas rectas. Y finalmente, si lo desea, agregue una Máscara de opacidad , ( 1 ), ( 2 ), para crear algunas áreas de abandono.

ingrese la descripción de la imagen aquí
Haga clic derecho / Control-clic y elija "abrir imagen en una nueva pestaña / ventana" para verla más grande.

En cuanto a qué fuente, bueno, es una fuente serif. Cuál es el tipo de tu elección. Seguir con un serif humanista probablemente estaría más en tono con la muestra: cosas como Garamond, Goudy, etc.

Scott
fuente
2
De hecho, iría con una fuente en dificultades para construir (mucho menos trabajo de esa manera); IM Fell Pro probablemente sería un punto de partida decente (es un Palatino apenado al viejo estilo).
Stan Rogers
Cualquier fuente funcionaría si se configura antes de aplicar la máscara de opacidad. la máscara también angustiará el tipo. Pero una fuente en dificultades también funcionaría.
Scott,
Seamos sinceros; todas las letras en una cara cortada son mucho más difíciles que cambiar un par de letras en una fuente sobreimpresa (como se usa literalmente más allá de su fecha de caducidad). Comenzar con algo que está diseñado para parecer nuevo es simplemente hacer que el trabajo sea una carga difícil y que consuma mucho tiempo sin una buena razón. Eso es irresponsable, tanto como contratista / empresario y como una sugerencia para otra persona.
Stan Rogers,
2
Uhm ... ¿estás familiarizado con las máscaras de opacidad y cómo funcionan? He agregado tipo a la imagen de arriba, solo ITC Stone Informal estándar. No requiere trabajo extra en absoluto. Y como publiqué, puedes usar una fuente desgastada si lo prefieres. La implicación de que mis sugerencias son "irresponsables" es francamente ridícula. Publica tu propia respuesta Stan.
Scott,
Los resultados son sorprendentemente buenos después de algunos ajustes. ¡Muchas gracias!
SoonDead
28

Aquí hay una forma de simular un escaneo incorrecto de un documento antiguo. Estoy usando el GIMP aquí, pero también deberías poder hacer todos estos pasos en Photoshop.

Paso 1: Comience con una imagen de aspecto adecuado.

Paso 1 de hacer un grimorio escaneado falso en GIMP

Si está tratando de emular un documento antiguo escrito a mano, recuerde no ser demasiado preciso. Coloque las líneas a mano, varíe el tamaño de fuente (y / o use varias fuentes), gire o estire letras individuales, tal vez incluso aplique una ligera perspectiva de transformación a párrafos enteros de texto para que las líneas se inclinen un poco. La imagen de arriba es solo una prueba rápida.

Paso 2: haz algo de ruido.

Paso 2 de hacer un grimorio escaneado falso en GIMP: haz algo de ruido

Haga una nueva capa y llénela con algo de ruido de procedimiento. Aquí tengo una mezcla de ruido de baja frecuencia (generado con el filtro Renderizar → Ruido sólido ) para simular una superficie de papel no plana, y ruido de alta frecuencia (generado con Ruido → Ruido RGB ) para simular granos de papel y arañazos. En retrospectiva, probablemente debería haber hecho que el ruido de baja frecuencia fuera aún más bajo, pero esto es lo suficientemente bueno para una demostración rápida.

Paso 3: Mezcla el dibujo con el ruido.

Paso 3 de hacer un grimorio escaneado falso en GIMP: combine el dibujo con el ruido

Aquí, solo configuré la opacidad de la capa de ruido al 50% y aplané toda la imagen para el siguiente paso.

Paso 4: Desenfoca todo un poco.

Paso 4 de hacer un grimorio escaneado falso en GIMP: desenfoque todo

Puede que no sea obvio por el resultado final, pero este es realmente el paso crucial para hacer que el escaneo se vea realmente malo. Básicamente, estamos desenfocando la imagen para simular la óptica imperfecta en el escáner. Aquí, he aplicado el desenfoque gaussiano con un radio de 2.0 píxeles, pero es posible que desee jugar con el radio para ajustar los resultados.

Paso 5: ajustar los niveles.

Paso 5 de hacer un grimorio escaneado falso en GIMP: ajuste los niveles

Simplemente abra la herramienta Niveles, baje el nivel de blanco hasta que el fondo se vea en su mayoría blanco, y luego suba el nivel de negro hasta que el texto y las líneas se vean en su mayoría negros. (Esto es casi exactamente lo que hacen los escáneres en modo texto). ¡Voilá, un escaneo incorrecto listo para funcionar!

También puede considerar aplicar un poco de Enmascaramiento de enfoque después del desenfoque; combinado con el ajuste de niveles, esto creará un efecto distintivo donde las líneas tenues se desvanecen cerca de las líneas más gruesas. (También deshace parte del efecto del desenfoque, por lo que es posible que desee usar un poco más de desenfoque para compensar). No lo hice aquí, porque el resultado se veía lo suficientemente bueno sin él, pero es una característica que a menudo se ve por ejemplo, en viejos documentos fotocopiados.

Ilmari Karonen
fuente
+1 Tendría que darle una ventaja más si se agregara lino o holgura.
Yorik
+1 para mostrar Gimp es fácilmente capaz de hacer esto tan rápido como Illustrator, y personalmente considero que este diseño parece al menos tan realista como desperdiciar un montón de copias escaneadas en papel de escaneos.
phyrfox
Desde una perspectiva de procesamiento de señal, esto está muy cerca de simular el proceso real por el cual los escáneres pobres introducen errores. Aunque la primera imagen dada en la pregunta no parece deberse a escaneos digitales deficientes, sino a problemas con una imprenta física.
KRyan
He tenido muy buenos resultados con esto. Este es uno de los casos en que con mucho gusto aceptaría más de una respuesta. Toma mi voto positivo sin embargo.
ProntoDead
16

que parecen ser el resultado de un escaneo muy malo

Ahí está tu respuesta.

Diseña tu marca, luego llévala a Kinkos. Encuentra la fotocopiadora más horrible y haz una copia. Luego haga una copia de la copia. Luego, tal vez arrugue / desencruce la copia y haga una copia de eso. Continúa hasta que se vea como a ti te gusta.

Luego escanea eso de nuevo.

DA01
fuente
2
esto, mucho
Ryan
Esto es algo que he considerado y posiblemente intentaré obtener algunas imágenes. Gracias.
SoonDead
Buena idea. El único problema es que es una molestia si desea cambiarlo más tarde, mientras que las rutas y los efectos de svg son fáciles.
wchargin
Algunas personas han hecho una carrera completa con esta técnica: en.wikipedia.org/wiki/Art_Chantry
DA01
2
Sí, pero ... ambientalmente hostil. ¿Por qué no simplemente simular los escaneos enviándolos una y otra vez hasta obtener los resultados deseados? Asegúrese de utilizar una configuración de fax de baja calidad.
phyrfox