Cómo crear un cartel de imagen dividida en Adobe Photoshop

Lo que vas a crear

Aprende a crear un increíble póster de música con imágenes divididas. En este tutorial, usaremos una combinación de herramientas básicas de Photoshop que nos permitirán lograr un póster visualmente sólido..

Que necesitarás

Necesitará acceso a Adobe Photoshop; si no tiene el software, puede descargar una versión de prueba del sitio web de Adobe. También necesitarás los siguientes recursos:

  • Mujer con estilo de Envato Elements
  • Tipo de letra Prospekt de Envato Elements

Descargue las imágenes e instale la fuente, y ya está listo para comenzar!

¿Buscas increíbles complementos de Photoshop? Dirígete a GraphicRiver.

1. Configuración de un nuevo archivo de Photoshop

Paso 1

En Photoshop, vaya a Archivo> Nuevo. Nombra el documento Cartel de euforia. Selecciona el Anchura a 1270 px y Altura a 1600 px. Selecciona el Resolución a 72 Píxeles / Pulgada. Hacer clic DE ACUERDO.

Paso 2

prensa Comando-R para que aparezcan las reglas en torno al documento. Dirigirse a Ver> Nueva Guía. En el Nueva guia opción de ventana, seleccione Horizontal y establece la guía para 50 px. Hacer clic DE ACUERDO.

Haz lo mismo para los otros lados del documento restando 50 px De la talla final. Además, crea un Vertical guía en 635 px y un Horizontal guía en 900 px. Para activar y desactivar las guías, pulse Mando-;.

Paso 3

Sobre el Capas panel, haga clic en el Crear una nueva capa de relleno o ajuste> Degradado. En el Relleno degradado ventana de opciones, haga doble clic en el Gradiente ventana para configurar los colores.

Sobre el Editor de gradiente En la opción de ventana, establezca la parada de color izquierda debajo de la barra en # dc4545 y el derecho a # 6a50c6. Hacer clic DE ACUERDO.

Las paradas de color sobre la barra son para configurar el Opacidad, y las paradas de color debajo de la barra son para establecer los colores..

Etapa 4

En la barra de herramientas, seleccione la Herramienta Elipse (U). Activar las guías utilizando Mando-;. Cree una elipse utilizando las dos guías de intersección como su centro. Sujetar Opción de turno y arrastre para crear una elipse que se expanda desde su propio centro.

Elija cualquier tamaño que desee, siempre que se ajuste a los márgenes verticales.

Paso 5

Sobre el Capas panel, haga doble clic en el Forma 1 miniatura de la capa. Establece el color en # ed145b. Hacer clic DE ACUERDO.

Haga clic derecho en el Elipse capa y seleccione Opciones de mezcla. En el Estilo de capa ventana de opciones, activar la Sombra paralela opción. Haga clic en la opción para cambiar la configuración.  

Selecciona el Opacidad a 35%, la Distancia a 5 px, y el tamaño a 35 px. Hacer clic DE ACUERDO.

2. Cómo crear un fondo con líneas verticales

Paso 1

Abre el Mujer elegante imagen en Photoshop como un documento separado. En la barra de herramientas, seleccione la Herramienta de cultivo (C). Sujetar Cambio a medida que arrastra el mouse para recortar un cuadrado uniforme de la imagen. Recorta la imagen justo por encima de los hombros, como se muestra a continuación. prensa Entrar para proceder.  

Paso 2

Sobre el Capas panel, haga clic derecho en el Fondo capa y seleccione Duplicar capa. En el Duplicar capa ventana de opciones, cambie el nombre a Mujer elegante. Elegir la Documento Euforia Poster.psd. Hacer clic DE ACUERDO.

Tenga en cuenta que hemos hecho esto para tener un tamaño de imagen manejable.

Paso 3

Vamos a trabajar en el Euforia Poster.pdf expediente. Selecciona el Mujer elegante Duplique la capa y duplíquela, esta vez en el mismo documento, presionando Comando-J.

Oculte la copia y trabajemos en la capa original como se muestra en la siguiente imagen:

Etapa 4

Dirigirse a Filtro> Pixelado> Color Medio Tono. Selecciona el Max. Radio a 8 píxeles. Usar cualquier Ángulo de pantalla la licenciatura. Esto dará resultados diferentes para todos; Estoy usando el Photoshop defecto. Hacer clic DE ACUERDO.

Dirigirse a Imagen> Ajustes> Blanco y Negro. En el En blanco y negro ventana de opciones, haga clic en DE ACUERDO.

Paso 5

Dirigirse a Filtro> Desenfoque> Desenfoque de movimiento. En el Desenfoque de movimiento ventana de opciones, establezca la Ángulo a 90 grados y el Distancia a 430 píxeles. Hacer clic DE ACUERDO.

Sobre el Capas panel, establece la capa a Multiplicar y el Opacidad a 70%.  

3. Cómo crear una imagen dividida

Paso 1

