Tutorial 4 Robot Retro con Adobe Illustrator

 

En este tutorial vamos a utilizar diferentes herramientas y técnicas para crear un robot simple. Como este robot está hecho de un montón de formas básicas, lo convierte en un gran tutorial para principiantes para poder familiarizarse con la aplicación Illustrator.

Esencialmente se compone de un montón de formas básicas como rectángulos y círculos, pero vamos darle vida con diversos grosores de trazo, rellenos degradados y un relieve sutil.

Detalles del Tutorial
Programa: Adobe Illustrator CS5
Dificultad: Principiante
Tiempo estimado para completarlo: 40 minutos.

ROBOT RETRO

En este tutorial crearemos un robot retro con formas básicas y degradados. Le añadiremos unos reflejos y sombras.Espero que os gustes.

Empezamos


PASO 1)

Abre Adobe Illustrator y crear un nuevo documento. Seleccione la herramienta Rectángulo (M) y dibuje la forma de la cabeza básica con un rectángulo de 102 x 71 px y otro rectángulo para una antena de 13x19 px. Cambiar a la herramienta círculo (L) y agregar formas a cada extremo de la antena. Presione (Ctrl+ Mayúsculas +9 ) con el círculo inferior seleccionado para enviarlo por debajo del rectángulo.

PASO 2)

Dibuje un círculo para formar un ojo, y luego ir a Objeto> trazado> Desplazamiento. Introduzca 2,5 px en el campo de desplazamiento para crear un círculo un poco más grande alineado exactamente con el original.

PASO 3)

Copie el ojo y sitúelo en el otro lado de  la cara. Cree un rectángulo para la boca y Objeto> trazado> Desplazamiento 2,5 px.

Cree un rectángulo vertical y duplíquelo  (Ctrl+ C) o selecciónelo y arrastre mientras pulsa ALT

Para crear el cuello utilice la herramienta rectángulo redondeado (M), cree uno y cópielo.

PASO 4)

Cree con (M) un rectángulo de  162 x 99 px

 

Después crearemos otro rectángulo más pequeño  y un circulo. A este circulo le aplicamos . Objeto>Trazado>Desplazamiento 4px. Copiamos estos dos círculos y los pegamos abajo .

Agregar varios botones y diales para el cuerpo del personaje con más formas básicas, manteniendo todo centrado con la cabeza.

 

PASO 5) Dibuje con (M) un cuadrado de 49x49 px luego un rectángulo de 25 x58 px, y copie uno de los rectángulos redondeados del cuello, gírelo verticalmente

 

Dibujar el esquema básico de la mano con un gran círculo. Copia (Ctrl + C) y Pegar en Frente (Ctrl + F), a continuación, mantenga Alt y Shift mientras escala del nuevo círculo hacia abajo.

 

PASO 6)

Con los dos objetos seleccionados utilizar la opción Menos Frente de la paleta de Buscatrazos  (Mayus + Ctrl + F9) para perforar el círculo más pequeño del círculo más grande.

 

PASO 7)

Dibuja un cuadrado, gírelo  45 grados Objeto>Transformar>Rotar  sitúelo en  el centro sobre el anillo circular.

 

Seleccione las dos piezas y utilice Buscatrazos, Menos Frente le quedara algo así:

PASO 8)

Seleccionar todas las formas que componen un brazo, copiar y pegar en el frente. Ir a Objeto> Transformar> Reflejar y seleccione la opción Vertical para reflejar los objetos, luego colóquelos en el lado opuesto.

PASO 9)

A pesar de que sólo hemos utilizado las herramientas estándar con sólo un par de formas personalizadas nuestro robot está empezando a parecer muy cool!

Coge la herramienta Polígono y haga clic y arrastre una forma a la mesa de trabajo. Antes de soltar el ratón aumentar o disminuir el número de puntos a 5 con las teclas de cursor del teclado.

Alinear el Pentágono exactamente con las esquinas inferiores del rectángulo cuerpo. Activar el modo de Esquema (Ctrl + Y) para una visión clara y precisa.

PASO 10)

Trace una línea diagonal que vaya paralela a la mitad inferior del cuerpo con la herramienta de línea (<). Copiar / Pegar y reflejar la línea en el lado opuesto.

PASO 11)

Con las dos líneas seleccionadas vaya a Objeto> Fusión>Crear  luego   Objeto> Fusión> Opciones de fusión en pasos poner 8.

 

PASO 12)

Acabar con el robot con un par de rectángulos y heptágonos como las piernas y los pies,

 luego cortar la parte inferior de los pies con un rectángulo temporal junto con la herramienta Buscatrazos.

Duplicar (Ctrl +C) (Ctrl + F) la pierna

 

PASO 13)

Dibuja una selección alrededor de todas las formas que componen el robot, copiar Ctrl + C y pegar en el frente luego CTrl + F 

haga clic en la opción Combinar en la paleta de Buscatrazos.

Borrar el relleno y subir el trazado de 5pt alineado con el exterior.

PASO 14)

Ir a través de cada elemento individual y ajustar el grosor del trazo de acuerdo a su importancia en la definición del perfil del personaje. Utilice 3 puntos de los objetos importantes, como la cabeza, 2pt para no-tan-importantes elementos y 1pt de los detalles más finos.

 

PASO 15)

Ahora podemos empezar a añadir algo de color. A cada forma un relleno de color. Utilizaremos dos tonos de gris para las partes del cuerpo, de color rojo para las áreas clave y de color azul o amarillo para los botones y diales.

 

Para agregar un poco de profundidad en el diseño,  utilizaremos  los degradados elije un color gris claro (por ejemplo ) y gris oscuro crea un degradado lineal y con la herramienta (G) ajústalo. Con las pieza redondas, utilizar un degradado radial.

 

Añadimos los degradados rojos , azules y amarillos a nuestro robot

PASO 16)

Para agregar más profundidad crearemos unos reflejos. Copiar  (Ctrl + C)y pegar (Ctrl + F) un duplicado de la antena y llenarlo con blanco.

 

Dibujar una circulo que perforara al círculo blanco, entonces recortar la forma con la paleta de Buscatrazos.

 

Bajar la opacidad de esta forma al 15 % en la ventana de Transparencia

Repita el proceso para cada forma en el cuerpo del robot para añadir sutiles reflejos de luz para añadir más profundidad y un toque de realismo al diseño.

Copie y pegue  crea un circulo y en este caso utilizaremos la intersección del menú buscatrazos

 

Luego baje la opacidad aun 15 % de la forma obtenida

Repite con los demás elementos

 

PASO 17)

Terminaremos el diseño con un poco de sombra. Comience con un círculo relleno con un color negro el segundo negro pero opacidad 0

Deformar el circulo y situarlo bajo los pies del robot. Utilice el acceso directo (Ctrl + Mayúsculas +9)  para enviar a la sombra detrás de todas las formas.

 

Conclusión

Con unas cuantas formas básicas y degradados  hemos conseguido crear un robot de estilo retro. Espero que os haya gustado. Sayo nara Baby nos vemos en el siguiente tutorial.