Share
En este tutorial, aprenderemos cómo crear un póster de vodevil de principios de siglo. Este estilo único y atractivo de publicidad fue popular a fines del siglo XIX y principios del XX. ¡Usted señor! Usted señora! Avance y prepárese para sorprenderse mientras transportamos una imagen de dos amigos en el tiempo para crear un anuncio de póster sin comparación.!
Antes de comenzar, echemos un vistazo a la imagen que vamos a crear. Como siempre, el archivo de Photoshop en capas está disponible a través de nuestra membresía Psdtuts + Plus.
En este tutorial, exploraremos varias habilidades y conceptos importantes de Photoshop, entre los que se incluyen: Aislar rápidamente un tema del fondo; Usar objetos inteligentes y objetos inteligentes anidados para mantener su diseño libre de desorden; Teñido a mano de una imagen; Entendiendo lo que hace un cartel de show exitoso; Usando diferentes modos de fusión de colores, y texturizando tus imágenes. También obtendremos un poco de historia sobre la industria del entretenimiento desde hace más de 100 años. Este es un tutorial bastante complicado, así que proporcionaré algunas notas antes de comenzar:
Nota: Este es un póster real para un espectáculo real que mi amigo Barry y yo realizamos cada mes. El espectáculo es sobre un dúo de arte de padre e hijo llamado Mouth Odyssey. A través de poderes que están más allá de su control, han sido transportados desde el año 1900 hasta el año 2008. Cada mes tenemos un episodio diferente, que sigue sus aventuras, sus luchas de padre e hijo, y su búsqueda de regresar a casa para el año 1900. El show es completamente improvisado, y nosotros construimos la historia cada mes..
Si está interesado en leer más acerca de Mouth Odyssey o seguir la historia a medida que se desarrolla, visite "The Mouth Odyssey Experience" en FuseBoxTheatre.com. ¡Allí encontrarás la crónica de su aventura! ¡No hay nada igual por ahí! Ok vamos a empezar!
Para lograr un efecto auténtico para este póster, necesitamos una fotografía de estilo retrato. Los sujetos frecuentemente tendrán una sonrisa sutil, o incluso una mirada en blanco. Puede parecer un poco extraño, pero definitivamente hay algo peculiar y atractivo al respecto.!
He seleccionado una foto de mí mismo y de mi amigo Barry que se tomó específicamente para hacer un póster en este estilo..
Hay muchas formas de lograr esto. La herramienta de lápiz es confiable y sofisticada, pero hay toneladas de tutoriales de herramienta de lápiz por ahí. Un enfoque alternativo que a menudo proporciona resultados similares en menos tiempo es usar la herramienta Borrador de fondos.
El borrador de fondo funciona comparando el contraste entre fondo y primer plano. La cruz en medio de la herramienta Borrador de fondos debe colocarse en el color de fondo que desea borrar. Se considerará cualquier cosa que contrasta fuertemente con el color de fondo. primer plano, y no será borrado. (Esta herramienta resulta ser muy útil, ¡especialmente para aislar rápidamente el cabello!)
Nota: La herramienta Background Eraser solo se encuentra en Photoshop CS3, por lo que si no tiene acceso a ese software, no dude en utilizar su método alternativo favorito de extracción de sujetos..
Con los sujetos extraídos de forma segura del fondo, debemos eliminar el color. Vamos a pintar nuestros propios colores a mano más tarde. Hay varias maneras de llevar a cabo este paso. Si tiene Photoshop CS3, el nuevo comando Blanco y negro en Imagen> Ajustes> Blanco y negro puede hacer un buen trabajo. Imagen> Ajustes> Desaturar también puede hacer el truco, o incluso puede utilizar uno de los canales de imagen según el tipo de contraste que desee.
Estamos a punto de comenzar con la parte más complicada del tutorial, y para mantener las cosas ordenadas y ordenadas, desearemos separar nuestros temas y trabajar con ellos en diferentes capas. En mi caso, también quiero intercambiar las posiciones de nuestros retratos.
Para lograr esto, solo puede usar el rizo o la carpa Rectangular para seleccionar uno de los sujetos, luego cortar y pegar en una nueva capa.
Soy un gran fan de carpetas y grupos en Photoshop. Le permiten mantener todo junto y facilitar la reorganización de su composición, incluso cuando tiene muchas capas y efectos. Vamos a hacer una carpeta para cada uno de nuestros temas ahora. Los nombres de nuestros personajes son Carl y Carlyle, así que los nombraré en consecuencia.
Esta es la parte más lenta del proyecto. Si tiene una tableta digitalizadora, este paso será mucho más fácil, pero aún tomará un tiempo. Si solo tienes un mouse, prepárate para un montón de zoom y una cuidadosa pintura de píxeles!
Si tiene mucha experiencia con el rango de color seleccionado o las herramientas de reemplazo de color, puede ser una forma más rápida de lograrlo. También puede rellenar una capa en blanco con color y usar máscaras de capa para ocultar o revelar el color para la mezcla. Pero para nuestros propósitos, nos divertiremos simplemente coloreando el original..
Debe comenzar notando regiones de color similar en su tema, en este caso tenemos el Sombrero, la Banda del Sombrero, el Cabello, la Cara, los Labios, los Ojos Blancos, el Iris, las Gafas y la Camisa. Cree una capa separada para cada una de estas regiones de color dentro del grupo que ha creado para este tema.
Para la mayoría de estas capas, vamos a querer usar un modo de fusión de Color. (El menú desplegable Modo de fusión se encuentra en la parte superior de la paleta de capas). Ahora, simplemente seleccionamos el color que queremos usar para teñir nuestro tema y pintamos sobre el área correspondiente. La imagen desaturada debajo determinará la cantidad de fusión, por lo que conservamos todos nuestros reflejos y sombras de la imagen original.
Repita este procedimiento para cada zona de color. Este paso es muy subjetivo, así que experimente con la opacidad, el tono de color y el modo de fusión hasta que logre el efecto que desee para cada región de color. Por ejemplo, en esta imagen en particular, utilicé un modo de mezcla de multiplicación con opacidad establecido al 100% para el sombrero, pero usé un modo de mezcla de normal y una opacidad del 46% en la banda de sombrero..
También cambié el color de los ojos para hacerlos estallar: los ojos son muy llamativos, especialmente en los carteles. Para esto usé un modo de mezcla de Color en el Iris del ojo, y usé Lighten en los blancos..
Los colores que elija dependerán de su imagen inicial y del efecto que desee lograr. En general, estamos buscando colores descoloridos que hagan que la imagen se sienta envejecida, pero como estos carteles antiguos son ilustraciones, se recomienda tomar cierta libertad creativa. El objetivo aquí es simplemente producir algo que te atraiga: no hay correcto o incorrecto!
A continuación se muestra una imagen que muestra los elementos pintados a mano sin la capa de fotografía para mezclar. Desactivar la fotografía puede ser una buena forma de verificar para asegurarse de que ha cubierto todas las ideas que necesita cubrir.
¡De acuerdo! Ahora tenemos una buena foto de retrato teñida a mano. Estamos empezando a acumular muchas capas: ¡es hora de hacer algunos objetos inteligentes! Haga clic con el botón derecho en el grupo que contiene las capas para su tema teñido a mano y elija Convertir en objeto inteligente. Puede editar el objeto inteligente en cualquier momento haciendo doble clic en su miniatura en la paleta de vista previa de las capas.
Era raro ver cabezas flotantes en estos carteles antiguos: los sujetos generalmente estaban encerrados en un marco de retrato elíptico que daba un aire de distinción, así como un mayor peso visual. Para nuestros fondos de retrato usaremos la herramienta Elipse y recortaremos las imágenes de los personajes dentro.
Para recortar una imagen a otra, colocamos nuestro objeto inteligente de retrato sobre la elipse, luego presionamos la tecla Alt y presionamos Entre el objeto inteligente y la forma que queremos recortar. Verás que el cursor cambia para indicar que las dos capas pueden recortar..
Para agregar textura a la imagen, recortamos una textura de papel viejo debajo de nuestro sujeto, pero dentro del marco de la elipse. Hay un montón de texturas de papel antiguas libres por ahí - toma tu favorita!
Para darle más profundidad a la imagen, agregamos un trazo y una sombra interior a la elipse que enmarca a nuestro sujeto, así como algunos degradados radiales detrás del personaje. He agregado una pequeña sombra al objeto inteligente de caracteres para que salte aún más, y un filtro Gaussian Blur Smart para ocultar cualquier detalle fino que sea visible desde la imagen original de alta resolución.
La razón por la que desenfocamos la imagen aquí es que el estilo que estamos recreando es un estilo ilustrado dibujado a mano. Nuestra fotografía de origen era de alta resolución, y demasiados detalles sutiles eran visibles. Un Desenfoque Gaussiano de aproximadamente un píxel cuida de ellos muy bien, ya que comenzamos a lograr el aspecto suave que buscamos.
Otra cosa buena sobre el uso de objetos inteligentes es que podemos usar filtros inteligentes. Los filtros inteligentes aplican efectos a la imagen de forma no destructiva, por lo que puede modificarlos más adelante si lo desea.
No había blogs ni sitios web en la era de Vaudeville, por lo que la única forma de calificar a los artistas era asegurarse de que sus nombres aparecieran prominentemente junto a sus imágenes en los carteles. A menudo, los actos serían hermanos o hermanas, gemelos o una familia completa. Mostrar los nombres, especialmente los apellidos, ayudó a reforzar la conexión entre los individuos y el programa..
Las placas de identificación aquí son simplemente rectángulos redondeados con un trazo sutil. Para la fuente de la placa de identificación, estamos usando Copperplate Gothic Bold. Probablemente podrías ponerte más adornado con las placas de identificación de las que recibo aquí, pero este tutorial ya tiene suficientes pasos!
Estos viejos carteles de vodevil a menudo mostraban artistas múltiples. Siga el mismo proceso que el anterior para crear otro retrato de personaje.
Una forma de ahorrar tiempo en este paso es usar la misma paleta de colores, las formas y las placas de identificación que se usan para el primer carácter. Solo duplíquelos, reemplace la imagen, el color y cambie el nombre según sea necesario. Convertir a un objeto inteligente cuando haya terminado.
Las cosas están empezando a acumularse nuevamente y queremos que todo sea simple en el nivel superior. Ahora que tenemos nuestro retrato completo con efectos, haga clic derecho en la parte superior de este grupo y conviértalo en un objeto inteligente, como antes. Ahora tenemos objetos inteligentes anidados.!
Ahora el trabajo duro está hecho y estamos listos para comenzar a componer el póster en sí..
Abra un nuevo documento con Archivo> Nuevo. Seleccione el ajuste preestablecido de papel de EE. UU. Y establezca el Tamaño en Tabloide. Si desea imprimir su póster, asegúrese de que su resolución sea de 300 ppp y su modo de color sea CMYK. Si solo va a mostrarlo en línea, elija la resolución 72 ppp y el modo de color RGB. Arrastre sus objetos inteligentes de retrato al nuevo documento.
Con el fin de aterrizar nuestros retratos con más éxito, debemos crear un fondo. Aquí hay dos rectángulos redondeados con grandes trazos en tonos más claros o más oscuros que el color de fondo principal. El rectángulo verde está dentro del color canela aquí para crear un efecto de doble mateado. Elegí colores que iban bien con los colores en los retratos del personaje..
Está empezando a verse mejor, pero no se siente lo suficientemente viejo. Podemos ayudarlo agregando algunas texturas de papel más antiguas (¡todos deberían tener una colección de éstas!).
En este caso, en realidad estoy usando una combinación de tres texturas de papel diferentes: una fibrosa, una arrugada y otra con un poco de una impresión de papel tapiz floral extraña en ella. Las capas de papel se colocan en la parte superior de nuestra pila de capas, se establece con un Modo de mezcla de Multiplicar, y se ajusta a la opacidad al gusto. La mayoría de las texturas de este tipo requerirán una baja opacidad, por ejemplo, 10-30%..
Para evitar conflictos de redistribución, he dejado las texturas de papel de alta resolución fuera del archivo PSD final. Puedes agregar el tuyo o descargar cualquier gran cantidad de texturas de gran papel desde lugares como SXC o DeviantArt.
Dependiendo del color de la textura del papel y del tono deseado de la imagen final, es posible que desee desaturar las texturas del papel antes de continuar. Dos de las texturas que utilicé en realidad agregaron un tinte marrón sutil de bienvenida al póster, así que no las desaturé. El tercer papel, el arrugado, tuve que desaturar porque era rojo y tenía un impacto negativo en la calidad de la imagen..
En los días de Vaudeville, casi siempre había un promotor detrás de la escena de cada gran acto; una especie de agente de talento que construyó su reputación sobre la calidad de los actos que presentaron (y que a menudo viajaban a lo largo y ancho para descubrir actos cada vez más impresionantes e inusuales). La información sobre el promotor o presentador generalmente se incluía de manera prominente cerca de la parte superior de los carteles como una forma de marca..
Aquí estamos usando la fuente Rockwell Extra Bold para el texto "FUSEBOX THEATRE presents". Ambas capas de texto tienen un trazo sutil que les ayuda a destacar.
El título de nuestro programa es "Mouth Odyssey", un nombre extraño que habla del marketing impulsado por la curiosidad de la época. También hemos añadido un poco de texto a los elementos individuales para enfatizar el sentido de extrañeza y que las cosas están fuera de lugar. Eso es apropiado aquí, porque nuestros personajes están fuera de lugar en el período de tiempo actual.
Estamos utilizando una fuente llamada VonFont para el texto "Odisea de la boca". Este texto también tiene un trazo sutil para destacarlo, así como una combinación de efectos de deformación de texto: la curva se establece en + 52%, la distorsión horizontal en -37% y la distorsión vertical en -18%. Por supuesto, estas son solo las configuraciones que utilicé para lograr el efecto que deseaba. La deformación del texto puede o no ser necesaria para usted: juegue un poco con él y vea lo que se le ocurre.!
Estos viejos carteles a menudo tenían descripciones largas y prolijas del espectáculo. Muy lejos de las líneas de palabras de tres palabras simplificadas de Helvetica Bold. Este lenguaje de marketing de estilo antiguo está diseñado para atraer al lector con una descripción. ¡Diviértete con esta parte, y no tengas miedo de ser prolijo y dale vueltas! Como arriba, aquí estamos usando VonFont con un golpe sutil.
Este es un póster real para un espectáculo real que Barry y yo hicimos hace un momento. Para que la gente viniera a ver el programa, tuvimos que agregar información clara sobre la fecha y hora del evento, la información del lugar y el sitio web. Tenga en cuenta el peso visual que se aplica a cada elemento aquí: primero queremos que el espectador se dé cuenta de cuándo se está produciendo el espectáculo. Si el tiempo es adecuado para ellos, continuarán leyendo en la sede, la dirección y el sitio web para obtener más información..
Entonces, la información más importante es la más grande y lo primero, luego las fuentes se hacen más pequeñas a medida que la información se vuelve más específica..
Y ahora, el momento que todos han estado esperando. Sus incomparables contorsiones calentarán tu mente. Los problemas de su padre e hijo aturdirán tu corazón. Atrapados en un cambio de tiempo en el año 1900 y ahora están aquí para tocar en vivo para ti esta noche. He aquí, aquellos proveedores más magníficos de hilaridad y emoción. El único drama de la serie vaudeviliano en el tiempo totalmente improvisado, Mouth Odyssey!
Si está interesado en la historia detrás de Mouth Odyssey, o si desea realizar un seguimiento de la historia del programa a medida que evoluciona hasta diciembre, lea más acerca de Mouth Odyssey aquí, y visite The Mouth Odyssey Time-Travel Log en fuseboxtheatre .com.
Espero que hayas disfrutado aprendiendo a hacer tu propio póster de vodevil de fin de siglo. Me gustaría dar las gracias a Psdtuts + por todos los excelentes recursos que brindan a la comunidad de diseño. Además, ¡gracias a los lectores y colaboradores por ser parte de esa comunidad y apoyar el trabajo creativo! Este es mi primer tutorial para PDSTUTS y espero escribir más en el futuro. Cualquier comentario sería muy apreciado!
Suscríbase a Psdtuts + RSS Feed para obtener los mejores artículos y artículos de Photoshop en la web.
Accentsconagua