Sobre el Capas panel, activar el Copia de mujer con estilo capa. Haga clic en el Añadir máscara de capa botón. Asegúrese de que está seleccionando la Máscara de capa miniatura.

Paso 2

En la barra de herramientas, seleccione la Herramienta de selección rápida (W). Usaremos esta herramienta en lugar de la Herramienta de varita mágica (W). La razón es que el fondo no es sólido, es de color, pero también contiene textura. Seleccione el fondo de la misma manera que usaría un Herramienta de pincel (B).

prensa Comando-I a Invertir el fondo. prensa Comando-D a Deseleccionar.

Paso 3

Sobre el Capas panel, haga clic derecho en el Máscara de capa miniatura. Seleccionar Refinar máscara. Esto es perfecto para entrar en los detalles más finos de una imagen. En el Refinar máscara ventana de opciones, activar la Radio inteligente opción y configurar el Radio a 4 px. Selecciona el Pluma a 0.5 px y el Shift Edge a -50%. Hacer clic DE ACUERDO.

Tenga en cuenta que es posible que deba modificar estos valores ligeramente dependiendo de la selección que haya realizado con el Herramienta de selección rápida (W).

Etapa 4

Vamos a cambiar el tamaño de la imagen. prensa Comando-T a Transformar. Dirígete a la Opciones bar y activar el Mantener la relación de aspecto botón. Selecciona el Anchura y Altura a 85%. prensa Entrar para proceder.

Paso 5

Notará que el resto del fondo es visible. Esta es una solución rápida. Selecciona el Herramienta de pincel (B) y el Mujer elegante Máscara de capa. Cualquier tamaño de pincel manejable funcionará. Establezca el Color de primer plano en negro y pincele sobre las secciones expuestas.

Paso 6

Sobre el Capas panel, localizar Forma 1 o la Elipse capa que hemos creado. Sostener Mando y seleccione el Máscara de capa vectorial. Esto dará lugar a la selección de la Elipse, que utilizaremos para dar forma a parte de la Mujer elegante capa. prensa Shift-Command-I a Invertir la selección.

Selecciona el Mujer elegante miniatura de máscara de capa. Utilizando la Herramienta de pincel (B), Cepille la parte inferior de la imagen. Esto hará que parezca como si el Mujer elegante Está saltando fuera del círculo. prensa Comando-D a Deseleccionar.

Recuerda que estamos usando Mascarillas de capa para estas capas. Esto lo hará más fácil si necesitamos editar la imagen de nuevo..

Paso 7

prensa Comando-J a Duplicar la Mujer elegante capa. Estaremos trabajando en esta capa por ahora..

Selecciona el Herramienta de lazo (L) desde la barra de herramientas. Usando esta herramienta, crearemos una apariencia dividida. Crear una forma de onda a través de la Mujer con estilo cara. Tomará algunos intentos hasta que esté satisfecho con el estilo de onda que produce. Utilizar Comando-DDeseleccionar y empezar de nuevo.

prensa Shift-Command-I a Invertir la selección. Mientras que en la misma capa, seleccione la Máscara de capa. Utilizando la Herramienta de pincel (B), oculta la parte inferior de la imagen, dejando solo intacta la selección ondulada. Puedes usar la miniatura como guía. A continuación, he ocultado todas las otras capas para que pueda ver este paso con mayor claridad..

Paso 8

prensa Shift-Command-I a Invertir la selección. Esta vez, dirígete a la Mujer elegante capa debajo Selecciona el Máscara de capa. Para esta capa, vamos a ocultar la parte opuesta de la onda. Utilizar el Herramienta de pincel (B) y el Máscara de capa miniatura como una guía. A continuación, he ocultado todas las otras capas para que pueda ver este paso con mayor claridad. prensa Comando-D a Deseleccionar.

Paso 9

Selecciona el mujer con estilo superior capa. Utilizando la Mover herramienta (V), mueve la capa ligeramente hacia la parte superior izquierda.

Botón derecho del ratón en la capa y seleccione Opciones de mezcla. Activar el Sombra paralela Efecto y seleccione para cambiar la configuración. Selecciona el Opacidad a 40%, la Distancia a 10 px, y el tamaño a 25 px. Hacer clic DE ACUERDO.

Botón derecho del ratón en la capa y seleccione Copiar estilo de capa. Selecciona el Mujer elegante capa debajo, y Clic derecho> Pegar estilo de capa.

Paso 10

Crea una nueva capa presionando Shift-Command-N. Nombra la capa División. Hacer clic DE ACUERDO. Coloque la capa debajo de los dos Mujer elegante capaspreviamente trabajamos en Esta capa le dará al efecto de división una sensación de profundidad..

Selecciona el Herramienta de pincel (B), y botón derecho del ratón para cambiar la configuración. Selecciona el tamaño a algo con lo que te sientas cómodo; Lo estoy configurando para 70 px. Selecciona el Dureza a 100%. Establecer el color de primer plano a # 6d4ad9. Comience por cepillar entre la división que creamos en el paso anterior. Asegúrate de no cepillar fuera de la división.

