Cree un casco de robot futurista en un estilo de arte lineal en Adobe Illustrator

En este tutorial, te mostraré cómo crear una cabeza de robot detallada en Adobe Illustrator. Las herramientas que se utilizarán en este tutorial incluyen: la herramienta Pluma (P), la herramienta Elipse (L), la herramienta Rectángulo redondeado y la herramienta Cuentagotas (I). También usaré el panel Pathfinder y las opciones de trazo de esquema en el proceso. Se necesita paciencia al crear una ilustración tan detallada. Vamos a empezar!



1. Preparar el boceto básico.

Paso 1

Crear un Nuevo documento (Control + N), llámalo "Cabeza robótica". Establezca el tamaño de la mesa de trabajo en 600px x 700px y Modo de color CMYK a 72dpi. Todo lo que necesitamos es un boceto básico en este primer paso. Así que podemos comenzar por crear una nueva capa, asígnele el nombre "Dibujo básico".

Paso 2

Dibuja un boceto de la cabeza del robot con Herramienta de pincel de burbujas (Mayús + B). En este caso, te recomendaré que lo hagas con una tableta gráfica, ya que te parecerá más orgánico. Pero si no tiene uno, simplemente puede dibujar en papel y escanear el resultado.

Paso 3

Después de terminado, establece su Opacidad a 33% y Bloquear esta capa de "boceto básico". Este boceto no interferirá con el siguiente proceso.. Crear nueva capa que puede llamarlo "Líneas" o algo depende de usted.


2. Crea la línea de arte de la sección en la parte superior de la cabeza

Paso 1

A partir de esta sección, lo transformaré de boceto en bruto a líneas vectoriales limpias. Golpea el Herramienta Pluma (P), establecer el trazo a un 4 puntos Peso y comience a dibujar una ruta cerrada que sigue la sección del panel superior de la cabeza. Estoy creando un diseño simétrico, así que eso significa que solo necesitaré crear la mitad..

Cuando haya completado la mitad, duplíquelo seleccionando el objeto y luego arrastre hacia la izquierda manteniendo presionado Mayús + Alt.

Este objeto duplicado tiene que ser reflejado por Clic derecho, luego selecciona Transformar> Reflejar. Aparecerá el cuadro de diálogo. Comprobar Vertical opción luego haga clic DE ACUERDO.

Establece su posición de modo que ambos objetos se peguen entre sí. Abre el Pionero panelMayús + Control + F9) y elige Unir para fusionarlos.

Paso 2

Voy a seguir creando el elemento de cámara frontal. Crea un camino cerrado como la imagen de abajo. Si crea una forma que va más allá de otra, no se preocupe, ya que puede usar el panel Pathfinder para limpiar sus bordes..

Aquí hay una explicación rápida:

  • Dupdo (Control + C) el elemento de cabeza superior y Pegar en frente (Control + F).
  • Seleccione esta parte copiada junto con la parte frontal de la cámara..
  • Hacer clic Intersecarse en Pionero panel para eliminar la parte de la cámara superpuesta.

El uso de este método le ayudará a crear una ruta que se vea limpia y no se desvíe entre sí.

Dupdo y Pegar en frente El resultado anterior del panel de la cámara. Cambiar el tamaño de ella manteniendo Control + Mayús + Alt, por lo que debe ser una pieza más pequeña por dentro. Establece que es Peso del trazo a 3 puntos.

Cree el panel izquierdo y derecho para dar detalles de las esquinas en ángulo en el elemento de cabeza superior. Colóquelos detrás del elemento de la cámara frontal. Haz que todos se llenen de blanco, para que puedas ver la verdadera posición de cada parte. Dibuja el círculo de la cámara también usando Herramienta Elipse (L).

Paso 3

Estoy seguro de que ahora puedes hacer el resto de las partes superiores de la cabeza. La imagen de abajo muestra lo que he hecho con el cuerno, el cráneo, la frente y una protuberancia en la cabeza..

Todas las partes están hechas con caminos cerrados y apiladas unas sobre otras. Mira el boceto básico como referencia..

Haga copia para todos ellos y arrastre hacia la derecha.. Unir Una por una para las partes que son iguales..

