Cómo diseñar un Blaster de ciencia ficción plano en Adobe Illustrator

Lo que vas a crear

¿Te gustan las películas de ciencia ficción, los juegos y las armas elegantes? Sigue este tutorial y prueba el diseño de armas creando un bláster espacial futurista en un estilo moderno y plano.. 

Estaremos modificando formas simples, por lo que realmente no necesita ninguna habilidad de dibujo o equipo especial para este tutorial. Aprenderá cómo aplicar gradientes correctamente para hacer que los elementos salgan y logren un aspecto completo. Además, descubrirá algunos consejos y trucos mientras trabaja con el panel Pathfinder, la herramienta Shape Builder y los modos de fusión, creando semisombras sutiles y reflejos suaves para agregar algo de dimensión a nuestra arma, a la vez que conserva el estilo plano general..

Al final de este tutorial, habrás aprendido los trucos de crear un bláster plano y podrás aplicar estas técnicas y diseñar una variedad de armas planas, rifles, espadas y otros tipos de recursos para juegos. Eche un vistazo a GraphicRiver para obtener más inspiración y comencemos!

1. Cómo crear una boquilla con líquido

Paso 1

En primer lugar, necesitamos crear una Nuevo documento de 600 x 600 px en Modo de color RGB. Utilizar el Herramienta Rectangular (M) hacer un 600 x 600 px cuadrado azul claro para el fondo y Alinear al Artboard, utilizando el Alinear panel.

Paso 2

Antes de comenzar a crear cualquier elemento de nuestra arma, deberíamos tener una cierta idea de su diseño y apariencia general. ¿Va a ser un rifle espacial contra extraterrestres o un arma alienígena real? ¿Será una poderosa escopeta o un pequeño cañón de mano?? 

Después de reflexionar e intercambiar ideas, terminé con un boceto hecho a la derecha en Adobe Illustrator con la ayuda de Herramienta de lápiz (N). Me sirvió como referencia durante todo el proceso de creación de una versión final del bláster..

Paso 3

Comencemos a construir nuestra arma desde su parte más grande: una boquilla de vidrio con un poco de líquido pegajoso verde en el interior (eso es obviamente letal, así que ten cuidado).

Toma el Herramienta Rectangular (M) y hacer un 250 x 40 px forma. Aplica un degradado lineal de verde claro a verde más oscuro. Puedes usar la barra de colores del Gradiente Panel para mover los controles deslizantes de color, creando un borde recto distinto entre los colores. 

Para hacer esto, seleccione el control deslizante verde claro en el lado izquierdo de la barra de colores y arrástrelo hacia la derecha. Haga lo mismo con el control deslizante verde oscuro, arrastrándolo en la dirección opuesta, haciendo que ambos controles deslizantes se encuentren en un cierto punto de la barra de color (ya sea en el centro o más cerca de su mitad derecha). Cuanto más cerca estén los controles deslizantes entre sí, más nítidos y más definidos se volverán los bordes entre ellos..

Ajuste el ángulo del relleno lineal a -90 grados en el Gradiente panel, o utilice el Herramienta de gradiente (G) y espera Cambio para ajustar la dirección del relleno.

Agregue dos tiras finas de color marrón de la misma longitud arriba y debajo del rectángulo verde.

Etapa 4

Copia la forma verde y Pegar en el frente (Control-C> Control-F). Sostener Alt y encoge la forma, haciéndola mucho más estrecha. Rellene la nueva forma con un color sólido verde oscuro y cambie el Modo de fusión a Pantalla en el Transparencia Panel, creando un resaltado para hacer que la superficie de la boquilla resbala y se torne vítrea..

Tomar el Herramienta de rectángulo redondeado y hacer un 5 x 60 px Forma con esquinas totalmente redondeadas..

Podemos configurar el Radio de esquina seleccionando el rectángulo con el Herramienta de selección directa (A) y ya sea ajustando el valor en el panel de control en la parte superior o tirando de los marcadores circulares de la Esquinas vivas que puede encontrar al lado de cada esquina de la forma mientras se selecciona con la Herramienta de selección directa (A). Tenga en cuenta que de esta manera podemos ajustar cada esquina por separado o todas las esquinas a la vez, dependiendo del resultado deseado. 

Rellene el rectángulo redondeado con un degradado lineal de marrón a púrpura oscuro, colocando ambos controles deslizantes del degradado en el mismo punto para crear un borde distinto entre los colores.

Finalmente, selecciona la forma con la Herramienta de selección (V), sostener Alt-Shift y arrastre la forma hacia el lado, creando una copia. Agregue un par de copias más y distribúyalas como se muestra a continuación..

Paso 5

Tomar el Herramienta Elipse (L) Y haz unos cuantos círculos para las burbujas. Selecciona el Llenar a ninguno y al Carrera color a verde oscuro, y cambiar a Modo de fusión de pantalla.

Selecciona el Peso del trazo a 1.5 pt ya sea en el panel de control en la parte superior o en la Carrera panel.

Grupo (Control-G) Los elementos de la boquilla para mantener la imagen limpia y organizada..

Paso 6

Ahora vamos a añadir un bozal a la pistola. Hacer una 20 x 95 px rectángulo, aplicando un degradado lineal de blanco a color gris claro, imitando una superficie de plástico o metal esmerilado. 

Seleccione la forma con el Herramienta de selección directa (A) Y ajustemos las esquinas. Dirígete al panel de control en la parte superior y haz clic en Las esquinas Parámetro para abrir la ventana de opciones desplegable. Seleccionar Esquina de chaflán y establecer el Radio a 5 px, haciendo una forma biselada.

Paso 7

Duplicar (Control-C> Control-F) La forma y el relleno de la copia superior con color sólido de color verde oscuro. Tomar el Herramienta de borrador (Shift-E), sujetar Alt, sostener el boton izquierdo del raton y extienda la selección sobre la parte izquierda de la forma, dejando solo una tira delgada por el lado derecho. Suelte la tecla del mouse y, ¡voilá!, Solo nos queda la tira delgada. Cambiar su Modo de fusión a Pantalla, creando así un punto culminante.

Paso 8

Duplicar (Control-C> Control-F) el punto culminante y haga doble clic en el Herramienta de reflexión (O) para abrir la ventana de opciones. Selecciona el Eje vertical y haga clic en el Dupdo botón para crear una copia reflejada.

Encajemos la copia en el lado opuesto de la boca, usando el Alinear panel. Seleccione tanto la copia como el hocico y haga clic en la forma del hocico una vez más para que sea una Objeto clave (Se marca con una selección más gruesa). Hacer clic Alinear horizontalmente a la izquierda en el Alinear Panel para pegar la forma al borde izquierdo del hocico..

Finalmente, cambie el color de relleno de la copia a verde claro y cambie el Modo de fusión a Multiplicar, creando así una sutil sombra plana.

Paso 9

Continuemos agregando elementos al bozal. Crear un 30 x 45 px rectángulo para el cañón de la pistola y rellénelo con un degradado lineal de azul oscuro a púrpura oscuro. Enviar la forma de Atrás (Shift-Control- [) y Duplicar eso. Reducir la copia a 15 x 45 px, cambia su color a morado claro, y establece el Modo de fusión a Multiplicar, haciendo una suave sombra del hocico.

Termina con esta parte del arma duplicando la forma oscura y reduciéndola a 30 x 15 px. Rellena la forma de color oscuro y cambia a Pantalla Modo, creando un resaltado brillante en la superficie de metal.

Paso 10

Todavía nos faltan algunas sombras en la parte de cristal de nuestro blaster. Utilizar el Herramienta Rectangular (M) para crear unos rectángulos de la misma altura que la forma verde.

Rellénalos con un ligero tinte azul y cambia a Modo multiplicar.

Utilizar el Herramienta de selección directa (A) para seleccionar el punto de anclaje superior izquierdo de cada rectángulo. Golpea el Entrar clave para abrir el Movimiento ventana de opciones y configurar el Horizontal valor para 5 px y el Vertical valor para 0 px. Hacer clic DE ACUERDO, Moviendo los puntos a la derecha y sesgando los rectángulos..

Paso 11

Seleccione los rectángulos creados y Objeto> Ruta compuesta> Hacer (o presione Control-8) para unir las sombras separadas en un camino compuesto.

Coloque las sombras justo debajo de las líneas verticales, moviéndolas manualmente en el Capas panel o por Enviando hacia atrás (Control- [) unas pocas veces.

2. Cómo crear el cañón y el cuerpo del arma

Paso 1

Hacer una 210 x 25 px rectángulo y usar el Herramienta de cuentagotas (I) para recoger el gradiente de color gris claro de la boca. Enviar hacia atrás (Shift-Control- [), Colocando la forma debajo de la construcción metálica de la boquilla..

Tomar el Herramienta de selección directa (A) y seleccione el punto de anclaje inferior derecho de la forma. prensa Entrar para abrir el Movimiento ventana y configurar el Horizontal valor para -20 px y el Vertical valor para 0 px. Hacer clic DE ACUERDO mover un solo punto a la izquierda.

Paso 2

Añadamos detalles, usando el Herramienta Rectangular (M) y el Herramienta de borrador (Shift-E), como hicimos anteriormente. Duplicar (Control-C> Control-F) la forma. Rellena la forma con un color más oscuro y cambia el Modo de fusión a Pantalla.

Ármate con el Herramienta de borrador (Shift-E), sostener Alt y borre la parte inferior de la forma, dejando solo una franja estrecha para resaltar en la parte superior.

Paso 3

Repita el paso anterior, agregando muescas y sombras en Multiplicar y Modos de fusión de pantalla.

Etapa 4

Cree otro elemento gris claro en la parte inferior de la boquilla. Utilizar el Herramienta Rectangular (M) hacer un 270 x 24 px dar forma y agregar luces, sombras y muescas, utilizando nuestro método con copias y el Herramienta de borrador (Shift-E).

A continuación, haz un 20 x 110 px Pieza rectangular y colóquela perpendicular al detalle del fondo. Seleccione ambas partes y haga que el rectángulo inferior a Objeto clave haciendo clic una vez más. Dirígete a la Alinear panel y encaje el rectángulo en la parte inferior de la Objeto clave haciendo clic en el Parte inferior de alineación vertical botón.

Paso 5

Sigamos adelante y sigamos diseñando el cuerpo de nuestro blaster. Adjunta un 113 x 103 px rectángulo en el borde izquierdo del arma, aplicando el mismo degradado lineal gris claro.

Seleccione sus puntos de anclaje superior e inferior izquierdo con el Herramienta de selección directa (A) y hacer las esquinas Achaflanado con Radio de 20 px, Usando el menú en el panel de control superior..

Agrega un 113 x 30 px Franja brillante, aplicando un degradado lineal de naranja vivo a rojo.

Paso 6

Agregue muescas, luces y sombras, utilizando la técnica que ya hemos dominado en los elementos anteriores. Grupo (Control-G) Esta parte del arma y sigamos adelante.!

Paso 7

Vamos a representar un recargador o una revista de nuestro arma. Usaremos la parte verde que ya hemos creado para acelerar nuestro trabajo..

Duplicar la parte de la boquilla del blaster y acortar la barra verde, reduciéndola a aproximadamente 164 x 40 px, y reduce el número de barras verticales oscuras a dos.

Duplicar Coloque los elementos del cañón del arma y colóquelos en el borde derecho del cargador, cambiando la escala ligeramente. Hacer el elemento gris claro un poco más ancho, a aproximadamente 28 x 75 px.

Paso 8

Hagamos un tornillo externo para hacer más detallada la parte del cargador..

Utilizar el Herramienta Elipse (L) hacer un 15 x 15 px Círculo de color verde oscuro. Cambiarlo a Pantalla Modo para que sea semitransparente y brillante.. Duplicar el círculo y haga la copia superior más pequeña, estableciendo su tamaño en 10 x 10 px.

Selecciona ambos círculos y usa el Frente menos función de la Pionero para cortar el círculo superior, creando un anillo.

Termina agregando un círculo oscuro dentro del anillo, escogiendo el color de la boca del blaster. Grupo (Control-G) todos los elementos del tornillo.

Paso 9

Agregue el tornillo a la parte blanca del recargador y continúe agregando un 230 x 15 px apoyo para conectar esta parte del arma al cuerpo del blaster.

Utilizar el Herramienta de reflexión (O) para voltear y copiar los elementos sobre el Eje vertical y adjuntarlos al borde opuesto de la recargadora.

Recuerda grupo Los elementos para mantener todo en orden..

3. Cómo diseñar el agarre y el gatillo de la pistola

Paso 1

Ahora podemos finalmente pasar a la parte inferior del blaster y crear una empuñadura. Utilizar el Herramienta Rectangular (M) hacer un 75 x 140 px Forma con relleno degradado lineal oscuro que podemos recoger de la boca.

Seleccione los puntos de anclaje inferiores de la forma con el Herramienta de selección directa (A) y golpear Entrar para abrir el Movimiento panel. Selecciona el Horizontal valor para -50 px y el Vertical valor para 0 px, De este modo, la forma se desvía hacia la izquierda..

Paso 2

Manteniendo seleccionados los puntos de anclaje inferiores, haga que Esquinas achaflanadas en el panel de control en la parte superior y configurar el Radio valor para 12 px.

Duplicar el agarre y el uso de la Herramienta de borrador (Shift-E) para crear una sombra estrecha en la parte superior del elemento. Establecer su Modo de fusión a Multiplicar.

Paso 3

Hagamos el agarre lo más detallado y tridimensional posible.. Duplicar la forma, mantenga Cambio y mueva la copia superior hacia la derecha, de modo que las copias se superpongan un poco.

Selecciona ambas copias y toma el Herramienta de creación de forma (Shift-M). Sujetar Alt y haga clic en la sección de la derecha para eliminarlo. Cambia la pieza restante a Pantalla modo, creando un resaltado.

Etapa 4

Ahora necesitamos agregar algunas muescas finas, como hicimos anteriormente, pero esta vez necesitamos que repitan la forma de la empuñadura para que los elementos encajen entre sí.. 

Copiar (Control-C) la forma de agarre y Pegar en el frente (Control-F). Sostener Cambio y arrastre la copia hacia el lado derecho (la forma amarilla en la captura de pantalla a continuación). Pegar en frente de nuevo (la forma roja en la captura de pantalla a continuación) y arrastre la nueva copia un poco más hacia la derecha, haciendo que las copias se superpongan de modo que solo haya una pequeña franja visible entre ellas.

Manteniendo ambas copias seleccionadas, haga clic en Frente menos función de la Pionero Para eliminar la forma, dejando solo una muesca delgada. Ajusta su color y cambia a Multiplicar modo. Duplicar la forma creada, muévala hacia el lado un poco y conviértala en un resaltado.

Paso 5

Agreguemos una sombra a la parte inferior de la empuñadura también. Crea un rectángulo, superponiendo la parte inferior de la empuñadura. Seleccione tanto la base de agarre como el rectángulo y use la Herramienta de creación de forma (Shift-M) mientras lo esté agarrando Alt para eliminar la parte no deseada del rectángulo. Cambia la pieza restante a Multiplicar modo.

Paso 6

Vamos a pasar al siguiente detalle de nuestro blaster. Tomar el Herramienta Rectangular (M) y hacer un 145 x 50 px Forma con relleno degradado lineal púrpura oscuro. Conéctelo a la empuñadura, ajustando su esquina inferior izquierda al borde de la empuñadura.

Seleccione el resaltado en el lado derecho de la empuñadura junto con la nueva forma. Tomar el Herramienta de creación de forma (Shift-M) y haga clic y arrastre sobre el resaltado, conectando la pieza del nuevo rectángulo a él. Suelte el botón del ratón, y ahí lo tiene! La pieza innecesaria del rectángulo desapareció al fusionarse con la otra forma..

Paso 7

Crear un 93 x 35 px Rectángulo y rellénelo con un color brillante (rojo, por ejemplo) para hacerlo claramente visible..

Duplicar el rectángulo oscuro horizontal, Traer la copia al frente (Shift-Control-), y muévalo hacia la izquierda, cubriendo la forma roja de modo que solo quede una pieza triangular afuera (lleno la copia superior con un color marrón para hacerla visible también).

Seleccione ambas formas y aplique la Intersecarse Función para modificar el rectángulo rojo, cortando su pieza triangular..

Paso 8

Tomar el Herramienta de selección directa (A) y seleccione el punto superior derecho y ambos puntos de anclaje inferior de la forma roja. Selecciona el Esquina escriba a Chaflán y el Radio a 6 px.

Seleccione la forma roja y el rectángulo oscuro debajo de ella y aplique el Frente menos función para cortar la forma superior.

Agregue detalles (sombras, resaltes y muescas) a la forma, usando el Herramienta Rectangular (M) y el Herramienta de creación de forma (Shift-M), como hicimos anteriormente.

Paso 9

Ahora vamos a hacer el gatillo. Crear un 17 x 20 px rectángulo con relleno lineal de color púrpura oscuro y adhiera una tira rectangular más estrecha a su borde inferior. Enviar ambas formas para Atrás (Shift-Control- [).

Seleccione los puntos de anclaje del lado inferior derecho con el Herramienta de selección directa (A) y presione Entrar para abrir el Movimiento ventana. Selecciona el Horizontal valor para 0 px y el Vertical valor para 7 px y haga clic DE ACUERDO para mover esta parte del gatillo hacia abajo.

Termina con el gatillo duplicando su base, haciéndolo más pequeño y convirtiéndolo en una sombra al cambiar a Multiplicar modo.

Paso 10

Así es como se ve la parte inferior de nuestro blaster ahora. ¡Casi terminado! Solo quedan algunos detalles menores.

Paso 11

Agregue un elemento metálico brillante en el lado derecho de la construcción. Complétala con detalles menores y usa el Herramienta Rectangular (M) para agregar una sombra en Multiplicar modo.

Paso 12

Terminar tomando la Herramienta de curvatura (Shift- ') y arrastrando el borde izquierdo de la sombra más a la izquierda, haciendo la forma arqueada.

Bang-Bang! Nuestro Flat Sci-Fi Blaster está terminado!

¡Gran trabajo! Espero que hayas disfrutado el proceso de diseño de un arma y que hayas descubierto algunos consejos y trucos que podrían ser útiles para tus futuras obras de arte. Siéntase libre de compartir sus resultados en los comentarios a continuación..

Que te diviertas!