Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Character Design
Design

Cómo crear un póster retro con un niño astronauta en Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Science Week.
How to Create a Human Cyborg Photo Manipulation in Adobe Photoshop
How to Create Hair and Fur Textures in Photoshop Using the Kyle T Webster Brush Sets

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

Final product image
What You'll Be Creating

En este tutorial aprenderá a crear un póster retro inspirado en la astronomía. Utilizaremos mucho la máscara de recorte, así como los efectos de deformación, y al final aplicaremos una textura para agregar un aspecto vintage a nuestro póster. Siéntase libre de navegar por una gran colección de texturas en GraphicRiver, y elija la que más le guste.

Sin más preámbulos, ¡comencemos!

Recursos del tutorial

Los siguientes recursos se usaron durante la producción de este tutorial:

1. Cómo crear la cabeza del niño astronomía

Paso 1

En un documento nuevo en Adobe Illustrator, tome la herramienta Elipse (L) y dibuje una elipse. Probablemente tengas un color de relleno blanco y un trazo negro. Ahora necesita cambiarlo: elimine el color de trazo y configure su color de relleno en R = 234, G = 226, B = 206 en el panel Color (Ventana> Color). Durante este tutorial, no usaremos ningún color de trazo.

Luego, agregue una elipse más pequeña y más oscura (R = 209, G = 196, B = 167) dentro de la primera.

Mientras se mantiene seleccionada la última elipse, vaya a Objeto> Ruta> Ruta de desplazamiento ... Aparecerá una nueva ventana de diálogo, donde deberá ingresar Desplazamiento -8 px. Por defecto, las opciones serán Articulaciones: Mitre, Mitre límite: 4. Pulse OK. Acabas de crear una tercera elipse, que es la cara del niño. Cambie su color de relleno a R = 178, G = 131, B = 107.

how to create the head

Paso 2

Para crear algunos flequillos, tomaremos la herramienta Rectángulo (M). Dibuje un rectángulo marrón (R = 99, G = 64, B = 55) y mientras lo mantiene seleccionado, vaya a Efecto> Deformación> Arco. Ingrese las opciones presentadas a continuación y presione OK.

Expandir esta forma: Objeto> Expandir apariencia.

how to create the bang

Paso 3

Pon el flequillo en la cara del niño. Colóquelos de manera que solo la parte inferior esté en la cara, y la parte superior (los dos puntos de anclaje superiores) quede más allá de la cara.

Entonces usaremos la máscara de recorte. Seleccione la cara, haga una copia al frente (Control-C, Control-F), corte esa nueva copia (Control-X) y colóquela sobre los flecos (Control-F).

Para ver los flequillos más claramente debajo de la copia de la cara más nueva, es mejor eliminar el color de relleno de la copia facial y usar cualquier color de trazo (lo marqué con un trazo rojo).

Seleccione la copia de cara (en mi caso es la elipse de trazo rojo) junto con los flequillos. Vaya a Objeto> Máscara de recorte> Crear (Control-7). Entonces la parte superior del flequillo debería estar oculta.

how to create the clipping mask for the bang

Paso 4

Para los ojos, asegúrese de tener el mismo color de relleno que el flequillo, pero sin ningún trazo. Pulse la herramienta Elipse (L) y, mientras mantiene presionada la tecla Mayús, dibuje un círculo pequeño para el ojo.

Crea otro círculo pequeño como el segundo ojo. Haga el segundo ojo más pequeño, ya que estamos tratando de crear tres cuartas partes de la cara visible.

Ahora para las mejillas. Agregue una nueva elipse pequeña debajo del primer ojo (el color de relleno debe ser R = 160, G = 108, B = 85).

Crea una misma elipse para la segunda mejilla. Gírelo ligeramente hacia la derecha y hágalo un poco más pequeño.

how to create the face

Paso 5

Ahora para la boca. Establezca el color de relleno en R = 234, G = 226, B = 206 y cree dos elipses: primero uno vertical, y luego uno horizontal. Deben superponerse como se muestra en la imagen a continuación.

