Cómo Diseñar un Cartel de Concierto Creativo

¡Hola Cortadores de diseño! El tutorial de hoy nos llega de Simon, uno de los dos socios y diseñadores de Studio Ace of Spade. ¡Por Simon!

¡Hola a todos! Estoy emocionado de compartir otro tutorial con ustedes hoy. Los buenos expertos en Cortes de Diseño han puesto el Paquete de fuentes Monster Creative en mis manos y me han visto correr con él. El tutorial de hoy es muy completo, pero espero que lo siga, ya que debe aprender muchas técnicas excelentes.

Una de las cosas que me emociona ahora que la primavera finalmente está llegando, es la temporada de conciertos. Así que me pareció muy apropiado usar las increíbles tipografías del paquete para crear un póster de concierto falso.

LO QUE ESTAMOS CREANDO:

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una imagen en particular que llamó la atención fueron estos especímenes de Microbrew Ornament de Albatross Studio:

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A partir de ahí, decidí inventar la banda The Krakens, y reservarles un concierto en 93 Feet East, una popular sala de conciertos de Londres.

Después de un poco de investigación, encontré esta increíble imagen en Unsplash. Es de Jonas Nilsson Lee, y representa un campo con el mar de fondo. Apropiado para que los krakens se desaten.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A partir de ahí, quería darle al póster un ambiente grunge, pero sin ser abrumador. Así que, mirando a través de los tipos de letra en el trato, Amorie Modella y BrushUp me atacaron.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Espolvoree algunos recursos adicionales en la parte superior, y nos haremos un póster genial. Empecemos, ¿de acuerdo?

PASO 1: CONFIGURACIÓN DE DOCUMENTOS

Estoy trabajando con un lienzo de 11″ x17 » a 300 ppp, en Photoshop CC (pero cualquier versión de Photoshop anterior a CS3 debería funcionar).

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, es hora de agregar algunas guías. He guías verticales en 1″, 2″, 5″, 5.5″, 6″, 9″, y 10″, y guías horizontales en 1″, 2″, 8″, 8.5″, 9″, 15″, «y 16».

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

PASO 2: CONSTRUYENDO EL FONDO

Para comenzar, necesitamos construir el fondo. Colocaremos la imagen, la afilaremos y le haremos un postprocesamiento.

Colocar y enfocar la imagen

Utilice Archivo > Colocar incrustado para colocar la escena marina como un objeto inteligente en el documento. Alineé el límite superior izquierdo del campo con la guía horizontal a 15″.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, usaremos una técnica que ya he compartido en mi tutorial de diseño de póster retro y sucio para mejorar un poco la imagen. Involucra el filtro de paso alto.

Comience creando una copia de su capa de fondo (Capa > Duplicar capa o CTRL/CMD+J).

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Clip a la capa original de abajo (CTRL / CMG + G). Tenga en cuenta que he dejado ambas capas como objetos inteligentes.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, ejecute el filtro de paso alto en la copia de capa (Filtro > Otro > Paso alto). Estoy usando un radio de 50 píxeles.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez aplicado el filtro, coloque la capa sobre luz suave al 35% de opacidad. El resultado es una imagen más nítida, así como un contraste ligeramente aumentado.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Extendiendo el fondo

La imagen está en su lugar, pero todavía tenemos un lugar abierto en la parte superior de nuestro póster.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Para llenar este punto, vamos a probar un tono azul en el borde de la vegetación, y llenar una nueva capa con este azul. Luego colocaremos esa capa en la parte inferior de nuestra pila de capas.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

El color que muestreé es # acc5ce.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Ahora, para deshacernos de esa línea, aprovecharemos el poder de las máscaras de capa. Simplemente agregue una máscara de capa a la capa de fotografía original (Capa > Máscara de capa > Revele todo con la capa adecuada seleccionada).

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez hecho esto, simplemente puede pintar la máscara de capa con un pincel grande y suave para que el límite desaparezca. Pero eso es un poco tedioso. Estoy usando la herramienta gradiente para ir un poco más rápido. Asegúrate de comenzar el degradado por debajo de la línea que quieres ocultar.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

El degradado que utilicé es un degradado simple de negro a blanco, en una dirección de arriba a abajo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez hecho esto, pasemos a procesar un poco la imagen.

Postprocesamiento de la imagen

La «receta» de postprocesamiento que estoy usando a continuación es solo una entre muchas. ¡Siéntase libre de modificar la imagen de manera diferente!