Dé pequeños detalles sobre la bocina que podría ser filtro de aire. Hice este usando el Herramienta Elipse (L). Grupo (Control + G) y hacer una copia de ellos para el cuerno correcto..


3. Trabajar en la sección inferior del casco.

Paso 1

Continuemos hacia las partes más bajas del casco. En esta sección, improvisaré el diseño del ojo ya que creo que el boceto original no me parece tan bueno. Acaba de golpear el Herramienta Pluma (P) De nuevo y hacer la media forma del ojo robot.. Reflejar y Unir ellos cuando terminen.

Cuando haya terminado, seleccione esta parte y Botón derecho del ratón tu ratón, elige Organizar> Enviar al fondo.

Paso 2

Vaya al nivel inferior y agregue la parte de la cubierta de la boca de la base.

Dibuja una línea de panel en él, establece el Peso del trazo a 3 puntos. Esta línea de paneles también es una mejora, ya que no cabe para mí en el boceto básico.

Para dar más detalles, he añadido un par de líneas de panel verticales. Se ve mejor por ahora.


4. Crear las piezas del filtro de aire

Paso 1

En este paso, nos enfocaremos solo para crear las partes del filtro de aire, por lo que puede ocultar todas las partes completadas de los pasos anteriores por un tiempo. Sigamos usando el Herramienta Pluma (P) para hacer el cuadro de filtro como se hace referencia desde el boceto básico.

Al agregar más caminos en el interior, el filtro de aire finalmente obtiene más profundidad con las esquinas en ángulo.

Crea una aleta para completar esta parte. Sostener Alt + Shift Para duplicarlo directamente al fondo. Haga esto dos veces, así que tenemos tres aletas para llenar el espacio vacío. Coloca cada parte de la aleta en su posición correcta. Seleccione una aleta y toque Control + [ enviarlo hacia atrás una vez.

Paso 2

Coloque esta parte del filtro de aire completa en el lado izquierdo de la tapa de la boca como se muestra en la imagen de abajo. Haga una copia de una parte completa del filtro de aire y arrástrela hacia el lado derecho de la cabeza del robot. Grupo (Control + G) ambas partes.

Paso 3

Agregue un par de conectores detrás de cada filtro de aire..

Complete este paso agregando un poco de detalle plano detrás de los conectores.

Hasta ahora esto es lo que obtendrás, pero creo que no es suficiente. Necesitamos crear más líneas y dimensiones de panel en este cabezal de robot y ver si realmente funciona. Esto es solo el comienzo, así que continuemos.


5. Añadir elementos de detalle

Paso 1

He agregado líneas y formas más gruesas alrededor del casco para agregar profundidad adicional. También cambio el color de la visera a negro sólido y creo algunas líneas de panel para agregar más dimensión.

Trate de dar algunas líneas de panel a las otras partes. Use la técnica "Intersect" para hacer que cada panel se vea limpio, en caso de que desee crear una ruta cerrada en lugar de una ruta abierta para estas líneas de panel. Selecciona el Peso del trazo a 2 puntos ya que esta es una línea de detalle más pequeña y no debe confundirse con el contorno más grueso del casco.

Sigo agregando detalles y paneles en ángulo a través del casco..

La imagen de abajo es el resultado final. Puedes ver que he agregado más líneas de panel en la cabeza superior. También he modificado la dimensión de la cámara..

Paso 2

Los pequeños detalles son ideales para agregar esos toques finales a un diseño. Puedes aplicar algunas formas en cualquier parte que necesites. Utilizar el Herramienta de rectángulo redondeado para crear partes abombadas o tal vez simplemente confiar en el Herramienta Pluma (P) Para hacer detalles en la cabeza. No te olvides de Grupo cada par de ellos.

Paso 3

La cabeza del robot ahora se ve muy bien con los detalles refinados. Más líneas de paneles que se han agregado en él darán una fuerte impresión de placas de metal.

Solo unas pocas cosas que deben hacerse en la parte de la boca. Creo que podemos mejorarlo modificando esta parte donde todavía se ve desierta.

Zoom hacia el lado izquierdo de la tapa de la boca. Cree un nuevo panel que sobresale en la forma de la cubierta de la boca.

Haga una copia para el derecho también y Grupo ellos.

Utilizar el Herramienta de rectángulo redondeado Para hacer un agujero de la tapa de la boca. Duplícalo, así que tenemos tres agujeros y los colocamos en el medio..

Agregue más líneas de paneles aquí para completar los detalles. Puede dibujar un camino abierto para esta línea de panel, pero no olvide eliminar el Color de relleno Tocando (/) en tu teclado.

Manipule la sección inferior del panel apilando objetos negros. Hecho para las partes de la boca..


5. Añadir una reflexión sobre el visor.

Paso 1

Nosotros podemos usar Herramienta rectangular (METRO) para crear un efecto de reflexión para el visor. Simplemente haga dos rectángulos verticales como la imagen de abajo. Cambie su pendiente seleccionando ambos objetos y luego use el Herramienta de transformación gratuita (mi). Haga clic en el nodo superior de los objetos centrales y mantenga pulsado Mayús + Alt, arrastra el nodo a la derecha.

Paso 2

Moverlos al lado derecho del ojo. Tenemos que borrar la mitad de este efecto de reflexión. Para hacerlo, Dupdo el visor y Pegar en frente (Control + F) de ellos. Seleccione tanto la visera como el efecto de reflexión y Botón derecho del ratón > Hacer máscara de recorte. Verás que el efecto de reflexión ahora está limitado por el campo del ojo.. Cortar (Control + X) el efecto y Pegar en frente de la visera.

El resultado :


6. Refine el arte lineal

Paso 1

Casi completo. Será mejor que compruebes cada par de objetos. Asegúrese de que cada uno de los objetos gemelos de la izquierda y la derecha estén en grupo. Selecciona toda la imagen y abre el Alinear panelMayús + F7), cambiar a Alinear a la selección modo y golpe Centro de alineación horizontal para hacer todos esos objetos emparejados exactamente en posición centrada entre sí.

