Cree una elegante consola de instrumentos de auto deportivo con áreas de alto realismo

En este tutorial, mostraremos al artista avanzado de Adobe Illustrator cómo dibujar una consola de instrumentos de auto deportivo realista. Antes de comenzar este tutorial, debe tener un muy buen conocimiento de las herramientas de Adobe Illustrator. Usaremos una variedad de herramientas para crear esta ilustración.

Previsualización de la imagen final

Echemos un vistazo a la imagen que vamos a crear.

Paso 1

Comience por crear un tablero con esquinas redondas.

Paso 2

Dibuje un círculo para incluir el grupo de indicadores.

Paso 3

Estire el círculo verticalmente. Duplique el óvalo y colóquelo encima para añadir profundidad. Añada un degradado al óvalo exterior para simular metal.

Paso 4

Dibuje un nuevo círculo dentro del óvalo y añada un degradado de azul y verde.

Paso 5

Agregue un resplandor interior desde la parte superior de la pantalla  seleccionando Efecto > Estilizar > Resplandor interior.

Paso 6

Dibuje un círculo y corte la parte superior, como se muestra a continuación.

Paso 7

Redondee las esquinas yendo a la parte superior de la pantalla y seleccionando Efecto > Estilizar > Esquinas redondeadas. Tenga en cuenta que sus valores pueden ser drásticamente diferentes de lo que se muestra a continuación. Los valores dependen del tamaño del dibujo final. Si  agrega esquinas redondeadas a un objeto muy pequeño, no tendrá que digitar un valor tan alto como el que he introducido yo. Si el objeto es muy grande, sus valores serán mayores.

Paso 8

Añada un resplandor interior yendo a la parte superior de la pantalla seleccione Efecto > Estilizar> Resplandor interior.

Paso 9

Cree las marcas alrededor de los indicadores dibujando un rectángulo, girando y copiando al mismo tiempo. Gire copia al mismo tiempo seleccionando primero el objeto, luego seleccione la herramienta Rotar (R) (se muestra en la parte inferior) y mantenga pulsada la tecla Alt mientras hace clic y arrastra. Luego suelte el ratón en la ubicación donde desea quede el objeto copiado. Abajo no estamos utilizando ningún sistema matemático para decidir dónde quedarán las líneas. Calcule visualmente para hacer que se vea bien.

Paso 10

Una vez tenga las formas dibujadas, use el panel Buscatrazos para combinarlas. Dibuje un círculo ligeramente más pequeño que las marcas y use nuevamente el Buscatrazos para eliminar la mitad de las marcas.

Paso 11

Dibuje otras marcas de diferentes anchos y largos para lograr el efecto que se muestra a continuación.

Paso 12

Coloque las marcas en la parte superior del indicador.

Paso 13

Añada números usando una fuente moderna. La fuente que he elegido es Dicot. Añada un Resplandor exterior alrededor de los números para crear realismo. Una vez más, puede que sus valores no sean exactamente los mismos que las valores a continuación. ¡Mientras se sienta satisfecho con lo que ve, es lo único que importa!

Paso 14

Dibuje dos flechas que apunten a la izquierda y a la derecha.

Paso 15

Duplique las flechas y muévalas ligeramente. Utilice el panel Buscatrazos para separar las formas.

Paso 16

Rellene la parte superior de las flechas con negro para que parezcan en bajo relieve.

Paso 17

Dibuje un círculo y un triángulo para empezar a hacer las agujas del indicador.

Paso 18

Con la herramienta Malla de degradado añada un degradado al círculo y un punto de malla al triángulo. Cambie el color del punto malla a rosado para dar la profundidad a la aguja.

Paso 19

Añada una sombra paralela usando la configuración que se muestra a continuación.

Paso 20

Coloque la aguja del manómetro sobre el indicador.

Paso 21

Cree el indicador de la izquierda duplicando el óvalo del primer indicador. Gire el óvalo ligeramente para dar la impresión de perspectiva.

Paso 22

Añada marcas alrededor de los bordes usando las marcas del primer indicador.

Paso 23

Los pequeños detalles ayudan mucho en el aspecto general de la pieza. Este icono fue dibujado usando formas rectangulares simples.

Paso 24

Este icono fue dibujado en su mayor parte usando la herramienta Rectángulo redondeado.

