Spanish (Español) translation by Elías Nicolás (you can also view the original English article)
¡Todos sienten una cierta pasión por el estilo retro! ¡Esas ropas
extraordinarias, esos peinados extravagantes, la música y, por supuesto,
los autos! En este tutorial combinaremos nuestro amor por los años 50,
la cinematografía y los juegos, creando una mezcla loca. Realizaremos
una vista aérea de un coche retro estilizado con
relámpago engrasado, utilizando formas básicas, varios tipos de
degradados y modos de fusión, trabajando con el panel Buscatrazos y otras
funciones de Adobe Illustrator.
La grasa es la palabra. Es una película que representa la esencia pura de la década de 1950: una historia de amor, alegría, cosas bellas y autos maravillosos. Esos descapotables retro con formas suaves y redondeadas y techos plegables. Definitivamente siguen siendo elegantes e inolvidables.
Inspirado por esta película, haremos una vista superior de un automóvil retro con patrones en forma de relámpago. En realidad, puede utilizar estas técnicas para crear cualquier tipo de automóvil: asegúrese de consultar la sección de vista superior de los automóviles de Envato Market para que sea más fácil imaginar los vehículos desde ese ángulo de visión aérea. Navegar por autos retro en Envato Market también puede ser muy útil para obtener una referencia detallada de un vehículo.
Listo para comenzar a dibujar? ¡Vamos a empezar!
1. Crea los contornos básicos
Paso 1
Comenzaremos por hacer las partes principales de nuestro automóvil. Tome la herramienta Ellipse (L) y configuremos la vista superior del chasis. Haz una elipse de 130 x 300 px, cambia a la herramienta de selección directa (A) y arrastra ambos puntos de anclaje hacia abajo, haciendo que la parte inferior quede plana y ancha.
Paso 2
Continúe haciendo una elipse más pequeña de 55 x 155 px y colóquela en el lado izquierdo del chasis. Esta será la base para los faros. Arrastre los puntos de anclaje laterales hacia arriba, haciendo que la parte inferior de la forma sea más puntiaguda.
Paso 3
Ahora vamos a darle forma a la parte inferior, que es para la parte trasera del automóvil. Haz un rectángulo de 130 x 125 px con la herramienta Rectángulo (M). Seleccione ambos puntos de anclaje inferiores con la herramienta de selección directa (A) y use la función Vertices Interactivos para redondear las esquinas inferiores, tirando de los marcadores de círculos de Vertices Interactivos hacia arriba.
Si está utilizando versiones anteriores de Adobe Illustrator, puede aplicar Efecto > Estilizar > Redondear Vertices. Sin embargo, afecta todas las esquinas de la forma. A continuación, puede usar la herramienta Borrador (Shift-E) y mantener presionada la tecla Alt para eliminar la parte superior de la forma, haciendo que las esquinas superiores vuelvan a ser nítidas.
Paso 4
Ahora agregue una forma estrecha con la herramienta Rectángulo redondeado, formando la vista superior del ala. Y agreguemos los mismos elementos a la mitad derecha del chasis.
Seleccione tanto el óvalo como el ala y haga doble clic en la herramienta Reflejar (O) para abrir la ventana de opciones. Seleccione el eje vertical y presione el botón Copiar. Coloque las copias en el lado opuesto del automóvil, haciendo que se ajusten al chasis.
Paso 5
Ahora hagamos un parabrisas para nuestro automóvil. Haga un pequeño rectángulo de aproximadamente 110 x 18 píxeles de tamaño, colocándolo dentro del chasis. Vaya a Efecto > Deformar > Arco superior y configure el valor de Plegado horizontal al 20%, haciendo que la forma se arquee en la parte superior. Objeto > Expandir Apariencia para aplicar el efecto.
A continuación, vaya a Objeto > Trazado > Desplazamiento y establezca el valor de Desplazamiento a -5 px, creando una forma más pequeña dentro. Haga clic en Aceptar.
Paso 6
Finalmente, agreguemos las partes interiores del auto. Use la herramienta Rectángulo (M) para hacer dos rectángulos pequeños, que se ajusten al espacio interior del automóvil. Esos serán para los asientos. Haz que las esquinas exteriores de las formas se redondeen, usando la función Vertices Interactivos.
Finalmente, forma un simple volante, hecho de tres elipses, una dentro de la otra.
¡Estupendo! ¡Ahora todas las partes principales están listas y podemos pasar a la coloración!
2. Aplicar colores y agregar detalles
Paso 1
En primer lugar, seleccionemos el elemento más grande, la base de nuestro automóvil, y apliquemos un degradado radial brillante desde el rojo vivo en el centro hasta el rojo más oscuro en los bordes. Use la herramienta Degradado (G) para reducir la forma del degradado, haciéndolo más ovalado, de esta manera agregando sombras sutiles a los bordes de nuestro automóvil.
Paso 2
Seleccione las elipsis de los faros delanteros y use la herramienta Cuentagotas (I) para seleccionar el degradado rojo de la base del automóvil. Cambie el tipo de gradiente a Lineal y coloque los degradados verticalmente de rojo más claro en la parte superior a rojo más oscuro en la parte inferior.
Agregue un pequeño rectángulo redondeado debajo del chasis (presione Shift-Control- [para enviarlo a la parte detrás] y llénelo con colores rojos similares, llenando los espacios en el lado frontal del automóvil.
Paso 3
Aplique el mismo degradado rojo lineal a las alas del automóvil, colocándolo en un ángulo de 90 grados en el panel Degradado.
Paso 4
En cuanto al elemento inferior (la parte posterior del automóvil), apliquemos un degradado radial de forma ovalada y enviemos esta parte a la parte detrás (Shift-Control- [), colocándolo debajo de la base del automóvil.
Paso 5
Ahora apliquemos los colores al parabrisas. Haga que la forma externa se vuelva roja, ligeramente más clara que la base del automóvil, haciéndola saltar. En cuanto a la forma interna, aplique un degradado lineal vertical azul claro que represente la superficie del vidrio.
Paso 6
Agreguemos algunos reflejos brillantes al parabrisas. Use la herramienta Rectángulo (M) para hacer dos franjas verticales estrechas de cualquier color (solo para hacerlas visibles sobre el fondo blanco). Establezca el Modo de fusión en Trama en el panel Transparencia.
Mantenga presionada la tecla Mayús y gire las formas 45 grados, colocando las franjas sobre el parabrisas. Ahora seleccione las rayas junto con la forma de cristal azul y tome la herramienta Creador de Formas (Shift-M). Mantenga presionada la tecla Alt y haga clic en las piezas innecesarias fuera del cristal para eliminarlas.
Finalmente, configure el color de Relleno en blanco en el panel de Color y ¡aquí lo tiene!
Paso 7
Ahora haremos el patrón de rayas para los asientos para que se vean más realistas y con textura.
Haga un rectángulo de 13 x 60 px y llénelo con un degradado lineal horizontal de blanco a gris claro.
Mantenga presionada la tecla Alt-Shift y arrastre la forma hacia la derecha, haciendo una copia. Presione Control-D varias veces para hacer siete copias más. Agrupe (Control-G) las formas.
Paso 8
Ahora regresemos a nuestro automóvil, seleccione los asientos, Copiar (Control-C) y Pegue delante (Control-F). Coloque nuestra textura debajo de los asientos (presione Control- [ algunas veces para mover el objeto varias posiciones hacia abajo). Mantenga presionada la tecla Alt-Shift y arrastre la textura hacia arriba, creando una copia para la segunda mitad de los asientos.
Ahora seleccione la parte inferior de la textura y la forma del asiento que está sobre ella, haga clic con el botón derecho del mouse y haga Máscara de recorte.
Como puede ver, ahora la textura está oculta dentro de la forma del asiento, creando una agradable textura hinchada.
Repita lo mismo para la segunda mitad del asiento, colocando la textura dentro de la máscara de recorte.
Paso 9
Ahora vamos a crear una sombra adicional para que los asientos sean más tridimensionales. Todavía tenemos dos esquemas más de nuestros asientos (las copias que creamos unos pocos pasos antes).
Seleccione la mitad superior y llénela con el mismo degradado lineal blanco-gris que teníamos para la textura del asiento (puede usar la herramienta Cuentagotas (I) para elegir el color), pero esta vez coloque el degradado verticalmente. Cambie el modo de fusión a Multiplicar, creando una forma semitransparente más oscura.
Y repita lo mismo para la segunda mitad de los asientos.
Paso 10
Las dos mitades de los asientos parecen iguales ahora, pero agreguemos un poco más de variedad aquí. Para hacerlo, seleccione los elementos de la mitad inferior y encoja, estrechando el asiento. En cuanto a la segunda mitad, hagamos lo contrario: amplíe las formas, haciendo que el asiento sea mucho más ancho, creando contraste entre las formas.
Paso 11
Ahora pasemos al volante. Seleccione los dos círculos (que son para la rueda), haga clic derecho y Crear Trazado Compuesto (o simplemente presione Control-8). Rellenar la forma de rosquilla creada con un degradado radial aplastado, que consta de tres colores: gris oscuro, blanco, gris claro. Llene el centro del volante con un simple degradado radial de gris claro a gris oscuro.
Paso 12
Ahora modifiquemos la parte trasera de nuestro automóvil, agregando un techo plegable. Copie la forma inferior y Traer al frente (Control-C> Control-F> Mayús-Control-]). Rellena la forma con un degradado lineal vertical desde blanco hasta gris claro.
Haga la forma mucho más pequeña y colóquela como se muestra en la siguiente captura de pantalla: la forma gris claro debe quedar dentro de la parte posterior del chasis, de modo que la parte inferior de color rojo oscuro del chasis cree un contorno delgado alrededor de la forma, las formas combinan perfectamente.
Finalmente, duplique (Control-C > Control-F) la forma gris claro que hemos creado, haga que la copia sea más pequeña e invierta los colores del degradado, creando la parte interior del techo textil plegable del descapotable.
Paso 13
Ahora formemos la parte interna del automóvil, haciéndolo mucho más oscuro. Seleccione la base del automóvil y vaya a Objeto > Trazado > Desplazamiento. Establezca el valor de Desplazamiento a -5 px, creando una forma más pequeña dentro de la base.
Ahora seleccione la nueva forma junto con la parte exterior del parabrisas (la roja), tome la herramienta Creador de Formas (Shift-M), mantenga presionada la tecla Alt y haga clic en la pieza superior para eliminarla. De esta forma hemos formado el interior del automóvil.
Paso 14
Ya tenemos la base para los faros, pero todavía no hemos encendido los faros. ¡Vamos a formarlos!
Haga una forma ovalada de 35 x 8 px con la herramienta Elipse (L). Rellene la forma con un degradado lineal vertical de gris claro a blanco. Cópielo y pegue en detras (Control-C > Control-B).
Seleccione el punto de anclaje inferior de la forma posterior con la Herramienta de selección directa (A) y arrástrelo hacia abajo, manteniendo presionada la tecla Mayús.
Finalmente, rellene la forma extruida con un degradado radial de color rojo brillante seleccionando el color del chasis, utilizando la herramienta Cuentagotas (I).
¡Voila! Ahora podemos conectar los faros al auto.
Coloque los faros en la parte superior del automóvil. Deberían verse así.
Paso 15
Ahora agreguemos un elemento brillante de cromo a la parte delantera del automóvil. Tome la herramienta Rectángulo redondeado y forme una franja vertical estrecha en la parte superior del automóvil.
Aplique un degradado lineal con los siguientes colores: gris claro, blanco, gris oscuro, gris claro. Colóquelo horizontalmente, como se muestra a continuación, dándole a la forma un aspecto metálico realista.
3. Agregue el patrón de iluminación al automóvil
Paso 1
¡Ahora es el momento de hacer que nuestro coche retro se vea único y lo asocie con la película Grease! Prepárate para agarrar la herramienta Lápiz (N) y dibuja esas líneas fluidas, creando un elegante patrón de rayos para nuestro automóvil. Trata de mantenerlo simple.
Puede hacer doble clic en la herramienta Lápiz (N) para jugar con su configuración Fidelidad, lo que lo deja suave. Estoy dibujando estas formas con solo un mouse y, como puedes ver, Adobe Illustrator se adapta perfectamente para suavizar las líneas.
Paso 2
Haz tres formas más diferentes de relámpago.
Paso 3
Comience a aplicar las formas del rayo a la mitad izquierda del automóvil. Gírelos y muévalos para que se ajusten perfectamente a los elementos del automóvil. Recuerde usar la herramienta Creador de Formas(Shift-M) para eliminar los relámpagos no deseados fuera del automóvil.
Tan pronto como esté satisfecho con la posición de los elementos, selecciónelos y use la herramienta Reflejar (O) para voltear las formas sobre el eje Vertical, hacer copias en espejo y unirlas al lado opuesto del automóvil.
Paso 4
Ahora agreguemos un poco más de dimensión aquí. Seleccione las dos formas de rayos reflejados en la parte delantera del automóvil y Crear Trazado Compuesto (Control-8). Aplique un degradado radial brillante de blanco a rosa grisáceo, haciendo que el patrón sea plateado y brillante. Aplica el mismo color a todas las otras formas de rayos.
Paso 5
Ahora agreguemos algunos aspectos destacados al automóvil, haciendo que su superficie luzca brillante y pulida. Seleccione el elemento más grande del chasis y aplique Objecto > Trazado > Desplazamiento con -7px de Desplazamiento. Rellene la nueva forma con degradado lineal vertical de rosa a negro y configure el Modo de fusión en Trama. Verá que la parte negra se vuelve transparente, creando un bonito efecto brillante.
Haz lo mismo con las formas ovales debajo de los faros.
Paso 6
Agregue un resaltado similar a la parte posterior del automóvil. Asegúrese de colocar los patrones de iluminación debajo de los resaltados.
Paso 7
Ahora agreguemos otro elemento importante de cualquier automóvil: el escape o el tubo de escape. De hecho, haremos dos para que nuestro auto se vea genial.
Haz un rectángulo de 8 x 35 px para el tubo de escape y llénalo con el mismo degradado lineal de cromo que la franja decorativa en la nariz del auto (usa la herramienta Cuentagotas (I) para elegir el degradado).
Mantenga presionada la tecla Alt-Shift y arrastre la forma hacia la derecha, haciendo una copia. Seleccione ambos tubos de escape y Envíelos a Detras (Shift-Control- [).
Paso 8
Ahora mostraremos las llamas arrojadas por el escape.
Comience por hacer una elipse de 7 x 30 px de color negro y conéctelo a la punta del tubo de escape. Cree un óvalo más pequeño en la parte superior y llénelo de color naranja brillante.
Paso 9
Seleccione ambos óvalos y vaya a Objeto > Fusion > Crear. De esta manera hacemos una transición suave entre los colores, creando un efecto de llama.
Todavía podemos editar los elementos dentro del grupo Fusion en el panel Capas. Por ejemplo, puede agregar una elipse amarilla más pequeña en la parte superior y arrastrarla dentro del grupo Fusion para hacer que la llama sea aún más brillante.
Arrastre los puntos de anclaje laterales e inferiores de las formas hacia abajo, utilizando la Herramienta de selección directa (A) para extender la llama.
Paso 10
Para obtener el efecto de llama semitransparente, primero tenemos que crear cualquier tipo de fondo debajo de nuestro automóvil. Para este propósito, cree un rectángulo gris de 800 x 600 px de tamaño y colóquelo debajo del automóvil (Shift-Command- [).
Seleccione las llamas y cambie el Modo de fusión a Trama.
4. Forme el fondo y agregue toques finales
Paso 1
Ahora que ya hemos comenzado a crear el fondo, procedamos con eso, haciendo que nuestra composición se vea completa y equilibrada.
Ya tenemos un rectángulo de 800 x 600 px debajo de nuestro automóvil. Aplique un degradado radial de gris a gris oscuro, que representa la superficie del asfalto.
Paso 2
Ahora regresemos a nuestro automóvil y modifiquemos un poco, agregando una sombra suave y plana. Seleccione todas las partes del automóvil, duplíquelas (Control-С> Control-F) y Unir en Buscatrazos, creando una silueta única.
Use la herramienta Segmento de línea (\) para dibujar una línea roja vertical en el automóvil.
Paso 3
Alineemos los objetos. Seleccione tanto la línea roja como la silueta del automóvil, mantenga presionada la tecla Alt y haga clic en la silueta para convertirla en un Objeto clave. Verá un trazo de selección grueso, que indica que todos los elementos seleccionados estarán alineados con este objeto. Dirígete al panel Alinear y haz clic en Horizontal Alinear centro.
Mientras que ambos objetos todavía están seleccionados, vaya al panel Buscatrazos y haga clic en Dividir para dividir la silueta en dos mitades iguales. Elimina la mitad derecha y aplica el modo de fusión múltiplicar a la mitad izquierda, por lo que es semitransparente y oscurece el lado izquierdo del automóvil.
Paso 4
Hagamos que el suelo debajo del coche tenga una textura más realista. Duplicar (Control-C> Control-F) el rectángulo de fondo y la cabeza al panel Muestras. Desde aquí, haz clic en el ícono de menú de Bibliotecas de muestras y busca Patrones > Gráficos básicos > Texturas básicas de gráficos. Aplique la textura USGS 22 Gravel Beach a nuestro rectángulo.
Paso 5
Ahora agreguemos una sombra proyectada por nuestro automóvil. Utilice la herramienta Elipse (L) para hacer un óvalo de un tamaño ligeramente más grande que el automóvil. Colóquelo debajo del vehículo y aplique un degradado radial aplastado desde grisáceo-rosado en el centro hasta blanco en los bordes. Cambie al modo Modo de Fusion Multiplicar, formando una sombra borrosa en el suelo.
¡Y esto es lo que tenemos!
¡Relámpago engrasado, vete, relámpago engrasado!
¡Buen trabajo chicos! Hemos cruzado con éxito la línea de llegada de nuestra carrera y hemos creado una vista aérea de un automóvil retro, inspirado en la película Grease. Estas técnicas se pueden usar para crear cualquier otro vehículo de vista superior u objeto simétrico, que es perfecto para juegos de carreras simples y fácil de animar.
Siéntase libre de ir más allá y ajustar aún más nuestra imagen de resultados. Por ejemplo, aquí he duplicado el auto que creamos y jugamos con los colores, creando paletas alternativas, que también se pueden encontrar en la película original de Grease. Puede obtener estos autos retro de vista superior en AI, EPS y PNG para ver cómo se hicieron o editarlos a su gusto.
¡Sigue creando cosas elegantes y comparte tus resultados! ¡Buena suerte!
By