En primer lugar, vamos a «bajar la temperatura» de la imagen mediante el uso de una capa de ajuste de filtro de fotos.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Estoy usando el filtro de enfriamiento LBB, con una densidad del 15%.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, emularemos un efecto de procesamiento cruzado utilizando una capa de ajuste de curva. Simplemente agregue una capa de curva y alterne el preajuste de proceso cruzado (RGB) en el menú desplegable.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

El efecto es bastante fuerte, así que elegí reducir la opacidad de esa capa al 50%. También puedes notar que he etiquetado cada capa de ajuste con lo que logran.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, emularemos una saturación vintage en la imagen. Simplemente agregue una capa de ajuste de tono / saturación a la imagen y lleve la saturación a -25.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Luego, «aumentaremos la temperatura» de la imagen con otra capa de ajuste de filtro de fotos. Estoy usando el preset de filtro de calentamiento (LBA), a una opacidad del 25%.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, «difuminaremos» un poco la imagen. Use una capa de ajuste de color sólido y llénela con #4e4e4e. Luego, cambie su modo de fusión a Pantalla @ 15% de opacidad.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Un poco de mantenimiento de la casa

Antes de cambiar a la última parte de la acumulación de fondo, me gustaría sugerir organizar un poco nuestras capas. Aquí hay una vista de mi estructura: la foto y sus capas relacionadas están en su propio grupo de capas, al igual que las capas para el procesamiento posterior.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

¡Texturas!

Es hora de añadir algunas texturas a nuestro fondo. Le dará un poco más de profundidad y sustancia. Aquí están las texturas que debe tener a mano:

  • BB_AntiqueEnvelope_04 de Dustin Schmieding
  • Textura de manchas de café 02 de SixRevisions

Comience colocando BB_AntiqueEnvelope_04.jpg en su documento. He colocado, girado y dimensionado el mío para que la costura en el medio esté fuera del marco.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez que la textura esté en su lugar, rasterízala, desaturala (CTRL/CMD+MAYÚS+U) y afílala unas cuantas veces usando Filtro > Afilar > Afilar.

Tenga en cuenta que puede mantener el flujo de trabajo no destructivo mediante el uso de capas de ajuste.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, usaremos niveles (CTRL/CMD+L) para resaltar algunos de los detalles de las texturas. Usaremos un valor de 75 para los tonos oscuros, 0,75 para los tonos medios y 225 para los tonos claros.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez realizados los ajustes, cambie el modo de fusión de la capa a Luz suave @ 50% de opacidad.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

La siguiente textura que usaremos es la textura 02 de Manchas de café. Coloqué, giré y dimensioné el archivo para que cubriera todo el lienzo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Después de eso, siguiendo el mismo proceso anterior (desaturación, afilado y niveles), incorporamos las manchas al diseño. El modo de fusión de la capa es Luz suave @ 25% de opacidad.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Un poco más de mantenimiento de la casa, y estamos listos para pasar al resto del cartel.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

PASO 3: LA INSIGNIA

La insignia central con el pulpo es fácil de construir, pero tendremos que dejar Photoshop rápidamente para pasar a Illustrator.

Agarrar los elementos en Illustrator

Sigamos adelante y creemos un documento en Illustrator que tenga las mismas especificaciones que nuestro lienzo de Photoshop. Observe el modo de color RGB.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Usar los mismos modos de tamaño y color nos permite comenzar a jugar con tamaños y colores directamente en Illustrator, sin temer ninguna discrepancia entre los dos documentos que tenemos.

Una vez en Illustrator, asegúrese de que el panel de Glifos esté visible. Si no lo es, hágalo aparecer usando el menú Glifos Ventana > Tipo >.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, elige el tipo de letra de los adornos de cerveza artesanal y agarra el símbolo del pulpo. Inicie un nuevo bloque de texto y, a continuación, haga doble clic en el glifo en el panel Glifos. Tamaño muy grande (al menos 500 puntos).

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, necesitaremos tomar este marco circular de los extras que vienen con la familia de tipo Amorie. Puede tomarlos del panel de Glifos o del práctico archivo Illustrator (AMORIE_EXTRAS-Frames.ai) incluido en el paquete. Elegí el último.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Cópialo y pégalo en tu documento de Illustrator y empieza a jugar con los tamaños.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez que esté satisfecho con la relación de tamaño entre el marco y el pulpo, es hora de preparar los elementos vectoriales para ser introducidos en Photoshop.

Traer los vectores en Photoshop