Vaya al panel Explorador (Ventana> Explorador) y presione el botón Menos adelante mientras se seleccionan las dos elipses. Terminarás con una forma de media luna, que es la boca del niño.

how to create the mouth

Coloque la boca entre las dos mejillas. Gírela ligeramente hacia la derecha.

how to place the mouth

Paso 6

Los cascos de los trajes espaciales suelen tener partes que parecen auriculares, así que vamos a crearlos. Dibuja una elipse en el lado izquierdo de la cabeza. El color de relleno debe ser R = 209, G = 196, B = 167. También gírelo un poco hacia la izquierda.

Agregue una elipse roja más pequeña (R = 211, G = 122, B = 95), que también se debe girar hacia la izquierda.

Luego agregue una elipse más gris en el otro lado de la cabeza del niño, detrás de la cabeza. Finalmente, agregue una elipse más roja  detrás de la cabeza y detrás de la elipse gris. ¡La cabeza está hecha!

how to create the headphones

2. Cómo crear el cuerpo, los brazos y las piernas

Paso 1

Hagamos el cuerpo. Tome la herramienta Rectángulo redondeado y dibuje un rectángulo redondeado (R = 234, G = 226, B = 206). Mientras lo mantienes seleccionado, ve a Efecto> Deformar> Arco. En la nueva ventana de diálogo, ingrese las opciones que ve a continuación.

how to create the body

Pon el cuerpo detrás de la cabeza.

how to place the body

Paso 2

Ahora por el brazo. Usando el mismo color de relleno que para el cuerpo, dibuje una elipse con la ayuda de la herramienta Elipse (L). Ve a Efecto> Deformar> Arco. Puedes ver las opciones a continuación.

Después de eso, amplíelo (Objeto> Expandir apariencia).

how to create the arm

Paso 3

Coloque el brazo en el lado izquierdo del cuerpo.

Agregue una pequeña elipse como el pulgar. En la siguiente imagen, está marcado con un trazo negro, que no necesita en la ilustración.

Haga una copia de todo el brazo, cambie su color de relleno a R = 209, G = 196, B = 167, y cree un reflejo vertical de esta nueva copia: mientras lo mantiene seleccionado, presione la tecla O en su teclado y luego presione Enter.

En la nueva ventana de diálogo, Eje Vertical está marcada por defecto. Presione Enter una vez más. Esta maniobra debería hacer un reflejo vertical del segundo brazo. Recuerde esto para sus proyectos futuros: seleccione el objeto que desea reflejar, presione la tecla O y luego Enter dos veces, y eso es todo.

Coloque el segundo brazo detrás del cuerpo (Control-X, Control-B).

how to create another arm

Paso 4

Vamos a hacer el cinturón para el traje espacial. Usando la herramienta Rectángulo (M), dibuja un rectángulo. A continuación, defórmalo : Efecto> Deformar> Arco.

Expande la forma.

how to create the belt

Coloque el cinturón en el lugar correcto.

how to place the belt

Paso 5

Vamos a crear la pierna de forma similar al brazo, pero esta vez crearemos una elipse que debería ser un poco más grande y más gruesa.

Deforma la elipse (Efecto> Deformación> Arco) y luego amplíala.

how to create the leg

Paso 6

Coloque la pierna debajo del cinturón.

Haga una copia del cinturón y cambie su color de relleno: con la herramienta Cuentagotas (I), tome el color del segundo brazo y colóquelo sobre la pierna.

Agregue una pequeña elipse como se muestra a continuación para la rótula.

how to create the kneecap

Paso 7

Ahora en el pie. Crea una nueva elipse, que debe tener el mismo color de relleno que el cuerpo.

Agrega un rectángulo con cualquier color. El rectángulo debe cubrir la parte inferior de la elipse.

Seleccione ambas formas y, en el panel Explorador (Ventana> Explorador), presione el botón Menos frente. Terminarás con la parte superior de la elipse.

how to create the foot

Paso 8

Coloque el pie en la pierna.

Cree una nueva copia de la pierna entera y oscurezcala: el color de relleno para la segunda pierna debe ser R = 209, G = 196, B = 167, y el color de relleno para la nueva rótula debe seguir estos números: R = 191, G = 171, B = 130.

