Cómo Crear un Nintendo Switch en Adobe Illustrator

Aprenda a crear el nuevo Nintendo Switch utilizando formas básicas y herramientas de Adobe Illustrator. ¡Vamos a divertirnos!

Encuentra más Inspiración de Videojuegos en GraphicRiver.

1. Cómo Crear un Nuevo Documento

Presione Control-N para hacer un nuevo documento. Establece las unidades en píxeles y coloca en 800 x 600 para el Ancho y Alto del documento. Luego en las opciones Avanzadas, seleccione RGB, Pantalla (72 ppp) y asegúrese de que Desactivar alinear nuevos objetos al cuadro de la cuadrícula de píxeles antes de hacer clic en Aceptar.

Ir a Preferencias (Control-K) y colocar en 1 px para el incremento de teclado. Pulse la tecla OK.

Puede activar el panel Información ( Ventana > Información ) para poder tener una vista previa del tamaño y la posición de las formas. No olvide establecer la unidad de medida en Pixeles en Editar > Preferencias > Unidades. Esto aumentará grandemente la velocidad de su trabajo.

2. Cómo Crear un Nintendo Switch

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

Paso 1

Para el cuerpo, crea un rectángulo de 366 x 220 px con la Herramienta Rectángulo (M) y utiliza #4D4D4D como el color de Relleno. Esquinas Redondeadas Invertida con un 10 px Radio desde el panel Transformar.

Agregar los controles utilizando dos rectángulos de 77 x 220 px; Use #4CC6E8 como el color de Relleno para una de ellas y #E84C53 para el otro. Luego redondear las esquinas con Esquinas en Directo con la Herramienta de Selección Directa (A).

Paso 2

