Cómo crear un interruptor de Nintendo en Adobe Illustrator

Lo que vas a crear

Aprende cómo crear el nuevo Nintendo Switch usando formas y herramientas básicas en Adobe Illustrator. Nos vamos a divertir!

Encuentra más inspiración de videojuegos en GraphicRiver.

1. Cómo crear un nuevo documento

prensa Control-N hacer un Nuevo documento. Selecciona el Unidades a Pixeles, y entrar 800 x 600 Para el Anchura y Altura del documento. Entonces en el Avanzado opciones, seleccione RGBPantalla (72 ppi), y asegúrate de Desmarcar la Alinear nuevos objetos a la cuadrícula de píxeles cuadro antes de hacer clic DE ACUERDO.

Ve a la Preferencias (Control-K) y entrar 1 px Para el Incremento del teclado. prensa DE ACUERDO.

Puedes activar el Información panelVentana> Información) para tener una vista previa del tamaño y la posición de sus formas. Recuerde ajustar la unidad de medida a Pixeles desde Editar> Preferencias> Unidades. Esto aumentará enormemente la velocidad de tu trabajo..

2. Cómo crear un interruptor de Nintendo

Ahora comenzaremos a crear el cuerpo y los componentes básicos de Nintendo..

Paso 1

Para el cuerpo, crea un 366 x 220 px rectángulo con el Herramienta Rectangular (M) y use # 4D4D4D como el Llenar color. Conjunto Ronda invertida esquinas con un 10 px Radio desde el Transformar panel.

Agrega los controles usando dos 77 x 220 px rectángulos utilizar # 4CC6E8 como el Llenar color para uno de ellos y # E84C53 por el otro. Luego redondea las esquinas usando Esquinas vivas con el Herramienta de selección directa (A).

Paso 2

Estaremos trabajando en la pantalla por ahora, así que cree un 345 x 205 px rectángulo# 1A1A1A) y redondea ligeramente sus esquinas con la Herramienta de selección directa (A)

Hacer una Dupdo (Control-C seguido de Control-F) y aplicar un -1 px compensar (Efecto> Ruta> Ruta compensada ... ). Cambiar el Llenar color para # 333333. Luego dibuja dos rectángulos redondeados pequeños, usa la Herramienta de rectángulo redondeado en la parte inferior de la última copia y aplicar Frente menos utilizando la Pionero panel.

Paso 3

Ahora, agregue un 300 x 175 px rectángulo# 1A1A1A). Luego agrega dos rectángulos (#FFFFFF) y Girar ellos 45 ° utilizando la Herramienta de rotación (R).

Selecciona el Opacidad a 10% usando el menú de la barra superior. Con el Herramienta de creación de forma (Shift-M), corte las formas restantes seleccionándolas junto con el rectángulo redondeado interno.

Etapa 4

Ahora dibujemos algunas sombras e iluminación para los controles. Comencemos con la izquierda-con-joy. Duplicar dos veces (Control-C> Control-F) y mueve la última copia 5 px hacia arriba usando la tecla de flecha en tu teclado.

Aplicar Frente menos utilizando la Pionero Panel y seleccionando la copia anterior. Cambia el color de la forma restante a # 2CB8DE.

Paso 5

Duplicar la alegría izquierda dos veces otra vez (Control-C> Control-F), y esta vez mueve la última copia. 5 px hacia abajo.

Aplicar Frente menos con la copia anterior utilizando el Pionero panel, y cambiar el Llenar color para # 6FD2ED.

Paso 6

Ahora repita el mismo procedimiento de los pasos. 4-5 para la correcta alegría-con. Para la sombra inferior, use # D93B42 como el Llenar Color, y para el uso del bisel superior. # E85D63.

Paso 7

Ahora vuelva a tomar la forma del joy-con izquierdo y haga una copia (Control-C> Control-F). Eliminar el Llenar color y conjunto # 333333 como Trazo de relleno con un 5 px espesor.

Paso 8

Entrar Modo de aislamiento por Doble clic la forma. Ahora toma el Herramienta Pluma (P) y agregue dos nodos en la parte superior, y luego elimine el resto de los nodos, dejando un arco.

Establecer los extremos de la Carrera como Tapa redonda utilizando la Carrera panel.

Paso 9

prensa Escapar salir Modo de aislamiento. Duplicar el trazo (Control-C> Control-F) (# ACD4A3) y reflejarlo verticalmente (botón derecho del ratón > Transformar> Reflejar). Coloca la copia en el otro joy-con..

Coloque ambos golpes debajo de los contras de la alegría (Objeto> Organizar> Enviar al fondo).

Paso 10

Ahora agregue un botón en la consola creando un 32 x 3 px rectángulo# 1A1A1A). Dibuja dos rectángulos pequeños (# 333333) y dos rectángulos más pequeños (# 666666) en él con el Herramienta Rectangular (M), como se muestra en la imagen de abajo.

Grupo Todo junto (Control-G) y colocarlo sobre la Nintendo..


Paso 11 

Ahora comencemos dibujando los botones del joy-con. Para el joystick, crea un 40 x 40 px elipse# 1A1A1A) con el Herramienta Elipse (L), y agregar otro de 38 x 38 px (# 333333).

Después, Duplicar la última elipse dos veces (Control-C seguido por Control-f) y mueve la última copia 4 px hacia abajo. Entonces aplique Frente menos a la copia anterior usando el Pionero panel. Cambiar el Llenar color para # 4D4D4D.

Paso 12

Seleccione la elipse interior, Duplicar dos vecesControl-C> Control-F) y baje la última copia 15 px. Aplicar Frente menos desde el Pionero panel y uso # 363636 como el Llenar color.