En primer lugar, expanda la apariencia del objeto de texto octopus. Simplemente haga clic derecho en el personaje y elija la opción Crear contornos.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Realice los ajustes de tamaño que considere necesarios ahora, ya que será mucho más molesto tratarlos una vez en Photoshop.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez hecho esto, simplemente copie y pegue cada elemento individualmente en Photoshop, como objetos inteligentes. Esto nos permitirá jugar con cada elemento independientemente el uno del otro, y conservar sus características vectoriales en caso de que necesitemos refinar sus tamaños.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

También seguí adelante y les di a estos dos su propio grupo de capas, ya que las cosas se complicarán un poco más tarde.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Creación de la insignia en sí

Primero, necesitamos asignar un color a los elementos de la insignia. Seguí adelante y probé uno de los marrones oscuros del campo. Entré en la esquina inferior derecha y elegí #302b2c, un tono rojo-marrón más oscuro.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez que se haya elegido el color, debe hacer doble clic en la miniatura del objeto inteligente del pulpo. Esto abrirá el objeto inteligente en Illustrator, donde debe cambiar su color al marrón que acaba de muestrear.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez que haya terminado, guarde la modificación (CTRL/CMD+S), cierre el objeto inteligente y vuelva a Photoshop para admirar el resultado.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Siga el mismo proceso para el marco.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Crear la superposición de color mal registrada

Este paso es un poco delicado. Vuelva al documento de Illustrator en el que estábamos experimentando originalmente con relaciones de tamaño. Apague el marco en el panel de capas. Luego, proceda a copiar (CTRL / CMD + C) y pegar en su lugar (CTRL/CMD+F) una copia del pulpo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Apague la copia superior del pulpo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, agarra la herramienta Pincel de manchas (MAYÚS+B). Querrás llenar los puntos más destacados del pulpo, como abajo (estoy pintando en rojo para que puedas ver). Puede cambiar el tamaño del pincel haciendo doble clic en el icono de la herramienta. El objetivo no es pintar una forma perfectamente lisa, sino algo que se sienta como hecho a mano.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez que haya hecho la forma a su gusto, fusiónela con el pulpo utilizando la funcionalidad Unir de la herramienta Buscatrazos (Ventana > Buscatrazos). Selecciona el pulpo y la forma que acabas de pintar, y pulsa el botón unir, y habrás terminado.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Deslice la forma recién creada debajo de la copia restante del pulpo, enciéndala de nuevo y admire el resultado. Los dos todavía se alinean, y parece que los reflejos del pulpo han sido de color rojo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Vuelva a su documento de Photoshop. Muestra un azul más oscuro de la foto original. Fui al área inferior izquierda de la imagen, y obtuve el #384d69.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Cambie la forma de resaltado que creamos en Illustrator a ese color.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez hecho esto, pegue la forma en Photoshop como un objeto inteligente, debajo de la capa de pulpo que tiene allí.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Para que se vea desalineado, simplemente tiene que desplazarlo usando las flechas del teclado (con la herramienta Mover activa, por supuesto – V). Lo compensé 4 pulsaciones hacia abajo y 4 a la izquierda.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Para crear el efecto fuera de registro del marco, primero tendrá que crear un nuevo objeto inteligente a través de copia (a través del menú contextual que se obtiene al hacer clic en la capa). Si solo duplica el objeto inteligente, los cambios que hará en uno se replicarán en todas las demás instancias.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Una vez hecho esto, deslice la copia debajo del primer fotograma y cambie su color a través de Illustrator al mismo azul que le dio al toque de luz octopus.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, compárelo de la misma manera que compensa el brillo del pulpo (el efecto fuera de registro de un color debe permanecer constante en toda la pieza).

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Añadiendo el trazo alrededor del pulpo y su punto culminante

El toque final de la insignia es un pequeño espacio entre el pulpo y la insignia (y sus respectivos puntos culminantes). Para lograr esto, cree una selección alrededor del pulpo con CTRL/CMD+HAGA CLIC en su miniatura de capa.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

A continuación, vaya a Seleccionar > Modificar > Expandir para expandir la selección en 25 píxeles.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Invierta la selección (CTRL / CMD + MAYÚS + I) y agregue una máscara de capa al objeto inteligente marco marrón oscuro. Se ajustará a la selección que hemos hecho y mostrará la brecha.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Repita los mismos pasos, pero utilice las capas de resaltado para mostrar el espacio en el marco desplazado.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tenemos un elemento central bastante ingenioso. ¡Ahora, al tipo!

