1. envato-tuts+
  2. Home
  3. Design & Illustration
  4. Graphic Templates
  5. Poster

Cómo Elaborar un Poster con el Estilo de Roy Lichtenstein Utilizando la Técnica de Semitono en Adobe Photoshop

Scroll to top
Laura Keung
• 7 min read
Español
Graphic Templates Poster Add-Ons Overlays & Textures Adobe Photoshop

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Para este tutorial diseñaremos un poster basado en tipografía usando el filtro Semitono de Color para lograr una apariencia del estilo artístico de Roy Lichtenstein.

Inspírate y consulta las plantillas para diseño de posters y volantes en GraphicRiver.

Lo Que Necesitarás para Crear Tu Poster

También necesitarás descargar e instalar el siguiente archivo de fuente e imagen:

¡Instala la fuente en tu sistema y estás listo para comenzar!

1. Cómo Crear un Nuevo Documento y Establecer las Reglas en Photoshop

Paso 1

En Photoshop, ve a Archivo > Nuevo. Nombra el documento Girl Power. Establece la Anchura en 1275 px y la Altura en 1650 px. Cambiaré las medidas de Anchura y Altura a Pulgadas. Establece la Resolución en 72 Pixeles/Pulgada. Para comenzar, estableceremos el Modo de Color en Escala de Grises y lo cambiaremos más adelante. Haz clic en OK. Después, necesitaremos cambiar el modo a Duotono, y la única manera de hacer esto es comenzando con un archivo en modo Escala de Grises.

Create a new file in Photoshop Make sure the color mode is set to GrayscaleCreate a new file in Photoshop Make sure the color mode is set to GrayscaleCreate a new file in Photoshop Make sure the color mode is set to Grayscale

Paso 2

Presiona Comando-R para activar las reglas en el documento. Como lo mencioné en el paso previo, estoy usando pulgadas para este proyecto. Si deseas cambiar a otras unidades, ve a Photoshop > Preferencias > Unidades y Reglas. Una ventana de Preferencias surgirá, y podrás cambiar al sistema deseado.

Set up rulers If desired change the units through the Preferences menuSet up rulers If desired change the units through the Preferences menuSet up rulers If desired change the units through the Preferences menu

Paso 3

Haz clic en las Reglas y arrastra en la página para crear una guía. Manten presionada la tecla Mayúsculas para arrastrar a un número par. En este caso, vamos a crear un margen de 1 pulgada en los cuatro costados del documento. Oculta o muestra las guías presionando Comando-;.

Set margin guides to 1 inch all around the pageSet margin guides to 1 inch all around the pageSet margin guides to 1 inch all around the page

2. Cómo Usar el Filtro Semitono de Color

Paso 1

Para poder crear una efecto de trama o semitono, necesitamos comenzar con un archivo en escala de grises y convertirlo en Monotono. Un efecto de semitono únicamente funciona en degradados si estás usando CMYK o RGB. Estamos buscando un modelo o patrón uniforme, y esto solo se logra convirtiendo el modo de nuestro archivo de Escala de Grises a Monotono. Dirígete a Imagen > Modo > Duotono.

Change the document mode to Duotone in order to create an even halftone patternChange the document mode to Duotone in order to create an even halftone patternChange the document mode to Duotone in order to create an even halftone pattern

Paso 2

La ventana de Opciones de Duotono surgirá. En Tipo, selecciona Monotono. Para Tinta 1, haz clic en el segundo cuadrado y usa el color negro o el código #000000. Haz clic en OK.

Choose Monotone under the Type option and use a black color under ink 1Choose Monotone under the Type option and use a black color under ink 1Choose Monotone under the Type option and use a black color under ink 1

Paso 3

Usando la Herramienta Bote de Pintura (G), colorea la página con el siguiente código de color: #a2a2a2.

Color the page with a light grayColor the page with a light grayColor the page with a light gray

Paso 4

Dirígete a Filtro > Pixelizar > Semitono de Color.

Apply the Color Halftone filterApply the Color Halftone filterApply the Color Halftone filter

Paso 5

La ventana de Semitono de Color aparecerá. Usa los ajustes de la imagen de abajo y haz clic en OK.

On the Color Halftone settings use 5 pixels for the radius For each channel use 45 degrees anglesOn the Color Halftone settings use 5 pixels for the radius For each channel use 45 degrees anglesOn the Color Halftone settings use 5 pixels for the radius For each channel use 45 degrees angles

Paso 6

Queremos crear un aspecto más denso y tener los puntos de color blanco. En el panel Capas, duplica la capa Fondo presionando Comando-J. Invertamos el modelo o patrón presionando Comando-I. La capa debería cambiar de izquierda a derecha como se observa en la imagen de abajo.

Invert the pattern we created by pressing Command-IInvert the pattern we created by pressing Command-IInvert the pattern we created by pressing Command-I