Paso 25

Agregue las agujas del indicador, medio círculo y la temperatura.

Paso 26

El indicador de RPM es un poco diferente a los otros dos indicadores. Utilice una variación de las marcas creadas anteriormente y dibuje un círculo encima de ellas.

Paso 27

Expanda el círculo yendo a la parte superior de la pantalla y seleccionando Objeto > Expandir. Active las casillas como se muestra a continuación y haga clic en OK. Utilice el panel Buscatrazos para separar las formas. Ahora puede colorear cada sección del indicador de RPM.

Paso 28

Así luce el medidor de RPM finalizado.

Paso 29

Alinee los tres indicadores y amplíe el indicador del centro.

Paso 30

Duplique los círculos que se indican a continuación. Usaremos estos círculos para crear reflejos reales en los tres indicadores.

Paso 31

Dibuje un óvalo que cubra los tres círculos. Utilice el panel Buscatrazos para separar las formas. A continuación, elimine las partes de las formas que no necesita.

Paso 32

Seleccione los objetos que se muestran a continuación y vaya a Objeto > Transformar > Transformar individualmente. Introduzca los valores que se muestran a continuación para reducir simultáneamente las formas. Reducir las formas resaltadas creará la impresión de un área ahuecada alrededor de ellas.

Paso 33

Rellene las formas con un degradado. Luego ajuste el modo de fusión y transparencia para lograr un efecto translúcido.

Paso 34

Ahora estamos listos para crear el tablero de instrumentos. Comience dibujando un óvalo. Puede crear formas interesantes deformando su objeto. Deforme un objeto yendo a Objeto > Distorsión de envolvente > Crear con deformación. Experimente con diferentes estilos para crear una forma que más le guste. Sea creativo, todo esto es todo se trata de creatividad, ninguna destreza  técnica.

Paso 35

Duplique el tablero y amplie o reduzca ligeramente para crear profundidad.

Paso 36

Añada algunos puntos de malla con la herramienta Malla de degradado y cambie el color para crear una luz.

Paso 37

Coloque sus indicadores en la parte superior del tablero de instrumentos. Añada un sutil Resplandor externo alrededor de los indicadores para darles brillo.

Paso 38

No olvide los pequeños detalles. Los detalles realmente hacen que una ilustración se vea completa.

Paso 39

Los degradados son una forma rápida para simular profundidad.

Paso 40

Dibuje una línea que siga el perímetro de su tablero. Marque la opción Línea discontinua en el panel Trazo e introduzca un valor en la primera casilla para convertir su línea en una línea discontinua.

Paso 41

Queremos añadir un degradado a la línea discontinua pero no se pueden aplicar degradados a un trazo. Solucionamos este problema yendo a Objeto > Acoplar transparencia. Mueva el regulador de equilibrio rasterizado/Vector hacia la derecha, como se muestra a continuación, luego haga clic en Ok. Esto expandirá la línea y le permitirá utilizar un degradado como relleno.

Paso 42

Siga adelante y añada un degradado.

Paso 43

Logre la ilusión de movimiento dibujando formas arqueadas similares a las formas a continuación.

Paso 44

Aplique un degradado de negro a rojo y difumine la forma yendo a Efecto > Desenfocar > Desenfoque gaussiano. En el panel Transparencia seleccione Aclarar desde la lista desplegable para que la forma se mezcle con el arte detrás. Experimente con la opacidad, si su forma es demasiado oscura.

Paso 45

Cree una atmósfera mediante la adición de un gradiente de nuboso.

Paso 46

Dibuje círculos y aplique diferentes efectos para añadir interés al fondo.

Paso 47

Añada un Resplandor exterior al tablero de indicadores.

Paso 48

Por último, vamos a crear un patrón aleatorio de partículas en el fondo dibujando inicialmente un círculo. A continuación, vaya a la parte superior de la pantalla y seleccione Efecto > Distorsionar y transformar > Emborronar.

Paso 49

Experimente con diferentes variables para aplicar al círculo esquinas puntiagudas irregulares. Cuando haya terminado, coloque el objeto detrás del arte y ajuste su opacidad para lograr el efecto final.

Previsualización de la imagen final

¡El tablero de instrumentos de auto deportivo está completo!