PASO 4: EL TIPO

¿Qué es la copia?

Antes de añadir tipo a nuestro póster, acordemos alguna copia. El elemento del título debería ser el nombre de la banda: The Krakens.

También necesitaremos agregar el nombre del lugar (93 Pies al este, Londres, Reino Unido), una fecha (17 de abril de 2015) y un cargo por cobertura (£10).

El nombre de la banda también se escribirá en Brush Up, mientras que la información adicional se escribirá en Amorie Modella Bold. Las líneas que enmarcan la información adicional provienen del archivo vectorial Amorie extras: lines (AMORIE_EXTRAS-Lines.ai). Todos los elementos de tipo están coloreados en #302b2c.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

El título

Como viste arriba, está escrito en dos partes. El «The», que gira 90° en sentido contrario a las agujas del reloj, y el «Krakens».»Comienza escribiendo ambas partes y poniéndolas en relación entre sí.

Escribí «Krakens» 174 puntos grandes, y» The » 90 puntos grandes.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Ahora que esto está hecho, es hora de aprovechar los muchos personajes alternativos que tiene Brush Up. Esto evitará repetir una letra de manera idéntica, lo que al final le da al tipo un verdadero ambiente «escrito a mano».

Por ejemplo, seleccione la segunda » K » y presione el botón Alternancias estilísticas en el panel Tipo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Esto da como resultado una «K» diferente que se mostrará.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Repitiendo este proceso, cambiemos la » E » en » Krakens «para que sea diferente a la de «The».»

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Vuelva a encender las guías y verifique que no haya ningún problema de espaciado o colocación que desee solucionar en esta etapa. Una vez que estés contento, es hora de pasar a la información adicional para el concierto.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

El lugar

Antes de poder comenzar, parece que tengo que subir un poco el elemento de insignia en mi lienzo, por lo que en realidad tengo espacio para agregar la información adicional.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Ajustaremos el espaciado de nuevo una vez que todos los elementos estén allí, pero me gusta trabajar con un poco de espacio al menos.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Escribí 93 Pies al Este / Londres * Reino Unido en dos líneas. Amorie Modella Bold tiene 78 puntos de altura, con 72 puntos de ventaja. La copia se alinea a la izquierda y se coloca en el lado inferior izquierdo del lienzo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

El cargo por fecha y cubierta

Escribí el 17 de abril de 2015 / Entradas de £10 con el mismo tamaño y valores iniciales. El cambio principal es que esta vez, el bloque de texto está alineado a la derecha y colocado en el lado inferior derecho de la pieza.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Modifiquemos un poco más este bloque de texto. Primero, pongamos el » th » como superíndice.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Luego, usando la misma funcionalidad de alternancias estilísticas que antes, asegurémonos de que los caracteres no se repitan de manera idéntica (preste atención a la «A» y la «E», por ejemplo).

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Un poco de limpieza de capas:

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Ah, y luego, asegúrate de que tus bloques de texto estén bien alineados, tanto verticalmente a sus respectivas extremidades del título, como entre ellos. Siéntase libre de usar el menú Alinear capa > para hacerlo más rápido.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Finalmente podemos agregar los divisores para enmarcar los bloques de información adicional. Dirígete a AMORIE_EXTRAS-Lines.ai y agarra uno de los divisores.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Pegue copias como objetos inteligentes alrededor de la información del lugar. Solo puede pegar uno del archivo de Illustrator y, a continuación, hacer duplicados a partir de él en Photoshop.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

No dude en voltear y / o girar los divisores, para que el hecho de que sean copias el uno del otro no salte a los ojos de los espectadores.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Repita con la fecha y la información de la cubierta (no olvide ajustar el ancho en consecuencia).

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Ahora también es un buen momento para asegurarse de que los divisores también sean del color apropiado. Si acaba de duplicar un objeto inteligente a través de la pieza, solo debe cambiar uno de ellos a #302b2c, y estará listo para comenzar.

Ajustes globales

Con todo eso hecho, estamos a punto de completar nuestro diseño.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Es hora de ajustar los diversos elementos en relación entre sí antes de avanzar. En mi caso, significa subir un poco la placa.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Recuerde también mirar la pieza con las guías apagadas, ya que su percepción podría cambiar.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

PASO 5: ¡MÁS TEXTURAS!

Es hora de hacer la segunda y última pasada de texturas. Estos, al aplicarse al cartel en su conjunto, participarán para unir todo en un conjunto consistente.