Paso 7

Para poder trabajar en color, tenemos que cambiar el modo otra vez a RGB. Ve a Imagen > Modo > Color RGB.

Change the file mode to RGB to work with colorsChange the file mode to RGB to work with colorsChange the file mode to RGB to work with colors

Paso 8

Crea una nueva capa presionando las teclas Mayúscula-Comando-N, y nómbrala Blue background. Usando la Herramienta Bote de Pintura (G), selecciona un color de frente azul (#0000ff), y pinta sobre la nueva capa.

Create a new layer and color the page with an electric blue or any desired colorCreate a new layer and color the page with an electric blue or any desired colorCreate a new layer and color the page with an electric blue or any desired color

Paso 9

Para poder ver la textura de semitono que creamos en la Capa 1, necesitamos establecer el Modo de Fusión de la capa blue blackground en Trama en el panel Capas.

Set the new blue colored layer to the Screen blending modeSet the new blue colored layer to the Screen blending modeSet the new blue colored layer to the Screen blending mode

Paso 10

Podemos alterar el tamaño de la Capa 1 para crear una textura más prominente. Estoy redimensionando la mía presionando Comando-T. Dirígete a la barra de Opciones y verifica que el botón Mantener proporción esté activado. Establece la Anchura y la Altura en 130%.

Alter the size of the pattern to create bigger or smaller dotsAlter the size of the pattern to create bigger or smaller dotsAlter the size of the pattern to create bigger or smaller dots

3. Cómo Agregar y Ajustar Texto

Paso 1

Establece el color de frente en negro en el panel Herramientas. Presiona T para activar la Herramienta Texto y escribe Girl Power en tres líneas como se observa en la imagen de abajo. Queremos que el texto cubra el poster horizontalmente. Utilicé capas separadas para cada palabra y activé alinear texto a la derecha en la barra de Opciones para la palabra Power. Para editar el estilo, abre el panel Carácter al ir a Texto > Paneles > Panel Carácter. Estoy usando la fuente Prompt Black Italic y establece el Tamaño en 360 pt. Para la palabra Power, establece el Interlineado en 280 pt.

Use the Text Tool to add the text Girl Power in 3 linesUse the Text Tool to add the text Girl Power in 3 linesUse the Text Tool to add the text Girl Power in 3 lines

Paso 2

En el panel Capas, selecciona ambas capas al presionar la tecla Mayúsculas y haciendo clic en cada capa. Queremos agregar movimiento al poster, así que rotaremos estas dos capas de texto. Presiona la tecla Comando-T para rotar y manten presionada la tecla Mayúsculas para una exacta de 15 grados. Alternativamente, puedes dirigirte a la barra de Opciones y escribir -15.00 en la opción Rotar. Pulsa Intro para establecer el texto. Coloca el texto justo dentro del margen superior.

En este poster en específico, queremos que el texto exceda el sangrado para crear una estética sólida, así que dejaremos que se exceda del sangrado lateral.

Rotate the text by pressing Command-T and rotate to 15 degreesRotate the text by pressing Command-T and rotate to 15 degreesRotate the text by pressing Command-T and rotate to 15 degrees

Paso 3

Para añadir más textura al texto, necesitamos duplicar las dos capas que creamos. Haz esto seleccionando ambas capas en el panel Capas y presionando Comando-J. Usando la Herramienta Mover (V), arrastra las dos nuevas capas debajo del texto principal y muévelas a la derecha. Para crear contraste, establezcamos el estilo de la fuente en Thin Italic en el panel Carácter.

Duplicate the text layers and change the style to a thin family fontDuplicate the text layers and change the style to a thin family fontDuplicate the text layers and change the style to a thin family font

4. Cómo Añadir una Textura de Semitono al Texto

Paso 1

Queremos añadir movimiento y un efecto Lichtenstein al poster. Dupliquemos las capas de texto y establezcámoslas en otros dos colores. Primero, necesitamos crear directorios que contengan todas estas capas para mantener las cosas organizadas. En el panel Capas, selecciona las cuatro capas de texto que creamos y arrástralas hacia el directorio observado en la parte inferior.

Use folders to keep the text layers organized Use folders to keep the text layers organized Use folders to keep the text layers organized

Paso 2

Duplica el directorio para crear otros tres directorios presionando la tecla Comando-J en el directorio. Nombra cada directorio con los siguientes nombres de colores: black, (negro), white (blanco), yellow (amarillo), red (rojo).

Duplicate the folders containing the text layers and rename with the colors we are about to use Black white yellow and redDuplicate the folders containing the text layers and rename with the colors we are about to use Black white yellow and redDuplicate the folders containing the text layers and rename with the colors we are about to use Black white yellow and red

Paso 3

Usando el panel Carácter, cambia el color de la capa de texto de cada directorio. Usa negro y blanco para las dos primeras. Para la de amarillo, usa el código #ffd200, y para la de rojo, el código #ff3d00. Para ver todas las capas, necesitamos moverlas ligeramente-¡para esta parte no existe lo correcto o lo incorrecto! Utilicé el teclado pues nos da mayor control comparado con el mouse.

Change each folders text layer to the designated colorChange each folders text layer to the designated colorChange each folders text layer to the designated color

Paso 4

El texto rojo está apoderándose de nuestro poster, así que me gustaría añadir algo de textura y contraste a esa capa de texto. Dupliquemos (Comando-J) la Capa 1 con el semitono y arrástrala al directorio Red. Abre el directorio Red haciendo clic en la flecha. Ahora estaremos trabajando dentro de este directorio.

Duplicate the textured layer and place in the red folder Edit the folder with the red text to visually tone down its prominenceDuplicate the textured layer and place in the red folder Edit the folder with the red text to visually tone down its prominenceDuplicate the textured layer and place in the red folder Edit the folder with the red text to visually tone down its prominence

Paso 5

Selecciona las cuatro capas de texto, y haz Clic derecho > Rasterizar Texto. Manten las cuatro capas seleccionadas y haz Clic derecho > Combinar Capas.

Rasterize the type under the red folder and merge the layersRasterize the type under the red folder and merge the layersRasterize the type under the red folder and merge the layers

Paso 6

Recuerda que todavía estamos trabajando en el directorio Red. Presiona la tecla Comando y haz clic en la miniatura de la capa recientemente combinada. Esto contorneará y seleccionará los objetos en esta capa, es decir, nuestro texto.

Press Command on the merged layer this will select the objects in the layerPress Command on the merged layer this will select the objects in the layerPress Command on the merged layer this will select the objects in the layer

Paso 7

Desactiva la visibilidad de la capa de texto Power copia y, mientas aún están seleccionados los objetos, haz clic en Capa 1 copia. Recuerda esta es la capa de semitono que duplicamos. Presiona la combinación de teclas Mayúsculas-Comando-I y usa la Herramienta Borrador (E) para pasar el pincel sobre el poster. Esto borrará todo en la capa excepto las palabras que seleccionamos.

Invert the selection and head over to the textured layer Using the Erase Tool E delete the backgroundInvert the selection and head over to the textured layer Using the Erase Tool E delete the backgroundInvert the selection and head over to the textured layer Using the Erase Tool E delete the background

Paso 8

Todavía queremos mantener el color rojo para hacer destacar nuestro poster. En el panel Capas, activa la visibilidad de la capa de texto Power Copia y establece el Modo de Fusión en Trama. Quremos que esta capa sea transparente, así que combinemos las dos capas en el directorio Red y establezcamos el Modo de Fusión en Multiplicar.

Change the Blending Mode of the red text to Screen and merge with the textured layer Set the folder Blending Mode to MultiplyChange the Blending Mode of the red text to Screen and merge with the textured layer Set the folder Blending Mode to MultiplyChange the Blending Mode of the red text to Screen and merge with the textured layer Set the folder Blending Mode to Multiply

Paso 9

Si lo deseamos, en el panel Capas podemos duplicar la capa del directorio black y establecer el modo de fusión en Subexponer de Color y la Opacidad en 55% para agregar más sombra al poster.

Duplicate one of the text folders one more time and set the Blending Mode to Color Burn Lower the Opacity to 55 to add more shadowing to the posterDuplicate one of the text folders one more time and set the Blending Mode to Color Burn Lower the Opacity to 55 to add more shadowing to the posterDuplicate one of the text folders one more time and set the Blending Mode to Color Burn Lower the Opacity to 55 to add more shadowing to the poster

5. Cómo Guardar el Poster para la Web

Dirígete a Archivo > Guardar para Web (Mayúsculas-Alt-Comando-S). Establece la calidad a la Máxima, o disminuye la calidad si hay alguna limitación de tamaño. En Tamaño de Imagen, establece la anchura y la altura en el tamaño que necesites. Haz clic en Guardar...., agrega un nombre, y haz clic en Guardar.

Save the poster for Web by pressing Shift-Option-Command-SSave the poster for Web by pressing Shift-Option-Command-SSave the poster for Web by pressing Shift-Option-Command-S

¡Magnífico Trabajo! ¡Haz Finalizado Este Tutorial!

En este tutorial, hemos creado un poster usando el famoso estilo Lichtenstein. Hoy hemos aprendido cómo:

  • Crear un poster basado en tipografía y agregar interesante toques al multiplicar capas.
  • Usar el filtro Semitono de Color de una manera diferente.
  • Usar texturas y aplicarlas en las capas de texto.
Graphic Templates Poster Add-Ons Overlays & Textures Adobe Photoshop
Laura Keung By