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.
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 RGB, Pantalla (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..
Ahora comenzaremos a crear el cuerpo y los componentes básicos de Nintendo..
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).
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.
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.
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
.
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
.
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
.
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.
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.
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).
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..
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
.
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-[).
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.
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-[)
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.
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..
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.
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.
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.
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.
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.
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%.
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.!