Crea un póster del evento Big Air con Photoshop e Illustrator

Lo que vas a crear

Cree este póster, basado en una competencia de patinaje vert, utilizando tanto Photoshop para unir los elementos como Illustrator para armar la obra final lista para imprimir..


Introducción

Hace poco me encontré con el trabajo de la ilustradora Chrissie Abbott y de inmediato me sorprendió su inteligente uso de la combinación de imágenes retro y modernas y su uso de colores llamativos y vibrantes. En este tutorial, te guiaré a través de la creación de un póster de eventos deportivos extremos con un estilo similar.

El tema del póster se basa en una competencia vert skate, por lo que todas las imágenes, como el espacio, las montañas y el vuelo, son todas relevantes y se han obtenido de mi propia colección de revistas antiguas, sin copyright o sitios web de valores, así como de algunos. Imágenes libremente disponibles por cortesía de la NASA. También me gustaría agradecer al fotógrafo de surf / patinaje Paul Frost por permitirme usar su foto de skater..

En cuanto a las técnicas, descubrirá cómo crear sangrado preciso y marcas de corte tanto en Photoshop como en Illustrator. También dominarás ilustrador Pionero y Ruta de desvío comandos para crear algunas letras adornadas frescas. Finalmente, unirá todos estos elementos con Photoshop y armará la ilustración final lista para imprimir en Illustrator.

Encontrará el archivo PSD de Photoshop en un directorio etiquetado como "fuente" que vino en el archivo ZIP que descargó. Es posible que desee examinarlo brevemente antes de comenzar. También encontrará algunas imágenes para completar el tutorial, así como las ilustraciones de Illustrator listas para imprimir..

También necesitarás las siguientes imágenes de stock, texturas, pinceles y fuentes:

  • Vector florece
  • Montaña
  • Bird 1 por doc
  • Pájaro 2
  • Globo
  • Asteroide
  • Astronauta 1
  • Astronauta 2
  • Pinceles cósmicos
  • Pinceles de nubes
  • Texturas de pizarra
  • MDRS-FD01 fuente
  • PlainGermainica fuente
  • Fuente din

Paso 1

Inicie Photoshop y configure el color de fondo en negro. Cree un nuevo documento de retrato A4 (21 cm x 29,7 cm) a 300 ppp en el modo RGB y, a continuación, establezca el Contenido de fondo en Color de fondo.

Ahora presione Comando + Y para habilitar los colores de prueba: esto le permite trabajar en modo RGB, mientras realiza una vista previa en CMYK, esto evitará cualquier cambio inesperado de color cuando el documento finalmente se convierta a CMYK para impresión comercial.



Paso 2

Asegúrese de haber seleccionado Ajustar y ajustar a las guías / Límites de documentos (que se encuentra en Vista). Ahora tire de las guías y encájelas en los cuatro bordes del lienzo. A continuación, vaya a Imagen> Tamaño del lienzo (Opción + Comando + C). Agregue 6 mm a los campos Ancho y Alto, luego seleccione el punto de anclaje central y establezca el color de la extensión del lienzo en Fondo.


Esta es una gran técnica para agregar sangrados y guías rápidamente a cualquier documento; también recorta el trabajo de cálculo de la colocación manual de guías a través del menú Ver.



Paso 3