Paso 2

Este es el paso final del arte lineal. Solo quiero agregar más detalles para una mejor composición, y también corregir algunas apariencias de objetos.

Paso 3

Cuando haya terminado, necesitamos transformar todos los contornos en objetos seleccionando la imagen completa y luego haciendo clic en el menú Objeto> Ruta> Trazo de esquema.

Etapa 4

Sigue seleccionando las imágenes completas. Abierto Pionero panel y haga clic en el Recortar Opción de ello. Esto es para limpiar el desorden. Generalmente hago esto para eliminar todos los objetos superpuestos y no utilizados detrás de las partes, para que no distraiga el proceso de coloración en el futuro..


7. Colorea tu diseño

Paso 1

Antes de comenzar el proceso de coloración, sería mejor que seleccionemos todos el mismo color negro y Unir el centro comercial.

Paso 2

Este es el conjunto de colores que se aplicará al casco. Aquí hay cuatro colores grises para las placas de la cabeza y un color amarillo / verde para las partes pequeñas..

Paso 3

Comenzar el proceso de coloración. Usa este set para darles colores a las placas. Puede hacerlo rápidamente seleccionando algunas de las partes primero, luego haga clic en Eyedropper Tool (I) o, alternativamente, podría usar el Live Paint Bucket (K). Elija uno del conjunto de colores y el color se aplicará automáticamente a los objetos seleccionados.

Etapa 4

Completarlos La fuente de la luz estará en frente de los objetos, por lo que el color gris más claro fue el que más se aplicó en la parte frontal de la cabeza. Cualquier otra parte detrás debe ser más oscura, incluidos los pliegues del panel. Mantén el efecto de reflexión en blanco y dale a los pequeños detalles un color amarillo / verde. Este sencillo conjunto de colores haría que se vea único y armonioso con las líneas. Agrega también un fondo con un relleno negro..

Paso 5

Haz un contorno de color adicional detrás de la cabeza seleccionando las partes enteras y luego Dupdo y Pegar en la espalda (Control + B). Une estas partes copiadas y dale Peso del trazo de 9pt. Convierte este trazo en objeto usando Trazo del esquema Ordena y dale el color amarillo / verde..


¡Felicidades! Estas hecho!

Tu diseño está finalmente completo. Siempre es bueno revisar algunos errores pequeños y corregirlos antes de compartir su trabajo. Espero que disfrutes todo el proceso y te sientas bien con el resultado final. Sigue aprendiendo más para mejorar tus habilidades y sigue esforzándote..