Diseña un cartel inspirado en el modernismo desde cero con Illustrator

Crea un cartel inspirado en el modernismo usando formas geométricas

Este tutorial le enseñará cómo crear un diseño de cartel llamativo desde cero en Adobe Illustrator utilizando formas geométricas básicas e inspirado en la era del diseño modernista.

Avance

Antes de comenzar, aquí hay una vista previa del póster que crearemos en este tutorial sencillo de seguir.

Paso 1

Inicie Adobe Illustrator y cree un nuevo documento yendo a Archivo Nuevo... o presionando CMD+N o CTRL+N.

Elija la letra US de los ajustes preestablecidos y personalícela agregando 0,125 pulgadas de sangrado en todos los lados.

Haga clic en Crear .

Nota: Estoy usando la ventana Más configuraciones para mostrar todo más fácilmente. En la captura de pantalla a continuación, su ventana puede verse diferente.

Paso 2

Siempre es una buena práctica configurar el documento antes de comenzar a agregar elementos. Esta plantilla solo necesitará 2 capas.

Haga doble clic en la primera capa y cámbiele el nombre a Gráficos .

Crea una nueva capa y nómbrala Texto .

Paso 3

Ahora, para las muestras, comenzaremos limpiando el Illustrator predeterminado antes de agregar las muestras que usaremos en el diseño.

Abra la ventana Muestras y haga clic en el pequeño ícono de menú de 3 líneas en la esquina superior derecha.

Seleccione Seleccionar todo sin usar , que debería seleccionar todas las muestras excepto las de blanco y negro.

Luego haga clic en el ícono eliminar y elija Sí .

También puedes eliminar la carpeta y la muestra negra adicional que queda.

Paso 4

Ahora agregue las siguientes muestras y marque la opción Global para todas ellas.

Consejo: puedes ahorrar algo de tiempo guardando la captura de pantalla a continuación en tu computadora, colocándola en tu documento de Illustrator y usando la herramienta Cuentagotas en la imagen para capturar los colores.

• Muestra 1: C=4 M=7 Y=16 K=0
• Muestra 2: C=27 M=22 Y=45 K=5
• Muestra 3: C=42 M=40 Y=55 K=28
• Muestra 4: C=21 M=7 Y=33 K=0
• Muestra 5: C=73 M=53 Y=65 K=64
• Muestra 6: C=39 M=0 Y=21 K=0

Paso 5

Seleccione la herramienta Rectángulo y dibuje una forma cuadrada en el lienzo. Establezca el color de relleno en la muestra verde claro y el trazo en Ninguno.

Recomiendo utilizar la configuración exacta que tengo aquí, porque queremos terminar con 3 columnas y 4 filas de cuadrados, todas con el mismo espacio alrededor de los bordes.

• X: 0,672 pulgadas
• Y: 0,7294 pulgadas
• Ancho: 2,3853 pulgadas
• Alto: 2,3853 pulgadas

No se necesitan cálculos matemáticos complicados si no conoces el tamaño exacto de antemano, solo intenta calcularlo a ojo y redimensionarlo después.

Paso 6

Duplica la forma cuadrada dos veces y mueve cada copia hacia la derecha sin espacio entre ellas.

Establezca el color de relleno del cuadrado central en Muestra 2 en la lista

Establezca el color de relleno del cuadrado derecho en la Muestra 1

Paso 7

Duplica la fila de cuadrados 3 veces y haz 3 filas más directamente una debajo de otra sin espacio entre ellas.

Cambia los colores de los nuevos cuadrados (de arriba a abajo y de izquierda a derecha) a:

• Muestra 1
• Muestra 6
• Muestra 4
• Muestra 4
• Muestra 3
• Muestra 6
• Muestra 6
• Muestra 2
• Muestra 2

Paso 8

Seleccione el primer cuadrado, luego presione CMD+C o CTRL+C para Copiar y CMD+SHIFT+V o CTRL+SHIFT+V para Pegar en su lugar.

Cambie el color de relleno a Muestra 5 de la lista.

Seleccione la herramienta Pluma y haga clic en el punto inferior izquierdo de la forma para restar ese punto (el cursor debe ser un ícono de signo menos).

Paso 9

Copie y pegue nuevamente en su lugar en el segundo cuadrado y gírelo 45 grados alrededor del centro.

Utilice los controles de Transformación alrededor de la forma para cambiar el tamaño del diamante y hacer que encaje perfectamente dentro del cuadrado original.

Cambie el color de relleno a Muestra 1 .

Paso 10

Seleccione la herramienta Elipse y dibuje un círculo dentro del tercer cuadrado.

Establezca el color de relleno en Muestra 4 .