Ahora crea un 30 x 30 px elipse usando # 1A1A1A como el Llenar y Carrera y seleccionando un espesor de 1 px. Colóquelo en el centro del botón y luego dibuje una línea en cada vértice con la Herramienta Pluma (P).

Finalmente, crea un 40 x 40 px elipse# 000000) con 20% Opacidad y colóquelo en la parte inferior del botón (Controlar-[).

Paso 13

Grupo todo el botón junto (Control-G) y Duplicar eso (Control-C> Control-F). Coloque ambos botones como se muestra en la imagen de arriba.

Paso 14

Ahora dibuja los botones de dirección. Para esto, crea un 17 x 17 px elipse# 333333). Entonces Duplicar un par de veces (Control-C seguido de Control-F) y bajar la última copia 3 px. Después, aplicar Frente menos con la copia anterior utilizando el Pionero panel.

Cambiar el Llenar color para # 4D4D4D. Agrega un 17 x 17 px elipse# 000000) con 20% de opacidad y colóquelo en la parte inferior del botón (Controlar-[)

Paso 15

Grupo el botón (Control-G) y Duplicar tres vecesControl-C> Control-F). Colócalos juntos, formando la forma de una cruz.. Grupo todo una vez más (Control-G).

Ahora dibuja un triángulo (# 4D4D4D) con el Herramienta de polígono y Duplicar eso (# 000000) (Control-C> Control-F), moviendolo 1 px hacia arriba. 

Paso 16

Dibuje tres triángulos en el resto de las direcciones y repita el mismo procedimiento que en el paso anterior. Y coloca los botones a la izquierda..

Paso 17

Tome las copias de los botones que separamos antes y agregue sobre ellas las letras X, Y, UNA y segundo utilizando la Tipo de herramienta (T), y luego configurar el Llenar color para #ABABAB. Coloca los botones a la izquierda..

Puedes usar cualquier fuente Sans Serif que te guste.

Paso 18

Vamos a crear dos pequeños botones. Para ello, crea un 12 x 4 px rectángulo# 333333), Duplicar eso (# 000000), selecciona el Opacidad a 20%, enviarlo hacia atrás (Controlar-[), y moverlo hacia abajo 1 px.

Después, crea un 12 x 1 px rectángulo# 4D4D4D) en la cima. Grupo el botón (Control-G) y Duplicar eso (Control-C> Control-F). 

Agrega un 4 x 12 px rectángulo # 333333 ) y un 4 x 1 px rectángulo # 4D4D4D ). Luego, agregue un 4 x 12 px rectángulo# 000000) con 20% de opacidad y colocarlo en la parte posterior (Controlar-[) Grupo el segundo botón (Control-G) y posicionarlo como se muestra en la imagen de abajo.

Paso 19

Copie uno de los botones de dirección y agregue una 12 x 12 px elipse usando # 707070 como el Llenar Carrera. Entonces, toma el Herramienta estrella y dibuja una estrella de cinco esquinas y usa # 000000 como el Carrera color. Grupo el botón junto (Control-G) y colóquelo en la derecha con alegría.

Paso 20

Agrega otro botón en el joy-con izquierdo usando un 12 x 12 px rectángulo redondeado (# 333333) y establece su radio a 1 px. Entonces Duplicar dos vecesControl-C seguido de Control-F) y mueva la última copia hacia abajo 1 px. Después, aplicar Frente menos con la copia anterior utilizando el Pionero panel.

Utilizar # 4D4D4D como el Llenar color. Duplicar eso (Control-f), enviar al fondo (Controlar-[) y moverlo 1 px hacia abajo. Cambiar el Llenar color para # 000000 y establecer el Opacidad a 20%.

Finalmente, agregue un 7 x 7 px elipse usando # 000000 como el Llenar y Carrera. Grupo el botón junto y colóquelo en la izquierda joy-con.


3. Cómo crear un fondo y agregar detalles

Paso 1

En este paso, crearemos un fondo utilizando dos 400 x 600 px rectángulos utilizando # E84C53 y # 4CC6E8 como el Llenar colores. Envíalos al fondo del lienzo (Controlar-[) y coloque uno de ellos a la izquierda y el otro a la derecha.

Paso 2

Ahora agregue algunos puntos y cruces usando el Herramienta Rectangular (M) y Herramienta Elipse (L). Utilizar #FFFFFF como el color de relleno. Por último, agrega una sombra debajo de Nintendo usando una 450 x 17 px elipse# 000000) y establece el Opacidad a 10%.

¡Felicidades! Estás terminado!

Y así hemos terminado este divertido Nintendo Switch, y ahora me gustaría tener uno en mis manos. Espero que hayas disfrutado este tutorial y que hayas puesto en práctica todo lo que aprendiste. Me gustaría ver tus resultados.!