Coloque la segunda pierna detrás del cuerpo.

Agrupe al niño (click derecho> Agrupar) y aparte la ilustración.

how to create another leg

3. Cómo crear el fondo

Paso 1

Pulse la herramienta Rectángulo (M) y haga clic en su mesa de trabajo. En la nueva ventana de diálogo, ingrese Ancho 850 px y Alto 1000 px. Establezca el color de relleno en R = 231, G = 220, B = 186.

how to create the background

Paso 2

Mientras mantiene el rectángulo seleccionado, vaya a Objeto> Ruta> Ruta de desplazamiento ... En la nueva ventana de diálogo, ingrese Desplazamiento: -30 px, Articulaciones: Mitre, Límite de mitre: 4, OK. Obtendrá un nuevo rectángulo perfectamente alineado en el medio del anterior. Cambie su color de relleno a R = 67, G = 74, B = 81.

how to create the inside background

Paso 3

Pulse la herramienta Elipse (L) y dibuje un círculo (no tiene que ser perfecto) como se muestra en la imagen a continuación. Solo la parte superior del círculo debe superponerse al fondo. Cambie su color de relleno a R = 209, G = 196, B = 167. Esta será la luna.

how to create the clipping mask for the moon

Paso 4

Ahora usaremos una máscara de recorte nuevamente: seleccione el rectángulo azul oscuro y haga una copia al frente (Control-C, Control-F). Córtelo (Control-X) y colóquelo frente a todo (Control-F). Seleccione el rectángulo azul oscuro y el planeta, así como la nueva copia. Vaya a Objeto> Máscara de recorte> Crear (Control-7).

how the background should look after the clipping mask

Paso 5

Colocar al niño la astronomía en su cartel.

how to place the child on the background

Paso 6

¡Agreguemos algunos cráteres, para que se vea más como una luna! Comience con una elipse horizontal (R = 234, G = 226, B = 206).

Agregue una segunda elipse sobre la anterior (R = 191, G = 171, B = 130).

Y agregue una tercera elipse, que debe superponerse a la anterior (R = 209, G = 196, B = 167).

Haga la máscara de recorte (Control-7) para que la tercera elipse quede dentro de la segunda. Este será el cráter.

how to create the crater

Coloque algunos cráteres en el planeta. Siéntase libre de rotarlos y cambiar su tamaño.

how to spread the craters

Paso 7

Sería bueno tener algunas estrellas en el cielo, así que vamos a crearlas. Tome la Herramienta Estrella y haga clic en su mesa de trabajo. Ingrese Radio 1: alrededor de 10 px, Radio 2: alrededor de 50 px, Puntos: 4. Establezca el color de relleno en R = 234 G = 226, B = 206.

Cree una copia de esta estrella al frente (Control-C, Control-F) y, mientras mantiene presionada la tecla Mayús, gírela 45 grados. La tecla Shift le permite rotarla exactamente 45 grados.

how to create the star

Extiende las estrellas en el cielo.

how to spread the stars

Paso 8

Si lo desea, puede agregar algunos círculos pequeños cerca de las estrellas con el rojo, amarillo y el color gris claro que utilizamos para las estrellas. Los círculos agregarán un efecto brillante.

how to create the sparkling effect

Paso 9

Para agregar un aspecto antiguo a nuestro póster, apliquemos una textura. Usé una de estas texturas:

the texture for an old effect

Paso 10

Coloque la textura sobre su póster para que permanezca dentro de la textura y debajo de ella. Haz una máscara de recorte para la textura.

Finalmente, en el panel Transparencia (Ventana> Transparencia), baje la Opacidad a alrededor del 15%. Y hemos terminado!

how to create the for the texture

Conclusión

¡Gran trabajo! Hoy has aprendido a hacer máscaras de recorte, que te ayudarán en tus proyectos futuros. Espero que te guste este tutorial y hayas aprendido muchas cosas, o quizás hayas perfeccionado tus habilidades. Ahora sabe cómo usar Adobe Illustrator, así como muchos efectos y herramientas.

final
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.