Seguiremos el mismo proceso que para el fondo: colocar, dimensionar, rasterizar, desaturar, afilar y realzar el contraste.

Tenga en cuenta: He estado coleccionando y haciendo texturas activamente durante los últimos tres o cuatro años, y mi biblioteca es bastante grande (más de 40 Gb). Conozco muy bien mi biblioteca de texturas y, por lo general, puedo elegir las que usaré en un proyecto con anticipación en función del resultado deseado. La mayoría de los siguientes son algunos que no he hecho yo mismo. Tenga en cuenta que los dos que son míos son parte del paquete que estoy vendiendo en mi tienda de Creative Market, The Shop.

Ten en cuenta que también necesitarás una acción de Ps de la buena gente de Go Media a la que llamo «De 2 años.»Puedes descargarlo en este post(y leer el tutorial del póster si te sientes inclinado). Si no desea leer el tutorial, también puede probar este enlace directo a él.

Agarrando los diferentes recursos

Aquí están las texturas que necesitarás tener a mano para reproducir los efectos que he obtenido:

  • VV_MicroscopicBurnedFilm_10 de Dustin Schmieding
  • El efecto del pintor # 7 de Startextures
  • VV_GrindhouseTexture_07.jpg del paquete de texturas Grindhouse en Valleys in the Vinyl
  • Película Delta 3200 – 120-very dusty de JakezDaniel
  • Como leak #8 del paquete de fugas de luz gratis en Spoon Graphics
  • .demasiado polvoriento. textura de película de missAlienation-stock
  • fotocopia de clarisaponcedeleon
  • fotocopia-noise-textures-sbh-001.jpg y fotocopia-ruido-texturas-sbh-004.jpg del paquete de texturas de ruido de fotocopia en la tienda

Con estos listos, comencemos.

Aplicando las texturas

Abra y coloque VV_MicroscopicBurnedFilm_10.jpg en su documento.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Rasterizar, desaturar y afilar antes de pasar a los niveles (CTRL/CMD+L). Estoy usando los valores de abajo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Finalice ajustando la capa a Luz suave al 35% de opacidad.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

El siguiente es la textura de efecto de pintor #7. Abierto y lugar painter-s-effect-snb-07-4416485295_a78f2da722_o.jpg (yay nombres de archivo de Flickr) en su documento.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Ajustes de niveles.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Blending mode: soft light @ 50% opacity.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Next: VV_GrindhouseTexture_07.jpg

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Siguiente: delta_3200_ _ _ 120 _ película _ _ _ muy _ polvorienta _ de _ jakezdaniel-d5milqk.jpg (nombres de archivo yay DeviantArt). Está dimensionado para que no aparezca ninguno de los números de borde de la película, pero no girado.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

No hay necesidad de jugar con los niveles. Simplemente ponga el modo de fusión en pantalla a una opacidad del 50%.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Siguiente: Como la fuga # 8. Lugar 8.jpg en el lienzo y cambia el modo de fusión de la capa a pantalla @ 100% de opacidad.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Siguiente: .demasiado polvoriento. textura de película. Lugar _ demasiado _ polvoriento _ _ película _ textura _ por _ missalienation _ stock-d3bxobe.jpg en tu lienzo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Modo de fusión: multiplicar @ 100% de opacidad

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Siguiente: photocopy_by_clarisaponcedeleon_-_deviantart.jpg. Tendrás que distorsionar ligeramente esta textura para que cubra completamente tu lienzo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tenga en cuenta la configuración de niveles particulares, reduciendo la salida de blanco en la textura.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Modo de fusión: luz suave @ 25% de opacidad.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Un poco de limpieza:

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

El caso de las texturas de ruido de fotocopia

Las dos texturas del paquete de texturas de ruido de fotocopia no se utilizan como superposiciones, sino que se pegan en máscaras de capa para resistir el tipo y la insignia.

El proceso para pegar una textura en una máscara de capa es súper simple:

  1. Abre tu textura.
  2. Copiar su contenido.
  3. ALT / OPCIÓN + HAGA CLIC en la miniatura de la máscara de capa en la que desea pegar la textura. Esto le mostrará el contenido de la máscara de capa, y permite editarlo. Asegúrese de desactivar el pequeño eslabón de la máscara de capa para que pueda mover la textura sin mover el elemento
  4. Haga las ediciones que considere necesarias (tamaño, ubicación, afilado, niveles, etc.).)
  5. Admire el resultado