Mientras estamos aquí y tenemos un círculo completo, podemos ahorrar algo de tiempo para más tarde duplicándolo y colocándolo en el quinto cuadrado.

Establezca el color de relleno en Muestra 5 .

Paso 11

Volviendo al tercer cuadrado, dibuja un nuevo rectángulo que tenga el mismo ancho que el cuadrado pero la mitad de la altura y alinéalo con el punto inferior del círculo.

Consejo: activar las Guías inteligentes (CMD+U o CTRL+U) hace que este paso sea mucho más fácil.

Seleccione el rectángulo y el círculo y luego, en la ventana Buscatrazos , haga clic en el ícono Restar .

Paso 12

Seleccione la herramienta Elipse y dibuje un círculo pequeño:

• X: 5,8 pulgadas
• Y: 3,5 pulgadas
• Ancho: 0,1 pulg.
• Alto: 0,1 pulgadas

Paso 13

Seleccione el círculo pequeño y mantenga presionada la tecla Alt mientras presiona la tecla de flecha derecha .

Suelte la tecla Alt y presione la tecla de flecha izquierda .

Ahora mantenga presionada la tecla Shift y presione la tecla de flecha derecha 3 veces.

Haz esto 4 veces . No deberías tener una fila completa de círculos pequeños.

Seleccione toda la fila y repita el proceso excepto que utilice la tecla de flecha hacia abajo para crear 4 filas más.

Paso 14

Seleccione todos los círculos pequeños y agrúpelos (CMD+G o CTRL+G).

En la ventana Transformar ingrese estos valores:

• X: 5,802 pulgadas
• Y: 3,4714 pulgadas
• An: 1,6667 pulgadas
• Alto: 1,6667 pulgadas

Paso 15

Duplica el triángulo del primer cuadrado y muévelo hacia abajo hasta el séptimo cuadrado.

Gire el triángulo 90 grados en el sentido de las agujas del reloj.

Establezca el color de relleno en Muestra 3 .

Paso 16

Duplica nuevamente el triángulo y muévelo al noveno cuadrado.

Gire el triángulo 90 grados en el sentido de las agujas del reloj.

Establezca el color de relleno en Muestra 5 .

Paso 17

Duplica el triángulo una vez más y muévelo al último cuadrado.

Gire el triángulo 90 grados en el sentido de las agujas del reloj.

Duplica el triángulo una última vez y muévelo al undécimo cuadrado.

Seleccione la herramienta Selección directa y haga clic en el punto superior derecho del triángulo.

Arrastre el punto superior derecho del triángulo hacia abajo para que se alinee con el punto medio del cuadrado.

Paso 18

Seleccione la herramienta Segmento de línea y dibuje rápidamente una línea recta en el área superior del décimo cuadrado, en realidad no importa el tamaño porque luego ingresará estos valores manualmente:

• X: 1,8647 pulgadas
• Y: 8,3048 pulgadas
• W: 0 pulgadas
• Alto: 0,7706 pulgadas

Establezca el grosor del trazo de la línea en 20 pt y el color del trazo en Muestra 1 .

Paso 19

Haga clic en la línea para asegurarse de que esté activa y luego seleccione la herramienta Rotar .

Mantenga presionada la tecla Alt y haga clic en el punto inferior del segmento de línea.

En el campo Ángulo podemos ingresar una ecuación rápida 360/5 para calcular los grados exactos necesarios (son 72)

Haga clic en Copiar

Pasoeste añoh2>

Presione CMD+D o CTRL+D para repetir la rotación 3 veces más.

Paso 21

Finalmente podemos agregar algo de texto a nuestro diseño.

¿Te has dado cuenta de que hemos dejado el cuarto cuadrado en blanco? Este es el lugar perfecto para añadir tu texto.

Recomiendo utilizar estas configuraciones para el texto del título:

• Fuente: Helvética Neue Bold
• Tamaño: 33 pt
• Liderando: 26 pt
• Seguimiento: -20
• Color: Muestra 5

Si no tienes Helvetica Neue, entonces la fuente Helvetica o Arial estándar funcionarán.

Paso 22

Para textos más pequeños, simplemente reduzca el tamaño de fuente a alrededor de 14 pt y configure el interlineado nuevamente en Automático .

Utilice nuevamente el Swatch 5 para el color.

Resultado y conclusión

Como puedes ver, el resultado final es sorprendentemente llamativo y recuerda a la era del modernismo. El uso de formas geométricas simples y colores que se complementan realmente bien.

Este diseño es muy abierto a la personalización, definitivamente puedes poner tu propio sello en este diseño modificando los colores, reorganizando las formas geométricas o agregando tus propias formas únicas a la mezcla.

Gracias por leer, ¡espero que hayas disfrutado siguiendo este tutorial y hayas aprendido algo nuevo en el proceso!