Cargue los pinceles de espacio, luego cree una nueva capa. Seleccione un color púrpura oscuro (# 642b65) y use la herramienta Pincel (B) para comenzar a pintar el cielo. Agrega otra capa y usa una rosa (# ec4296) para agregar más remolinos galácticos. Recuerda girar y voltear tus pinceles mientras trabajas, para evitar repeticiones..

Usaremos muchas capas a lo largo de este tutorial, así que adquiera el hábito de nombrarlas. Ahora agregue sus capas en una carpeta de grupo y etiquételo "SKY".



Etapa 4

Pinta en capas adicionales usando algunos azules (# 3e5e7e y # 2376a1). Ahora carga los pinceles de nubes y úsalos para aumentar el efecto del cielo..



Paso 5

Agregue un poco de trabajo de pincel más claro usando amarillo (# ffef50) y blanco, nuevamente en capas separadas. Si siente que ha trabajado demasiado en alguna área, siéntase libre de usar la herramienta Borrador (E) según sea necesario.



Paso 6

Abra el editor de degradado y cargue la biblioteca de efectos especiales. Ahora seleccione Russell's Rainbow y edite las paradas de color como se muestra, luego haga clic en el botón Nuevo para guardarlo.


Agrega una nueva capa llamada "Rainbow" dentro de la carpeta. Establezca su nuevo degradado en Radial y pulse la tecla Mayús y arrastre desde el centro de su lienzo. Agregue una máscara de capa, luego configure sus colores de Fondo / Fondo a los valores predeterminados presionando re en tu teclado Ahora presione la tecla Mayús y arrastre un degradado lineal de primer plano a fondo en la máscara para ocultar la mitad inferior del arco iris. A continuación, establezca la capa Modo de fusión en Pantalla y suelte la Opacidad al 45%.



Paso 7

Haga clic en el menú desplegable Crear nueva capa de relleno o ajuste y seleccione un ajuste Curvas en la parte superior de la pila. Haga clic para agregar dos puntos de anclaje, usando la configuración que se muestra: si necesita restablecer la curva, mantenga oprimida la tecla Opción y el botón Cancelar se convertirá en un botón Restablecer.



Paso 8

Abre el archivo "Skater.jpg" de la carpeta "source". Esta imagen fue amablemente donada por Paul Frost, así que respete sus derechos de autor y restricciones de uso. Seleccione la herramienta de recorte (C) y elimine la mitad inferior. Ahora configure la herramienta de la pluma (P) en las rutas y recórtela con cuidado alrededor del patinador (se muestra en magenta). No se preocupe por el cabello, solo córtelo hacia dentro, lo arreglaremos en los próximos pasos.



Paso 9

Configure la herramienta Pluma para restar del área de trazado para trazar la subruta interna (nuevamente se muestra en magenta). Ahora amplíe y afine ambas rutas presionando la tecla Comando para acceder a la Herramienta de selección directa y ajustar los puntos de anclaje / dirección individuales según sea necesario.



Paso 10

Cambia a la paleta de canales y recorre cada canal para determinar cuál tiene el mejor contraste entre el patinador y el fondo. En este caso es el azul. Duplícalo arrastrando su miniatura en el icono Crear nuevo canal.

Luego, presione Comando + L para acceder al cuadro de diálogo Niveles y use la configuración que se muestra a continuación.



Paso 11

Presione Comando y haga clic en la miniatura de su ruta para generar una selección, luego con su canal duplicado dirigido y el blanco configurado como color de primer plano, presione Eliminar para completar la selección con negro. Ahora presione Mayús + Comando + I para invertir la selección y use un pincel blanco grande y de bordes duros para pintar todo el fondo, dejando el cabello del patinador intacto.



Paso 12

Diríjase al canal compuesto RGB superior y deshabilite la visibilidad del canal duplicado. Ahora cambie a la paleta de capas y suelte una nueva capa.

A continuación, vamos a arreglar la cola faltante del monopatín. Extiende tu lienzo hacia la izquierda con la herramienta Recortar. Luego dibuja un camino cerrado donde debería estar la cola. Realice una selección basada en la ruta, luego use la Herramienta de sello de clonación (S) configurada en Actual y abajo para agregar el área que falta. Siempre es una buena práctica realizar cualquier retoque en una nueva capa, en caso de que las cosas salgan mal..



Paso 13

Una vez que haya terminado, pulse Comando y haga clic en la miniatura de la capa de retoque para generar una selección, luego seleccione el canal duplicado y complete la selección activa con negro. Ahora tenemos una máscara limpia del patinador..


Genere una selección del canal, inviértalo, dirija el canal compuesto y vuelva a la paleta de capas. Con la selección aún activa, aplanar la imagen y Copiar en el portapapeles.



Paso 14

Agregue una nueva carpeta a su documento de trabajo y etiquételo como "SKATER". Pegue la selección dentro de la carpeta y presione Comando + T para transformar. Duplique la capa, luego vaya a Filtro> Convertir para filtros inteligentes. Ahora vaya a Filtro> Otro> Paso alto y arrastre el control deslizante de Radio a 60.0 px. Finalmente, configura la capa "Copia del patinador" en Luz dura.



Paso 15

A continuación, suelte un ajuste de Niveles sobre la capa "Copia del Patinador" usando la configuración que se muestra.



Paso 16

Establezca los colores de fondo / primer plano en # ec4296 / # ffef50. Ahora agregue una capa de ajuste de mapa de degradado seleccionando el ajuste preestablecido de primer plano / fondo. Ahora elimine la intensidad configurando el modo de fusión de la capa de ajuste en Color.



Paso 17

Ahora necesitamos recortar estos ajustes a la capa original "Skater". Para hacer esto, mantenga presionada la Opción mientras mueve el cursor entre las miniaturas de capa "Mapa de degradado" y "Niveles". Cuando el cursor cambie a un icono de doble círculo, haga clic para recortar la capa superior hacia abajo. Repita para las capas restantes como se indica.

Guarda, luego aplana el archivo y pulsa Mayús + Comando + S para guardar como TIFF.



Paso 18

Inicie Illustrator y cree un nuevo documento de retrato A3 CMYK. Con sus Reglas visibles (Comando + R), haga zoom en la esquina superior izquierda y arrastre el punto de origen de las reglas hasta el borde superior izquierdo de la mesa de trabajo. A continuación, establezca el relleno y el trazo de la barra de herramientas en ninguno, luego seleccione la herramienta Rectángulo (M) y haga clic en cualquier lugar de la mesa de trabajo. En la siguiente ventana ingrese un ancho de 216 mm y una altura de 303 mm. Para facilitar las cosas, puede alternar el Modo de esquema presionando Comando + Y.

Agregue otro rectángulo con un ancho de 210 mm y una altura de 297 mm. Seleccione ambos rectángulos y haga clic en los iconos del centro Alinear Horizontal y Vertical. Ahora, con los dos objetos aún seleccionados, use el Localizador de punto de referencia para colocarlos en el centro muerto de la mesa de trabajo (X: 148.5mm e Y: -210mm).



Paso 19

Presione Opción + Comando + Punto y coma para desbloquear sus guías y jalar una guía vertical. Con la guía seleccionada, use nuevamente el Localizador de puntos de referencia para posicionarlo centralmente (X: 148.5mm). Ahora usa el mismo comando de teclado para bloquear las guías.



Paso 20

Seleccione el rectángulo exterior y presione Comando + 5 para convertir en una guía, luego seleccione el interno y vaya a Objeto> Área de recorte> Crear. Ahora tiene guías de sangrado / centrales precisas y marcas de corte.

A continuación, elija Archivo> Colocar, marque la opción Enlace y navegue hasta el TIFF que guardó en el Paso 17. Habilite las Guías inteligentes (Comando + U) para colocarlas en el cuadro de la guía exterior, luego verifique sus coordenadas con el Localizador de puntos de referencia.



Paso 21

Etiqueta la capa por defecto "Base de arte" y bloquéala. Agregue otra capa llamada "Gráficos" y haga clic en el lienzo con la Herramienta de Tipo (T) para agregar el texto "grande" usando la MDRS-FDO1 fuente. Alinéate centralmente presionando Comando + Mayús + C, luego establece el tamaño de punto en 165 y el seguimiento en 147.

Ahora agarra la Herramienta de selección (V) y la Opción + Mayús y arrastra hacia abajo para duplicar, luego cambia la redacción a "aire".



Paso 22

Seleccione ambas líneas de texto, luego presione Mayús + Comando + O para crear contornos. Ahora tome la Herramienta de selección directa (A) y elimine ambos puntos de las dos letras "i". A continuación, presione la tecla Mayús y arrastre el ascendente de la "b" hacia arriba y la pata de la "r" hacia abajo como se muestra.



Paso 23

Abra la paleta de Pathfinder y use el menú desplegable para seleccionar Crear forma compuesta, luego presione el botón Expandir. A continuación, vaya a Filtro> Estilizar> Esquinas redondas e ingrese 4 mm en la siguiente ventana.



Paso 24

Copia sobre algunas formas florecientes de la iStock vector florece. Alternativamente, siéntase libre de hacer sus propias formas ornamentales.



Paso 25

Rellene el adorno más pequeño (que se muestra abajo a la derecha en el paso anterior) con blanco y use una combinación de las tijeras (C) y las herramientas del cuchillo para cortar y eliminar puntos. Ahora cambie el tamaño, gire / gire, copie y coloque alrededor de las formas de letras como se muestra.



Paso 26

Use la herramienta Selección directa para colocar cualquier punto en su posición, siguiendo los contornos de las letras. Cuando estés contento, selecciona Todos y crea forma / expansión compuesta nuevamente. Luego, vaya a Objeto> Ruta> Ruta de compensación e ingrese 2 mm en la siguiente ventana. Ahora dale a la forma de desplazamiento un trazo de 2 puntos y un relleno de ninguno.



Paso 27

Rellene los adornos restantes con blanco y colóquelos alrededor del camino exterior como se muestra..



Paso 28

Use la misma técnica que se detalla en el Paso 25 para cortar áreas no deseadas. También puede ordenar los puntos finales haciendo clic con la tecla Mayús presionándolos con la Herramienta de selección directa, y luego yendo a Objeto> Ruta> Promedio, o presionando Mayús + Comando + J.



Paso 29

Continúa duplicando, voltea y rota los adornos para decorar tus letras hasta que estés feliz.



Paso 30

Seleccione Todo, luego haga doble clic en la herramienta de escala (S) e ingrese 80% en la siguiente ventana. Con todas las rutas aún seleccionadas, vaya a Ruta compensada nuevamente, pero esta vez ingrese un valor de 5 mm.


Dale a la nueva forma un relleno de C = 75, M = 68, Y = 67 y K = 90. Eventualmente pegaremos esta obra de arte en Photoshop, por lo que este desglose de color es el equivalente de Photoshop del negro..


Aplique la función Crear ruta compuesta / Expandir buscador de ruta a la nueva forma. Ahora presione la tecla Comando + Mayús + Bracket Izquierda para enviar a la parte posterior, luego Seleccionar todo y Copiar en el portapapeles.



Paso 31

Vuelva a abrir su archivo en capas de Photoshop y agregue una nueva carpeta debajo de "SKATER" y etiquételo como "VECTOR SHAPES". Ahora pegue el encabezado de Illustrator como un objeto inteligente dentro de la nueva carpeta aceptando la solicitud de colocación. A continuación, transforme -30 grados y vuelva a aceptar el indicador de lugar..



Paso 32

Cree un nuevo documento de CMYK Illustrator, luego agregue un rectángulo de 40 mm por 100 mm y rellénelo con C = 5% y M = 80% como se muestra.


Luego, vaya a Objeto> Transformar> Transformar cada (Opción + Mayús + Comando + D) e ingrese 40 mm en el campo Movimiento horizontal, luego presione el botón Copiar.


Rellene la segunda forma con M = 45% e Y = 100%. Ahora presione Comando + D para repetir la transformación y completar la tercera forma con Y = 100%.



Paso 33

Seleccione la herramienta Polígono (que se encuentra dentro del menú desplegable de la herramienta Rectángulo) y haga clic en la mesa de trabajo. En la siguiente ventana ingrese un Radio de 120 mm y 3 en los campos Laterales, luego gire la forma 180 grados.


Ahora use la herramienta Selección directa para arrastrar con la tecla Mayús y arrastrar el punto inferior justo por encima de la base de los bloques.


Seleccione Todo, luego vaya a Objeto> Distorsión de sobre> Crear con objeto superior (Shift + Comando + C), luego Copie toda la forma al portapapeles.



Paso 34

Vuelva a su archivo PSD y péguelo como un objeto inteligente, debajo del texto principal dentro de la carpeta "VECTOR SHAPES". Desactive temporalmente la visibilidad de la carpeta "SKATER" y Transforme la forma para que se irradie desde el centro. Duplique la capa y vaya a Edición> Transformar> Volteo horizontal, luego colóquela en el lado opuesto del lienzo como se muestra.



Paso 35

Ahora agregue algunos círculos vectoriales dentro de la carpeta "VECTOR SHAPES" usando la herramienta Elipse (que se encuentra dentro del menú desplegable de Custom Shape Tool) y rellénelos con negro. Agregue otras formas, pero use # ec4296 y # ffef50. A continuación, cambie a Illustrator y desagrupe la forma de la nube (desde la iStock vector florece), luego rellene con blanco y Pegar como un objeto inteligente. Duplique, gire horizontalmente, luego apile las capas de forma como se muestra.



Paso 36

Abra "Moon.jpg" desde la carpeta "fuente" y presione la tecla Mayús y arrastre una selección utilizando la herramienta Elíptica (Marquee Tool) (M). No se preocupe si no selecciona con precisión la luna la primera vez: use Seleccionar> Modificar> Expandir o Contratar según corresponda, así como las teclas de flecha de su teclado para colocar la selección en su lugar y Copiar.


Agregue una nueva carpeta con la etiqueta "OBJETOS 1" encima de la carpeta "SKY" y pegue la selección en ella. Coloque la parte superior izquierda, desangrando el lienzo y Transforme como se muestra. Ahora cambia el modo de fusión a Color Dodge.



Paso 37

Abre el montaña Imagen y vaya a Filtro> Extraer (Opción + Comando + X). Use un pincel pequeño, recuerde usar la opción de Resaltado inteligente en áreas bien definidas para aislarlas del cielo.



Paso 38

Cuando hayas terminado, arrástralo a tu archivo de trabajo como una nueva capa sobre la "Luna" y nómbrela "Montañas". Transforme y posicione como se muestra - también puede eliminar temporalmente la Opacidad de la carpeta "VECTOR SHAPES" para facilitar el posicionamiento.


Genere una selección desde la capa "Montañas", luego diríjase a la capa del vector del arco iris izquierdo. A continuación, vaya a Capa> Máscara de capa> Ocultar selección.


Agregue una máscara a la capa "Montañas", luego presione la tecla Mayús y arrastre un degradado lineal negro a blanco desde la parte inferior del lienzo. Ahora mantenga presionada la tecla Opción mientras selecciona una capa de ajuste de Niveles. En la siguiente ventana, active Usar capa anterior para crear máscara de recorte e ingrese la configuración que se muestra.



Paso 39

Abra el "Telescope.jpg" de la carpeta "fuente" y aísle usando la herramienta Pluma (que se muestra en magenta), sin olvidar las subrutas internas. No tiene que preocuparse por ser 100% preciso aquí, ya que reducirá la imagen en el siguiente paso..



Paso 40

Cuando haya terminado, genere una selección basada en ruta y Copiar> Pegar en la parte superior de la pila dentro de la carpeta "OBJETOS 1" y asígnele el nombre de "Astrónomo". Transforme y coloque la parte inferior izquierda, luego recorte un ajuste de Niveles como se muestra.



Paso 41

Cortar el Asteroide Imagen con la herramienta Pluma: use su criterio en las áreas de sombra, luego Copie en el portapapeles.


Pegue la selección como una nueva capa en la parte superior dentro de la carpeta "OBJETOS 1" y llámela "Rock". Transforma y posiciona a la derecha de la rodilla del patinador, luego recorta un ajuste de Niveles como se muestra.



Paso 42

Abra el archivo "UFO.psd" de la carpeta "source" y arrástrelo como una nueva capa en la parte superior dentro de la carpeta "OBJECTS 1" y asígnele el nombre de "Flying saucer". Transforme y coloque sobre la luna, luego recorte un ajuste de Niveles como se muestra.



Paso 43

Abre el primero Pájaro, A continuación, añadir una nueva capa para realizar algunos retoques. Coge la herramienta Clon Stamp y configúrala en Actual y Abajo. Ahora use un cepillo pequeño de bordes suaves para deshacerse del objeto en la boca del ave.


Cuando haya terminado, aplanar, luego vaya a Seleccionar> Gama de colores y establezca el control deslizante Fuzziness en alrededor de 96.


A continuación, vaya a Seleccionar> Refinar borde (Opción + Comando + R) y use la configuración que se muestra.



Paso 44

Agregue una nueva carpeta con la etiqueta "OBJETOS 2" sobre la carpeta "SKATER", coloque el ave como una nueva capa y llámela "Bird 1". Recorte un ajuste de niveles como se muestra, luego use la herramienta de grabación (O), configurada en tonos medios para oscurecer el ala como se indica.


Duplica el ave y su capa de ajuste, luego voltea / Transforma el ave sobre la espinilla del patinador.



Paso 45

Abre el segundo Pájaro y utilizar las mismas técnicas para aislarlo. Agréguelo como una nueva capa en la parte superior de la pila dentro de la carpeta "OBJETOS 2" y etiquételo como "Pájaro 3". Ahora recorte un ajuste de niveles como se muestra.



Paso 46

Aislar el Globo al utilizar la técnica con la que te sientas más cómodo y colocarla en la parte superior dentro de la carpeta "OBJETOS 2" y etiquetarla como "Globo". Transformar / posicionar arriba a la derecha, luego cortar un ajuste de Niveles como se muestra.



Paso 47

Abre el primero Astronauta y traza un camino exterior usando la herramienta Pluma (que se muestra en magenta) y omite la correa en la mano izquierda.


Ahora configure su Lápiz para restar del área de la ruta para crear la ruta secundaria interna (nuevamente en magenta). Cuando hayas terminado, genera una selección basada en ruta y Copia.



Paso 48

Pegue como una nueva capa en la carpeta "OBJETOS 2", etiquételo como "Astronauta 1" y transforme / posición como se muestra.

Ahora configure los colores de Fondo / Fondo en # ec4296 / # ffef50 y recorte un ajuste del Mapa de degradado en la nueva capa usando el ajuste preestablecido de Fondo / Fondo. Suavice el efecto configurando el Modo de fusión de la capa de ajuste en Color y reduciendo su Opacidad al 50%.



Paso 49

Cortar el segundo Astronauta y Transformar / posicionar como se muestra, luego rotular en consecuencia. Ahora recorte el mismo ajuste de Gradient Map que el paso anterior.



Paso 50

Vamos a desensamblar la ilustración con algunas texturas grungy; Primero agregue una nueva carpeta en la parte superior de la pila de capas y etiquételo como "GRUNGE". Ahora abierto IMG_4680.JPG desde el Texturas de pizarra y vaya a Imagen> Rotar lienzo> 90 grados CCW. A continuación, pulsa Comando + I para invertir..


Arrastre / suelte la textura en la nueva carpeta y llámela "Distress 1". A continuación, transforme para cubrir el lienzo y establezca el Modo de fusión en Luz suave y la Opacidad en 51%.



Paso 51

Abra "IMG_4702.JPG" desde la misma carpeta de texturas y gire 90 grados CCW nuevamente. Agregue esto como una nueva capa dentro de la misma carpeta, cambie su tamaño y etiquételo como "Distress 2". Ahora cambie su Modo de fusión a Luz suave y suelte la Opacidad al 85%.



Paso 52

Abra el archivo "Torn_paper.jpg" de la carpeta "fuente" y seleccione Todo> Copiar. En su archivo de trabajo, cambie a la paleta de canales y agregue un nuevo canal haciendo clic en el ícono Crear nuevo canal. Ahora pega la selección en el nuevo canal..


Presione Comando y haga clic en el nuevo canal para generar una selección de las áreas blancas, luego diríjase al canal compuesto RGB superior y vuelva a la paleta de capas. Agregue una nueva capa superior en la carpeta "GRUNGE" y complete la selección activa con # 9b9f91. Ahora establezca el modo de fusión en pantalla, la opacidad al 56% y nómbrela "Distress 3".



Paso 53

Agregue una máscara a la carpeta "GRUNGE" y use un pincel negro de bordes suaves para ocultar las áreas intrusivas.



Paso 54

A continuación, vamos a agregar algunas áreas mono selectivas a la composición. Primero, deshabilite la visibilidad de todas las carpetas aparte del "SKY". A continuación, suelte una capa vacía en la parte superior dentro de la carpeta "SKY" y vaya a Imagen> Aplicar imagen. En la siguiente ventana, seleccione Azul en el menú desplegable Canal y asegúrese de que la Mezcla esté configurada en Normal. Ahora verá que la capa vacía se rellena con toda la información visible del canal azul..



Paso 55

Habilita tus guías y tira de una guía horizontal hacia donde se encuentran las formas del arco iris. Utilice la herramienta Pluma para dibujar una serie de trazados cerrados que irradian desde el centro hasta el borde del lienzo, como he indicado en blanco.



Paso 56

Genere una selección basada en la ruta, apunte a la capa "Fusionada" y vaya a Capa> Máscara de capa> Revelar selección.