Comencemos con fotocopia-ruido-texturas-sbh-001.jpg. Agregue una máscara de capa al grupo de capas que contiene su insignia. Es el marco del nombre en mi documento. Asegúrese de que el vínculo entre la máscara de capa y el grupo de capas esté desactivado.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

ALT / OPCIÓN + HAGA CLIC en la máscara de capa, para que pueda acceder a su contenido. Observe cómo se resalta la máscara de capa.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Fotocopia abierta-ruido-texturas-sbh-001.jpg, y cópielo y péguelo en la máscara de capa.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Afílela e invierta (CTRL/CMD+I).

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Use niveles para aumentar el contraste.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Observe cómo el resultado diferirá ligeramente de la vista previa dada por los niveles. Probablemente se deba a la alta resolución de nuestro documento.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Haga clic en la miniatura de la capa de pulpo y admire el resultado. Ajuste los niveles de nuevo si es necesario.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Seguiremos el mismo proceso, y pegaremos fotocopia-ruido-texturas-sbh-004.jpg en una máscara de capa adjunta al grupo de capas que contiene todos los elementos de tipo.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración del paquete de fuentes creativas de Monster

 Tutorial de demostración del paquete de fuentes creativas de Monster

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Con eso hecho, aquí hay una comparación antes / después del efecto en el título. Es muy sutil, pero participa en el ambiente general.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

PASO 6: AJUSTES DE BRILLO

El póster está bastante oscuro. Tan oscuro de hecho, que no podemos leer los detalles del pulpo muy bien.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Mi solución: cambiar el tono azul utilizado para las luces de desplazamiento. Querrás mantenerte en un rango de niveles de brillo y saturación que podrían estar presentes en la imagen original, para que el azul no parezca estar fuera de lugar en la pieza final.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Pasar de #384d69 a # 54769b ayuda, pero parece que podríamos hacer un poco más. Cambiemos el tono marrón del tipo un poco también, a #474042.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Después de cambiar todos los elementos de color marrón oscuro, estamos en un lugar mejor.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Pero no es suficiente. Así que agregué una capa de ajuste de exposición en la parte superior de mi pila de capas, para iluminar un poco más las cosas. Acabo de cambiar el valor de exposición a +0.25, que es suficiente para hacer una diferencia visible.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

PASO 7: TOQUES FINALES

Con el póster en su lugar, es hora de usar la acción de Photoshop que mencioné al aplicar las texturas globales.

En primer lugar, cree una copia fusionada de todas sus capas en la parte superior de la pila de capas. Hay un atajo de teclado conveniente para eso: CTRL / CMD + MAYÚS + ALT / OPCIÓN + E. Solo asegúrese de tener seleccionada la capa más superior al hacer eso.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Después de un poco de organización de capas, debería tener algo como mi pila de capas. He llamado al borrador de copia fusionado, y le he dado su propio grupo de capas.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Duplique la capa de borrador y cambie el nombre de la copia a 2 años. Corre a los 2 años.acción atn que descargaste anteriormente en la capa.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

El resultado será esta versión muy ruidosa del cartel. Es como una copia en mal color del póster.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Simplemente cambie el modo de fusión de capas a luz suave al 25% de opacidad. Agregará un poco de ese ruido a la pieza y también aumentará ligeramente el contraste.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Cree otra copia fusionada en la parte superior de la pila de capas. Cámbiale el nombre de medios tonos y convierte esa capa en un objeto inteligente (Filtro > Convertir para filtros inteligentes).

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Vamos a aplicar un filtro de medios tonos de color a esa capa superior (Filtro > Pixelado > Medios tonos de color.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Cambie el modo de fusión del filtro a Luz suave al 100% de opacidad haciendo doble clic en este pequeño icono de la paleta de capas.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Cambie el modo de fusión de la capa a un color más claro con una opacidad del 50%.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Dado que el efecto se ha desvanecido demasiado, solo vamos a aumentar el tamaño de los puntos de medios tonos. Haga doble clic en el nombre del filtro en la paleta de capas.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Simplemente cambie el valor Máximo. radio a 14 para un efecto más pronunciado.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

La guinda del pastel: una última capa de tono / saturación, que se recorta a la capa de medios tonos (CTRL/CMD+G con la capa resaltada en la paleta de capas). Con un valor de -75, participará para suavizar la distorsión de color provocada por el efecto de medios tonos.

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

¡Y terminamos!

Tutorial de demostración de Monster creative font bundle

Tutorial de demostración de Monster creative font bundle

Últimas notas

Write a Comment

Tu dirección de correo electrónico no será publicada.