Share
Lo que vas a crearTodo el mundo siente una cierta pasión por el estilo retro! Esa ropa extraordinaria, esos peinados elegantes, la música y, por supuesto, ¡los autos! En este tutorial combinaremos nuestro amor por los años 50, cinematografía y juegos, creando una mezcla loca. Haremos una vista aérea de un estilizado auto retro de Greased Lightning, usando formas básicas, varios tipos de gradientes y modos de fusión, trabajando con el panel Pathfinder y otras funciones de Adobe Illustrator..
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 hermosas y coches maravillosos. Esos cabriolets retro con formas redondeadas lisas y techos abatibles. Definitivamente siguen siendo elegantes e inolvidables..
Inspirados en esta película, veremos un automóvil retro con patrones en forma de relámpago. Puede utilizar estas técnicas para crear cualquier tipo de automóvil; asegúrese de revisar la sección de la vista superior de los automóviles en Envato Market para que sea más fácil imaginar los vehículos desde un ángulo de visión tan aéreo. Navegar a través de autos retro en Envato Market también puede ser muy útil para obtener una referencia detallada y agradable de un vehículo..
¿Listo para empezar a dibujar? Vamos a empezar!
Comenzaremos por hacer las partes principales de nuestro coche. Tomar el Herramienta Elipse (L) Y vamos a dar forma a la vista superior del chasis. Hacer una 130 x 300 px elipse, cambiar a la Herramienta de selección directa (A) y arrastre ambos puntos de anclaje laterales hacia abajo, haciendo que la parte inferior sea plana y ancha.
Continuar haciendo un pequeño 55 x 155 px Elipse y colocándola 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.
Ahora vamos a dar forma a la parte inferior, que es para la parte trasera del auto. Hacer una 130 x 125 px rectángulo con el Herramienta Rectangular (M). Seleccione ambos puntos de anclaje inferior con el Herramienta de selección directa (A) y usar el Esquinas vivas característica para hacer las esquinas inferiores redondeadas, tirando de la Esquinas vivas marcadores circulares hacia arriba.
Si está utilizando versiones anteriores de Adobe Illustrator, no dude en solicitar Efecto> Estilizar> Esquinas redondas. Sin embargo, afecta a todas las esquinas de la forma. A continuación, puede utilizar el Herramienta de borrador (Shift-E) y mantenga pulsado Alt para eliminar la parte superior de la forma, haciendo que las esquinas superiores sean nítidas nuevamente.
Ahora agregue una forma estrecha con el Herramienta de rectángulo redondeado, Formando la vista superior del ala. Y agreguemos los mismos elementos a la mitad derecha del chasis..
Seleccione el óvalo y el ala y haga doble clic en el botón Herramienta de reflexión (O) para abrir la ventana de opciones. Selecciona el Eje vertical y pulsa el Dupdo botón. Coloque las copias en el lado opuesto del auto, haciendo que encajen en el chasis..
Ahora vamos a hacer un parabrisas para nuestro coche. Haz un pequeño rectángulo de unos 110 x 18 px Tamaño, colocándolo dentro del chasis. Ir Efecto> Deformación> Arco superior y establecer el Curva horizontal valor para 20%, haciendo la forma arqueada en la parte superior. Objeto> Expandir Apariencia aplicar el efecto.
Luego ve a Objeto> Ruta> Ruta compensada y establecer el Compensar valor para -5 px, Creando una forma más pequeña por dentro. Hacer clic DE ACUERDO.
Por último, vamos a añadir las partes interiores del coche. Utilizar el Herramienta Rectangular (M) Para hacer dos pequeños rectángulos, ajustando el espacio interior del coche. Aquellos serán para los asientos. Haz las esquinas exteriores de las formas redondeadas, usando el Esquinas vivas característica.
Finalmente, forma un volante simple, hecho de tres elipses, una dentro de la otra..
¡Genial! Ahora todas las partes principales están listas y podemos pasar a la coloración.!
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. Utilizar el Herramienta de gradiente (G) para reducir la forma del degradado, haciéndolo más ovalado, de esta manera agregando sombras sutiles a los bordes de nuestro auto.
Selecciona los faros elipses y utiliza los botones. Herramienta de cuentagotas (I) para elegir el color rojo degradado de la base del coche. Cambiar el Tipo del gradiente a Lineal y coloca 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- [ a Enviar eso volver) y llénelo con colores rojos similares, llenando los huecos en la parte delantera del auto.
Aplica también el mismo degradado lineal rojo a las alas del coche, posicionándolo en 90 grados ángulo en el Gradiente panel.
En cuanto al elemento inferior (la parte trasera del automóvil), apliquemos también un gradiente radial de forma ovalada y Enviar esta parte hacia atrás (Shift-Control- [), colocándolo debajo de la base del carro.
Ahora apliquemos los colores al parabrisas. Haga que la forma exterior sea de color rojo claro, ligeramente más clara que la base del auto, haciendo que se salga. En cuanto a la forma interior, aplique un degradado lineal vertical de color azul claro que represente la superficie del vidrio..
Vamos a añadir algunos reflejos brillantes al parabrisas. Utilizar el Herramienta Rectangular (M) para hacer dos rayas verticales estrechas de cualquier color (solo para hacerlas visibles sobre el fondo blanco). Selecciona el Modo de fusión a Pantalla en el Transparencia panel.
Sujetar Cambio y girar las formas 45 grados, Colocando las rayas encima del parabrisas. Ahora seleccione las rayas junto con la forma de cristal azul y tome la Herramienta de creación de forma (Shift-M). Sostener Alt y haga clic en las piezas innecesarias fuera del cristal para eliminarlos.
Finalmente, establece el Llenar color a blanco en el Color Panel y aquí lo tenéis.!
Ahora haremos el patrón de rayas para los asientos para que se vean más realistas y con textura..
Hacer una 13 x 60 px Rectángulo y rellénelo con un degradado lineal horizontal de blanco a gris claro.
Sujetar Alt-Shift y arrastre la forma hacia la derecha, haciendo una copia. prensa Control-D Varias veces para hacer siete copias más.. Grupo (Control-G) las formas.
Ahora volvamos a nuestro coche, seleccionemos los asientos., Copiar (Control-C) ellos y Pegar en el frente (Control-F). Coloque nuestra textura debajo de los asientos (presione Controlar-[ Algunas veces para mover el objeto varias posiciones hacia abajo). Sostener Alt-Shift y arrastre la textura hacia arriba, creando una copia para la segunda mitad de los asientos.
Ahora seleccione la parte inferior de textura y la forma del asiento sobre ella, haga clic en Botón derecho del mouse y Hacer máscara de recorte.
Como puede ver, ahora la textura está oculta dentro de la forma del asiento, creando una bonita textura hinchada.
Repita lo mismo para la segunda mitad del asiento, colocando la textura dentro de la Máscara de recorte.
Ahora vamos a crear una sombra adicional para que los asientos sean más tridimensionales. Todavía tenemos dos perfiles más de nuestros asientos (las copias que creamos unos pasos antes).
Seleccione la mitad superior y rellénela con el mismo degradado lineal blanco-gris que teníamos para la textura del asiento (puede usar la Herramienta de cuentagotas (I) para elegir el color), pero esta vez coloca el degradado verticalmente. Cambiar el Modo de fusión a Multiplicar, haciendo una forma semitransparente más oscura.
Y repetir lo mismo para la segunda mitad de los asientos..
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 enciéndalos, haciendo el asiento más estrecho. En cuanto a la segunda mitad, hagamos lo contrario: extienda las formas, haciendo el asiento mucho más ancho, creando un contraste entre las formas..
Ahora vamos a pasar al volante. Seleccione los dos círculos (que son para la rueda), haga clic derecho y Hacer ruta compuesta (o simplemente presione Control-8). Rellene 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 degradado radial simple de gris claro a gris más oscuro.
Ahora modifiquemos la parte trasera de nuestro auto, agregando un techo plegable.. Dupdo la forma del fondo y Traer eso al frente (Control-C> Control-F> Mayús-Control-]). Rellene la forma con un degradado lineal vertical de blanco a gris claro.
Haga la forma mucho más pequeña y colóquela como se muestra en la captura de pantalla a continuación: la forma gris clara debe quedar bien dentro de la parte posterior del chasis, de modo que la parte inferior de color rojo oscuro del chasis crea un contorno delgado alrededor de la forma, haciendo que ambos las formas combinan perfectamente.
Finalmente, duplicado (Control-C> Control-F) La forma gris clara que hemos creado hace que la copia sea más pequeña e invierta los colores del degradado, creando la parte interior del techo textil plegable del cabriolé..
Ahora formemos la parte interior del auto, haciéndolo mucho más oscuro. Selecciona la base del coche y ve a Objeto> Ruta> Ruta compensada. Selecciona el Compensar valor para -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 de creación de forma (Shift-M), sujetar Alt y haga clic en la pieza superior para eliminarlo. Así hemos formado el interior del coche..
Ya tenemos la base para los faros, pero todavía no hemos hecho los faros. Vamos a darles forma!
Hacer una 35 x 8 px forma ovalada usando el Herramienta Elipse (L). Rellene la forma con un degradado lineal vertical de gris claro a blanco. Dupdo eso y Pegar en la parte posterior (Control-C> Control-B).
Seleccione el punto de anclaje inferior de la forma trasera con el Herramienta de selección directa (A) y arrastra hacia abajo, sosteniendo Cambio.
Finalmente, rellene la forma extruida con un degradado radial de color rojo brillante seleccionando el color del chasis, usando el Herramienta de cuentagotas (I).
Voila! Ahora podemos acoplar los faros al coche..
Coloque los faros en la parte superior del coche. Deberían verse así.
Ahora agreguemos un elemento cromado brillante a la parte delantera del auto. Tomar el Herramienta de rectángulo redondeado y formar una franja vertical estrecha en la parte superior del coche.
Aplique un degradado lineal con los siguientes colores: gris claro, blanco, gris oscuro, gris claro. Colóquelo horizontalmente, como se muestra a continuación, para darle a la forma un aspecto de metal real..
¡Ahora es el momento de hacer que nuestro automóvil retro se vea único y asociarlo con la película Grease! Prepárate para agarrar el Herramienta de lápiz (N) y dibuje esas líneas fluidas, creando un elegante patrón de rayos para nuestro automóvil. Intenta que sea sencillo.
Puede hacer doble clic en el Herramienta de lápiz (N) jugar con su Fidelidad ajustes, por lo que es suave. Estoy dibujando estas formas con solo un mouse y, como puede ver, Adobe Illustrator se las arregla perfectamente para hacer que las líneas sean suaves.
Haz tres formas más diferentes de rayos..
Comience a aplicar las formas de rayos en la mitad izquierda del automóvil. Gíralos y muévelos, ajustándolos perfectamente a los elementos del automóvil. Recuerde usar el Herramienta de creación de forma (Shift-M) Eliminar los rayos no deseados fuera del coche..
Tan pronto como esté satisfecho con la posición de los elementos, selecciónelos y use la Herramienta de reflexión (O) para voltear las formas sobre el Eje vertical, Hacer copias en espejo y adjuntarlas al lado opuesto del auto..
Ahora vamos a agregar un poco más de dimensión aquí. Seleccione las dos formas de rayos reflejados en la parte delantera del automóvil y Hacer una ruta compuesta (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 demás formas de rayos..
Ahora agreguemos algunas luces al auto, haciendo que su superficie se vea brillante y pulida. Seleccione el elemento más grande del chasis y aplique. Objeto> Ruta> Ruta compensada con -Desplazamiento 7px valor. Rellene la nueva forma con un degradado lineal vertical de rosa a negro y ajuste la Modo de fusión a Pantalla. Verás que la parte negra se vuelve transparente, creando un bonito efecto brillante.
Haz lo mismo con las formas ovaladas debajo de los faros..
Añadir un punto culminante similar a la parte trasera del coche. Asegúrate de colocar los patrones de rayos debajo de las luces.
Ahora agreguemos otro elemento importante de cualquier automóvil: el escape o el tubo de escape. De hecho, haremos dos de ellos para que nuestro auto se vea bien..
Hacer una 8 x 35 px rectángulo para el tubo de escape y rellénelo con el mismo degradado lineal de cromo que la franja decorativa en la nariz del automóvil (use el Herramienta de cuentagotas (I) para elegir el gradiente).
Sostener Alt-Shift y arrastre la forma hacia la derecha, haciendo una copia. Seleccione ambos tubos de escape y Enviar a ellos Atrás (Shift-Control- [).
Ahora vamos a describir las llamas lanzadas desde el escape..
Comience haciendo un 7 x 30 px Elipse de color negro y adjuntarla a la punta del tubo de escape. Crea un óvalo más pequeño en la parte superior, llenándolo con un color naranja brillante.
Selecciona ambos óvalos y ve a Objeto> Mezcla> Hacer. De esta manera hacemos una transición suave entre los colores, creando un efecto de llama.
Todavía podemos editar los elementos dentro del Mezcla grupo en el Capas panel. Por ejemplo, puede agregar una elipse amarilla más pequeña en la parte superior y arrastrarla dentro de la Mezcla Grupo para hacer la llama aún más brillante..
Arrastre los puntos de anclaje lateral e inferior de las formas hacia abajo, utilizando el Herramienta de selección directa (A) para extender la llama.
Para obtener el efecto de llama semitransparente, primero debemos crear cualquier tipo de fondo debajo de nuestro automóvil. Para ello, crea un rectángulo gris de 800 x 600 px Talla y colócalo debajo del auto. (Shift-Command- [).
Selecciona las llamas y cambia el Modo de fusión a Pantalla.
Ahora que ya hemos comenzado a hacer el fondo, continuemos con eso, haciendo que nuestra composición se vea completa y equilibrada.
Ya tenemos un 800 x 600 px rectángulo debajo de nuestro coche. Aplique un degradado radial de gris a gris oscuro, que representa la superficie de asfalto.
Ahora volvamos a nuestro auto y lo modifiquemos un poco, agregando una suave sombra de estilo plano. Selecciona todas las partes del coche., duplicar ellos (Control-С> Control-F) y Unir en Pionero, creando una sola silueta.
Utilizar el Herramienta de segmento de línea (\) dibujar una línea vertical roja a través del coche.
Alineamos los objetos. Seleccione tanto la línea roja como la silueta del coche, mantenga Alt y haga clic en la silueta para que sea una Objeto clave. Verá un trazo de selección grueso, que indica que todos los elementos seleccionados se alinearán con este objeto. Dirígete a la Alinear panel y haga clic Centro de alineación horizontal.
Mientras ambos objetos todavía están seleccionados, vaya a la Pionero panel y haga clic Dividir Para dividir la silueta en dos mitades iguales. Eliminar la mitad derecha y aplicar. Multiplicar el modo de fusión a la mitad izquierda, haciéndolo semitransparente y oscureciendo así el lado izquierdo del automóvil.
Hagamos el suelo debajo del coche texturizado para más realismo.. Duplicar (Control-C> Control-F) El rectángulo de fondo y la cabeza a la Muestras panel. Desde aquí, haga clic en Menú Swatch Libraries icono y encontrar Patrones> Gráficos básicos> Gráficos básicos_Texturas. Aplica el USGS 22 Gravel Beach textura a nuestro rectángulo.
Ahora vamos a añadir una sombra proyectada por nuestro coche. Utilizar el Herramienta Elipse (L) Para hacer un óvalo de un tamaño un poco más grande que el coche. Colóquelo debajo del vehículo y aplique un degradado radial aplastado desde el gris rosado en el centro hasta el blanco en los bordes. Cambiarlo a Multiplicar el modo de fusión, formando una sombra borrosa en el suelo.
Y aquí está lo que tenemos.!
¡Buen trabajo chicos! Hemos cruzado con éxito la línea de meta de nuestra carrera y creamos una vista aérea de un automóvil retro, inspirado en la película Grease. Estas técnicas se pueden utilizar para crear cualquier otro vehículo de vista superior u objeto simétrico, que es perfecto para juegos de carreras simples y fáciles de animar..
Siéntase libre de ir más lejos y ajustar nuestra imagen de resultado aún más. Por ejemplo, aquí he duplicado el coche que creamos y jugamos con los colores, creando paletas alternativas, que también se pueden encontrar en la película original de Grease. Puedes obtener estos autos retro de vista superior en AI, EPS y PNG para ver cómo se hicieron o editarlos a tu gusto..
¡Sigue creando cosas elegantes y comparte tus resultados! Buena suerte!
Accentsconagua