Para lograr una mayor sensación de profundidad, establezca el color de primer plano en # 200b62. Selecciona el Herramienta de cepillo (B) Dureza a 0%. Dirígete a la Opciones bar y configurar el Opacidad a 25%. Queremos crear algún tipo de sombra. Cepille ligeramente debajo de la parte superior de la división.

Paso 11

Para crear un contraste entre las dos secciones divididas, crearemos un Capa de ajuste. Dirígete a la Capas panel, y seleccione Crear una nueva capa de relleno o ajuste> Blanco y negro.

Coloca esta nueva capa entre las dos. Mujer elegante capas en las que trabajamos por última vez. También necesitamos crear un Máscara de recorte. Esto es para que este nuevo ajuste de capa se aplique solo a la capa debajo. Botón derecho del ratón en la nueva capa y seleccione Crear máscara de recorte.

4. Cómo usar la herramienta de texto

Paso 1

Sobre el Herramientas panel, seleccione el Herramienta de texto (T). Utilicé texto blanco para contrastar con el fondo. El tipo de letra que utilicé es Prospekt Regular.

Traer el Tipo panel yendo a Tipo> Paneles> Panel de personajes. A continuación se muestran los detalles que agregué con el tamaño de letra y el peso de fuente específico en capas separadas.

EUFORIA
FESTIVAL DE MUSICA TECHNO
(Prospekt, Regular, Tamaño: 205 pt y 62 pt, Seguimiento: 400 pt y 300 pt, Líder: 62 pt)

+
MONTERREY
CIUDAD DE MEXICO
Guadalajara
(Prospekt, Regular, Tamaño: 40 pt, Seguimiento: 0, inicial: 35)

02/09
20/09
27/09
(Prospekt, Regular, Tamaño: 40 pt, Seguimiento: 0, inicial: 35)

20:00 HORAS
ESTADIO LOS OLIVOS
EUFORIA2018.COM
(Prospekt, Regular, Tamaño: 40 pt, Seguimiento: 0, inicial: 35)

He colocado el título en la parte superior del póster y la información extendida en la parte inferior. Esto es para crear un cartel bien redondeado y equilibrado. Usa las guías que creamos al principio de este tutorial.. Activar presionando Mando-;.

Para alinear una capa con el centro de un documento, seleccione cualquier capa de texto y la primera capa de fondo del documento. En nuestro caso, sería el capa de fechas. Tener el Mover herramienta (V) seleccionado de la barra de herramientas. Dirígete a la Opciones bar, y el Alinear aparecerán los botones. En este caso, seleccione el Alinear centros horizontales botón.

Paso 2

Para agregar dimensión al texto, podemos agregar una Sombra paralela. Botón derecho del ratón en una de las capas de texto y seleccione Opciones de mezcla. Crearemos una sombra para una capa y luego copiaremos la Estilo de capa a las otras capas de texto.

Selecciona el Sombra paralela estilo. Selecciona el Modo de fusión a Multiplicar, la Opacidad a 40%, la Ángulo a 120, la Distancia a 10 px, y el tamaño a 25 px. Hacer clic DE ACUERDO.

Para copiar el Estilo de capa, clic derecho en la capa de texto y seleccione Copiar estilo de capa. Dirígete a otra capa de texto, y Clic derecho> Pegar estilo de capa.

5. Cómo guardar un archivo para la web

Dirigirse a Archivo> Guardar y guarda el archivo como lo harías normalmente.

Para guardar un JPEG para web archivo, dirígete a Archivo> Guardar para Web o Shift-Option-Command-S. Seleccione el tipo de archivo en el que desea guardar el documento. JPEG-y establecer 100 para Calidad. Debajo Tamaño de la imagen, puede cambiar el tamaño de píxel de la imagen si tiene restricciones de tamaño.

En la parte inferior izquierda, puede ver una vista previa del tamaño del archivo. Esto es útil cuando hay restricciones de tamaño en un sitio web y necesita disminuir la calidad o el tamaño de la imagen.

Haga clic en Salvar… para elegir la ubicación en la nueva ventana, y haga clic en Salvar otra vez.

¡Felicidades! Has terminado este tutorial!

En este tutorial, hemos aprendido a usar un efecto de división para crear un póster de techno con herramientas básicas de Photoshop. Hoy, hemos aprendido a:

  • Utilice los efectos Pixelate y Blur para crear un nuevo estilo de fondo.
  • Utilice la herramienta Selección rápida para cerrar imágenes de recorte.
  • Utilice la máscara Refine para perfeccionar los bordes en imágenes de recorte cercanas.
  • Aplicar capas de ajuste y máscaras de recorte para editar imágenes.
  • Utiliza la herramienta Lazo para crear una imagen dividida..

Si te gustó este tutorial, te pueden gustar estos: