Spanish (Español) translation by Cristian Marroquin (you can also view the original English article)
Si sigues esta serie de tutoriales de arte de pixel, puedes tener en tu posesión un carro bonito para tu personaje de arte de pixel, en su mundo de arte de pixel. Vamos añadir otro vehículo a tu colección haciendo un helicóptero—o si estás buscando por una manera más rápida de añadir elementos a tu ciudad isométrica puedes comprar muchos elementos isométricos desde Envato Market.
1. Definir la Altura y la Anchura
Vamos hacer la altura del helicóptero basada en el personaje de pixel, como es usual.
Paso 1
El helicóptero debe ser el doble de la altura del personaje. Las proporciones no necesitan ser estrictamente realistas; al final es mejor tener vehículos y edificios más pequeños y precisos, para que personaje permanezca visible en ilustraciones más largas y complejas.
Paso 2
Si ya tienes el carro de arte de pixel, ¡felicidades! Puedes usarlo para definir las medidas del helicóptero. Vamos a hacer un cuadrado con la altura anteriormente definida y la longitud del carro.
Si no tienes el carro, ¡ve a hacerlo! O solo imagina una longitud que sea 1.5 más larga que el personaje que esté ahí.
Paso 3
Ahora tomaremos el cuadrado y la copiaremos lado a lado para tener tres cuadrados en una línea. Eso será la longitud de nuestro helicóptero.
Paso 4
Quita los quiebres en el medio y ordenaremos para esculpir el helicóptero de esta forma.
2. Diseñar el Helicóptero
La manera en que lo haremos será haciendo una especia de plano; un dibujo plano de uno de sus lados.
Si piensas en un helicóptero, su forma no es muy compleja, desde una vista de arriba. Haremos el dibujo de la vista de lado porque es donde todas las partes complejas están. Es fácil encontrar diseños de helicóptero con la punta, frente y vista de lado en búsqueda de imágenes, así que siéntete libre de hacerlo, o solo sigue este diseño.
Paso 1
Yendo desde la parte de arriba hacia abajo, vamos añadir una línea paralela, tan cercana como sea posible a la parte superior (1 px entre las dos líneas). Esto definirá las astas del helicóptero.
Paso 2
Debajo de las astas necesitarás añadir un poco de líneas verticales para los rotores. Ponlos cerca de 1/3 de la longitud y tan alto como, digamos, la cabeza del personaje, o de la manera que te guste.
Debajo de eso he añadido un par de líneas paralelas. Ellas definen el tamaño del motor: una línea para la parte superior y la otra para la inferior, lo que es al mismo tiempo el techo de la cabina del helicóptero.
Paso 3
Le daremos al helicóptero una cola adjunta a la última línea que añadimos y una línea superior. Las líneas que van hacia arriba serán 2:1 (lo que significa dos píxeles arriba por cada píxel de ancho) y 3:1. De esa manera obtendremos la proporción de la forma y las uniremos con en la parte superior con una línea 1:1 para darle una forma aleta genial.
Le daremos al motor un punto en la parte de atrás donde termina.
Paso 4
Algunas de estas líneas ya no son necesarias, así que bórralas.
He añadido un punto en la asta donde eventualmente se hace más ancha y tiene un material diferente. Y luego he copiado el asta, la he volteado y he posicionado en el lado opuesto, extendiéndose por el rectángulo.
Paso 5
Ahora vamos a "esculpir" un escalón en el motor, para darle más complejidad y porque con eso se acerca más a la referencia de helicóptero que he usado.
Paso 6
Necesitaremos definir más líneas en la parte inferior. La primera de ella será para los esquíes de aterrizaje, luego un más arriba de esas tendremos el inferior de la cabina del helicóptero, y una más alta que defina la ubicación de las ventanas y el parabrisas.
Paso 7
Un poco más arriba de esa última línea que añadimos, una nueva diagonal irá hacia arriba hasta que alcance la línea del motor. Esta diagonal es de 2:1 y será el parabrisas del helicóptero.
Paso 8
Limpia las líneas innecesarias. No necesitaremos la última línea horizontal y nada más allá del parabrisas.
Paso 9
El motor debe comenzar un poco más afuera, así que mueve su diagonal de regreso casi al punto medio entre el parabrisas y el escalón de arriba del motor.
Y dale a la parte superior del parabrisas una esquina más suave.
Paso 10
Ahora continuaremos trabajando con la cola del helicóptero.
Hay una cola entre la punta y la cabina, y no debe ser muy delgada.
Paso 11
Y debe tener una ala inferior.
Añade una línea 1:1 desde el mismo punto a medida que la parte superior comienza viniendo de la parte inferior de la cola y apunta hacia abajo y atrás.
Paso 12
Y termina la ala. No necesita exactamente reflejar la parte superior de la ala, pero debe tener una forma un poco proporcionada.
Aquí está un poco ancho y menos alto.
Ahora puedes borrar las líneas debajo de la cola.
Paso 13
Un pequeño detalle: vamos añadir una línea por derriba de la cola, conectando el motor a la cola.
Paso 14
Y para cerrar la cabina, vamos a añadir una diagonal desde la cola a la parte inferior. Esta está muy escarpada y puntiaguda, lo que se debe evitar, pero al menos mantendremos la línea regular a 4:1 para que no sea muy puntiaguda.
Paso 15
Termina la cabina redondeando las esquinas y borrando las lineas alrededor.
Paso 16
En las partes de aterrizaje, los esquíes son más cortos que la cabina y en curva en la parte frontal.
Paso 17
Conecta los esquíes a la cabina con dos pares de líneas verticales...
... y la vista de perfil de nuestro helicóptero está terminada.
3. Darle al Helicóptero Profundidad/Volumen
Por supuesto, el helicóptero no sera de papel, así que comenzaremos a darle anchura.
Paso 1
Rellena todo el dibujo del helicóptero con un color aleatorio.
Una manera fácil de hacerlo es haciendo una selección que componga el dibujo completamente, y luego con la Herramienta Bote de Pintura y con si configuración de Contiguo desmarcada, da click en cualquier área blanca.
Y luego borra todos los colores no deseados, usa la Herramienta Varita Mágica con su configuración de Contiguo marcada. Luego simplemente selecciona y borras las dos áreas que tienen color no deseado (toda el área que rodea el helicóptero y el rectángulo en el medio de los trenes de aterrizaje).
Es posible añadir a la selección con la Herramienta Varita Mágica y otra herramienta de selección manteniendo presionada la tecla Mayus mientras se usa la herramienta. Así que en este caso, podrías mantener presionada la tecla Mayus, dar clic en dos áreas, y luego presionar Suprimir una vez... aunque no te ahorrará más de un segundo, pero puede ser útil algunas veces.
Es también posible sustraer a partir de una selección presionando Alt, así como intersectar una selección presionando Alt y Mayus.
Paso 2
Haz una copia del estado previo del dibujo del helicóptero, y li utilizaremos después.
Borra los trenes de aterrizaje de la versión original. Esto será la capa media en el "sandwich" que estaremos por hacer.
Paso 3
Toma la copia del dibujo original y, opcionalmente, dale otro color. Y borra el motor y toda la parte superior.
También borraremos la cola—haré el corte donde dibujé esta línea vertical, justo dentro del tren de aterrizaje.
Paso 4
Borra la sección trasera y redondea las esquinas.
Esto hará las capas derecha e izquierda del "sandwich".
Paso 5
¡Haz el sandwich!
Espacea las capas justamente....
... todo el dibujo debe ser tan ancho como el carro...
Me gusta que el helicóptero sea un poco más ancho, así que lo hice un poco más ancho que el carro. Pero realmente la anchura del carro es suficientemente precisa para muchos modelos de helicóptero.
Paso 6
Vamos a alargar los trenes de aterrizaje un poco. Simplemente Selecciona la del frente y muevela 2 px en anchura y 1 px verticalmente.
Repite el proceso con el tren de aterrizaje trasero en la dirección opuesta.
.. y porqué no obtener un tren de aterrizaje listo para el momento.
Paso 7
Si quieres, puedes combinar todo el "sandwich" en una sola capa. Esas son solo guías simples, y ahora podemos trabajar en las líneas finales del helicóptero.
Vamos a comenzar con el motor; puede ser la forma más compleja que tenemos que cubrir.
En una Nueva Capa, dibuja una línea marcando el eje del motor y dos líneas más que serán los bordes. Dibuja esta justo en el techo para obtener el ancho correcto; debe ser casi tan ancha como la cabina, pero no tan ancha.
Paso 8
Ahora mueve las líneas encima del motor y dales la longitud correcta.
Paso 9
Le daremos a esta superficie una forma de lagrima. Podemos comenzar cortando las esquinas con líneas rectas horizontales y verticales.
Paso 10
Redondea las esquinas un poco, a excepción pala que está atrás y borra la línea media.
Paso 11
Ahora Selecciona esta nueva forma y presiona Alt-Empuja hacia abajo 4 píxeles, o lo que sea suficiente para que se junte con el escalón pequeño en la parte del motor.
Borra las líneas de atrás, y debes tener la misma forma de ahora con un poco de grosor.
Paso 12
Toma la mitad frontal de la superficie de lagrima y aplícala en las esquinas frontales sobrantes en donde las guías del motor están marcadas.
Ahora tienes dos formas un poco diferentes.
Paso 13
Puedes borrar las líneas innecesarias (estas dos formas forman una superficie, en la parte de atrás donde se juntan) y corrige la línea que va hacia arriba desde la curva inferior hasta el tope, en una nueva forma.
Esta línea debe mantener la mima inclinación 2:1 que dibujamos en las guías.
Paso 14
Ahora vamos añadir algunas líneas del techo. Mucho de esto es volver hacer las mismas líneas en la guía pero, por supuesto, ese no es problema si recuerdas el truco de Mayus con la Herramienta Lápiz.
Otra fila de líneas se añade ahí. Para darle al helicóptero un poco más de ancho que las guías de "sandwich" sugeridas, queremos ser capaces de redondear las esquinas de la cabina, y las guías no lo pueden hacer.
¿No sabes del truco de Mayus con la Herramienta Lápiz? Simplemente da clic en un punto con la Herramienta Lápiz, mantén presionado Mayus, da clic en otro punto y una linea recta conectará los puntos.
Paso 15
Continua trabajando en el techo, terminalo y conecta las líneas a medida que las veas ajustadas.
Paso 16
Algunas otras conexiones aquí.
Nota que la forma donde las líneas de las esquinas de la parte inferior de la cabina conectan muy cerca de la parte trasera del motor.
Paso 17
Cubriendo más de la cabina, algunas líneas está dibujadas justo sobre las guías de sandwich. Pero yendo a través, las líneas saltan entre las capas del sandwich, formando una línea recta.
Paso 18
Y finalmente le daremos a la cabina un lado trasero. No mantendremos las diagonales puntiagudas de las guías, así que podemos ser creativos en esta área, a medida que obtienes formas curvas conectando con otras formas curvas. Así que básicamente, puede ser un poco menos preciso si estás haciendo algo que piensas que está bien.
Paso 19
Vuelve a dibujar toda la cola; ningún cambio es necesario.
¿No quieres volver a dibujar? Puedes también ir con las capas de guía, selecciona los bordes con la Herramienta Varita Mágica, y luego con la Herramienta Lazo Poligonal (con Suavizado marcado y Desv. a 0 px) intersecta solo la cola (con el truco de Alt-Mayus mencionado antes)... copia eso, y pégalo en su contexto (Edición > Pegado Especial > Pegar en Contexto) y combina con la capa de bordes.
Eso probablemente suene más complicado que volver a dibujar, pero cuando todos estos consejos se vuelven naturales, le darás a tus acciones frecuentes un atajo del teclado, su uso toma un poco de tiempo.
Paso 20
Ahora puedes volver a dibujar el rotor. Podemos añadir un poco de volumen extra a la base.
Paso 21
Vamos a hacer las astas en una Nueva Capa.
Podemos añadir una especie tapa donde las dos astas se juntan.
Paso 22
Las astas deben ser un poco más ancha luego del punto que dibujamos en la guía.
Paso 23
Una vez que hallas dibujado una asta de la manera que te gusta, puedes copiarla y rotarla 180° (Edición > Transformar > Rotar 180°) y ponla al otro lado.
Paso 24
Para mejorar nuestro helicóptero, podemos añadir astas en una posición volteada (Edición > Transformar > Voltear Horizontal).
Paso 25
No incluimos estabilizadores en las guías, pero son muy fáciles de añadir. Solo añade un rectángulo cerca de la cola...
... y otro en el lado opuesto de la cola.
Paso 26
Y hay otra cosa que dibujamos en la guía: los helicópteros necesitan rotores para controlar su dirección.
Comienza con una vara delgada apuntando perpendicularmente fuera de la cola.
Paso 27
Y dale un par de astas pequeñas.
Y finalmente, tenemos las formas.
4. Añadir Detalles y Color
Ahora, en cuanto a los detalles y colores, vamos añadir algunas ventanas.
Paso 1
Las líneas inferiores de la ventana pueden conformar la parte de arriba de la ventana. Solo necesitamos añadir una línea inferior.
Paso 2
Ya tenemos una línea justo en el medio de la cabina, gracias a las guías de sandwich. Así que pondremos un par de líneas en ambos lados de esa línea y obtendremos la parte media del parabrisas.
Paso 3
Y luego añadiremos las divisiones del resto de las ventanas.
Paso 4
Y las guías del sandwich han cumplido su trabajo.
Bórralas... o haz una capa invisible si te sientes sentimental de hacerlo. De hecho, puedes querer mantener elementos el progreso o intentos fallidos en alguna parte, porque eventualmente muchas cosas pueden ser útiles de nuevo.
Paso 5
Puedes rellenar el helicóptero con el color de tu elección.
Paso 6
Y ahora comenzaremos añadiendo iluminación apropiada—primero, con algunas áreas que esperamos que brillen un poco más.
Paso 7
Luego cubriendo más áreas, como esquinas puntiagudas. También añadiremos otra sombra más brillante para las áreas que queremos resaltar un poco más.
Iremos al color de las ventanas luego.
Paso 8
Ahora añadiremos sombras más oscuras en uno de los lados, en las áreas que van en curva y apuntan hacia abajo y se alejan del origen usual.
Paso 9
Y luego añade otra sombra más oscura para algunas áreas seleccionadas.
Paso 10
Ahora que la sombra básica está hecha, ve a suavizar el valle de esquinas para que ayude a transmitir la manera en que los elementos conectan y se combinan.
Paso 11
Ahora escoge el color de las ventanas que te gusten. Hice las mías un poco oscuras; me gusta la apariencia.
Paso 12
Aplica el efecto de vidrio de tu elección. Típicamente, me gusta mostrar estas líneas más claras y paralelas al borde del vidrio ya que, en mi opinión, pueden ser vistas como una reflexión de la parte externa de la ventana o como un vistazo hacia dentro de los marcos de la ventana, los es bueno de cualquier manera.
Paso 13
Ahora un poco más de efecto de vidrio: haremos el vidrio un poco transparente mostrando algo de luz a través de las ventanas en el lado que no se ve del helicóptero.
Comienza obteniendo la forma de las ventanas de manera correcta.
Y luego ponlas donde deben ir—en el muro opuesto de la cabina del helicóptero—y darles una ventana de color más claro.
Aquí también hice la línea paralela al frente del parabrisas más gruesa. Pienso que hace que se vea como si podemos obtener una vista de los controles de la cabina.
Paso 14
Los helicópteros tienen más de un color, aplicado como tiras o muchas otras formas, pero simplemente hice la mía con gris claro en la parte inferior.
Esta es el área donde tendrá el color nuevo. Es hecho en una Nueva Capa.
Paso 15
Luego solo disminuí la Opacidad de la Capa y Combiné la capa donde el color rojo está.
Paso 16
Y luego vuelve a colorear todas las secciones con una sombra que te guste.
Si te parece puedes aplicar el nuevo color al tren de aterrizaje. De cualquier manera, el tren de aterrizaje debe tener un poco de sombra también.
Paso 17
Dale un gris oscuro a los rotores.
... y al área entre las astas.
Paso 18
Y dale a las astas su sombras finales. Escoge un gris más claro y dale a las puntas de las astas un poco de amarillo.
5. Aterriza o Vuela el Helicóptero
Vamos a terminar dando a nuestro helicóptero dos estados; puede estar en el suelo (en cuyo caso debe proyectar una sombra directamente debajo) o puede estar en el aire, en cuyo caso debe mostrar las astas en movimiento.
Paso 1
Comienza con el helicóptero en modo aterrizado.
En una Nueva Capa vamos a dibujar formas planas para cada sección mayor del helicóptero.
Aquí está la cabina.
Paso 2
Aquí está la cola.
Paso 3
Y aquí está la sombra en las astas superiores.
Paso 4
Luego ponlas juntas. Debe estar centradas con el eje del helicóptero.
Paso 5
Y para aplicar la sombra, mueve esta capa debajo del helicóptero y baja su opacidad. Esta es de 15% de opacidad.
Y eso es el helicóptero en modo de aterrizaje, listo para ser puesto en una superficie plana.
Paso 6
Para el helicóptero en modo de vuelo, haz círculos para reemplazar las astas en una Nueva Capa para rotor.
Deben igualar el ancho de las astas. El círculo de las astas superiores tendrá que se el doble de ancha ya que es alta para estar en armonía con la vista isométrica, mientras la cola del rotor debe ser un círculo sesgado a 26.5°... o un poco como esto:
Esto se aplica con color negro pero dándole menor opacidad.
Paso 7
Vamos a mantener solo un 1 px de borde de estos círculos. Esto es fácilmente hecho seleccionando cada círculo con la Herramienta Varita Mágica, luego contrayendo la selección por 1 px (Seleccionar > Modificar > Contraer) y borrando la selección que resulte.
Paso 8
Luego añade un par de círculos amarillos, que representan las puntas amarillas de las astas.
Paso 9
Y rellena el interior con más negro, con menor opacidad que la de los bordes negros.
Paso 10
Para el último efecto de movimiento, puedes bajar la opacidad de las astas en movimiento en un par de formas proporcionales.
Puedes hacerlo dibujando estas formas reflejadas, 1/4, en una Nueva Capa, todas en 50% de opacidad porque no queremos borrar toda la proporción, solo disminuir la opacidad.
Una vez que esté dibujado, selecciónalas presionando Comando-clic en la capa. Haciendo esto hace una selección con la misma forma y opacidad al igual a la capa al cual se le dio clic.
Luego, en la capa de las astas dando vuelva, presiona Suprimir y borrarás el 50% de opacidad en esa capara para obtener esto:
¡Puedes escuchar el helicóptero volando!
¡Helicóptero Terminado!
¡Encantado que lo hallas terminado! Ahora tu personaje puede volar y moverse más rápido, que en el carro, y tu biblioteca de arte de pixel isométrico continúa creciendo.
¡El cielo es el límite!
By