Vamos a trabajar en la pantalla por ahora, por lo que creamos un rectángulo 345 x 205 px  ( #1a1a1a ) y alrededor de sus esquinas ligeramente con la herramienta de Selección Directa (A) .

Hacer una Copia ( Control-C seguido de Control-F ) y aplicar -1 px offset ( Efecto > Trazado > Desplazamiento ... ). Cambiar el Relleno de color a #333333 . Dibuje dos rectángulos redondeados pequeños, utilice la herramienta de rectángulo redondeado en la parte inferior de la última copia y aplica menos el frontal con el panel Buscatrazos.

Paso 3

Ahora, añadir un rectángulo 300 x 175 px  ( #1a1a1a ). A continuación, añadir dos rectángulos ( #FFFFFF ) y Girar estos a 45 ° utilizando la herramienta Rotar (R) .

Ajuste la Opacidad al 10% usando el menú de la barra superior. Con la herramienta Constructor de Forma (Shift-M) , cortar las formas restantes seleccionándolos junto con el rectángulo redondeado interno.

Paso 4

Ahora vamos a dibujar algunas sombras y la iluminación de los controles. Vamos a empezar con la Joystick izquierda. Duplicar dos veces ( Control + C > Control + F ) y mueva la última copia 5 píxeles hacia arriba utilizando la tecla de flecha en su teclado.

Se aplican Minus frontal con el panel Buscatrazos y seleccionar la copia anterior. Cambiar el color de la forma restante a #2CB8DE.

Paso 5

Duplicar el Joystick izquierda dos veces más ( Control + C > Control + F ), y esta vez se mueve la última copia 5 píxeles hacia abajo.

Aplicar menos frontal con la anterior copia con el panel Buscatrazos y cambiar el color de Relleno #6FD2ED.

Paso 6

Ahora repita el mismo procedimiento de los pasos 4-5 de la Joistick. Para la sombra inferior, utilice #D93B42 como el Relleno de color, y para el uso bisel superior #E85D63.

Paso 7

Ahora toma la forma del Joistick izquierda de nuevo y hacer una copia ( Control + C > Control + F ). Retire el Relleno de color y establecer #333333 como Trazo Relleno con un 5 px de espesor.

Paso 8

Entrar en el Modo Aislar por hacer doble clic en el formulario.Ahora toma la Herramienta de la Pluma (P) y añadir dos nodos en la parte superior, y luego eliminar el resto de los nodos, dejando un arco.

Establecer los extremos del trazo como tapa redonda mediante el panel Trazo.

Paso 9

Pulse Escape para salir del Modo de Aislamiento. Duplicar el movimiento (Control-C > Control-F) (#ACD4A3) y reflejar verticalmente (Click Derecho > Transformar > Reflect). Colocar la copia en el otro con alegría.

Coloque ambos trazos bajo el joystick (Objeto > Organizar > Enviar a Atrás).

Paso 10

Ahora añadir un botón en la consola mediante la creación de un rectángulo de 32 x 3 px (#1A1A1A). Dibujar dos rectángulos pequeños (#333333) y dos pequeños rectángulos (#666666) en él con la Herramienta Rectángulo (M), como se muestra en la imagen de abajo.

Agrupar todo junto (Control-G) y colóquela sobre el Nintendo.

Paso 11

Ahora vamos a empezar por dibujar botones joystick. El joystick, para crear una elipse de 40 x 40 px (#1A1A1A) con la Herramienta Elipse (L) y añadir otro de 38 x 38 px (#333333).

Luego, Duplicar la elipse pasada dos veces (Control-C seguido de Control-F) y mueva la copia pasada 4 px hacia abajo. Luego se aplican Menos Frente a la copia anterior con el panel Buscatrazos. Cambiar el color de Relleno a #4D4D4D.

Paso 12

Seleccione la elipse interior, Duplicar dos veces (Control C > Control-F) y bajar la copia pasada por 15 px. Aplicar Menos Frontal desde el panel Buscatrazos y utilizar #363636 como el color de Relleno.

Ahora crear una elipse de 30 x 30 px usando #1A1A1A como el Relleno y selección del Trazo con un espesor de 1 px. Coloque en el centro del botón y luego trace una línea en cada vértice con la Herramienta Pluma (P).

Por último, crear una elipse de 40 x 40 px (#000000) con 20% de Opacidad y enviar a la parte inferior (Control-[).

Paso 13

Agrupo el botón todo junto (Control-G) y Duplicarlo (Control-C > Control-F). Coloque dos botones como se muestra en la foto de arriba.

Paso 14

Ahora dibuje los botones direccionales. Para esto, crear una elipse de 17 x 17 px (#333333). Luego Duplícalo un par de veces (Control-C seguido de Control-F) y bajar la última copia 3 px. Luego, aplique Menos Frontal con la anterior copia con el panel Buscatrazos.

Cambiar el color de Relleno a #4D4D4D. Añadir una elipse de 17 x 17 px (#000000) con 20% Opacidad y enviar la parte inferior (Control-[)

Paso 15

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

Ahora dibuja un triángulo (#4D4D4D) con la Herramienta Polígono y Duplícalo (#000000) (Control C > Control-F), mover 1 px hacia arriba.

Paso 16

Dibujar tres triángulos en el resto de las instrucciones y repita el mismo procedimiento como en el paso anterior. Y colocar los botones en la izquierda del joystick.

Paso 17

Las copias de los botones que nos anteriores y añadir sobre ellas las letras X, Y, A y B utilizando la Herramienta de Texto (T) y luego ajuste el color de Relleno a #ABABAB. Coloque los botones en la izquierda con de alegría.

Puede utilizar cualquier fuente Sans Serif que más te guste.

Paso 18

Vamos a crear dos botones pequeños. Para ello, crear un rectángulo de 12 x 4 px (#333333), Duplícalo (#000000), defina la Opacidad al 20%, enviar hacia atrás (Control-[), y muévala hacia abajo por 1 px.

Luego, crear un rectángulo de 12 x 1 px (#4D4D4D) en la parte superior. Agrupo el botón (Control-G) y Duplicarlo (Control C > Control-F).

Añadir un rectángulo de 4 x 12 px (#333333) y un rectángulo de 4 x 1 px (#4D4D4D). Luego, añada un rectángulo de 4 x 12 px (#000000) con 20% Opacidad y enviar a la parte posterior (Control-[) Agrupo el segundo botón (Control-G) y colocarlo como se muestra en la imagen de abajo.

Paso 19

Copie uno de los botones direccionales y añada una elipse de 12 x 12 px usando #707070 como Relleno de Trazo. Luego, tomar la Herramienta Estrella y dibujar una estrella de cinco esquinas y utilizar #000000 como el color del Trazo. Agrupo el botón (Control-G) y colóquela sobre el joystick derecho.

Paso 20

Añadir otro botón a la izquierda joystick con un rectángulo redondeado12 x 12 px  (#333333) y ponga su radio a 1 px. Entonces Duplicar dos veces (Control-C seguido de Control-F) y bajar la última copia 1 px hacia abajo. Luego, aplique Menos Frontal con la anterior copia con el panel Buscatrazos.

Utilice #4D4D4D como el color de Relleno. Duplícalo (Control-F), envíe a la parte posterior (Control-[) y 1 px hacia abajo. Cambiar el color de Relleno #000000 y defina la Opacidad al 20%.

Por último, añadir una elipse de 7 x 7 px con #000000 como el Trazo y el Relleno. Agrupar el botón y colóquela en la izquierda del joystick.

3. Cómo Crear un Fondo y Agregar Detalles

Paso 1

En este paso, vamos a crear un fondo con dos rectángulos 400 x 600 px con #E84C53 y #4CC6E8 como los colores de Relleno. Enviar a la parte posterior del lienzo (Control-[) y el lugar uno de ellos a la izquierda y el otro a la derecha.

Paso 2

Ahora añadir algunos puntos y cruces utilizando la Herramienta Rectángulo (M) y la Herramienta Elipse (L). Use el color de relleno #FFFFFF. Por último, añadir una sombra debajo de la Nintendo con una Elipse de 450 x 17 px (#000000) y defina la Opacidad al 10%.

¡Felicidades! ¡Estás acabado!

Y así hemos terminado este divertido Nintendo Switch, y ahora deseo que yo tuve uno en mis manos. Espero que te haya gustado este tutorial y que pongas en práctica todo lo aprendido. ¡Me gustaría ver los resultados!