1. Design & Illustration
  2. Theory
  3. Global Influences

Crear un Autobús de doble pisos en Ilustrador Adober

Scroll to top

Spanish (Español) translation by Rosario (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En los siguientes pasos usted aprenderá cómo crear una ilustración detallada de un autobús de doble pisos en Adobe Illustrator.

Para empezar, aprenderá cómo configurar una red simple y cómo crear la forma principal con varios rectángulos, técnicas básicas de construcción de formas de vectores y la función de esquinas en directo (Live Corners). Cambiando de tema, usted aprenderá cómo agregar sombras y reflejos utilizando técnicas básicas de mezcla sutil y algunos efectos simples. Aprovechando el máximo del panel Apariencia, usted aprenderá cómo crear las ruedas detalladas utilizando de una sola forma. Finalmente, usted aprenderá cómo crear un fondo simple y una sombra aseada debajo del autobús.

1. Cree un nuevo documento y configurar una cuadrícula

Presiona "Control + N" para crear un nuevo documento. Seleccione Píxeles en el menú desplegable Unidades, escriba 600 en el cuadro de anchura y 440 en el cuadro de altura, y luego haga clic en el botón opciones avanzadas. Selecciona RGB, Pantalla (72ppp) y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de píxeles esté desmarcada antes de hacer clic en Aceptar.

Activa la cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para empezar, necesitarás una cuadrícula cada 5 px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrícula, introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Trata de no sentirte abrumado por la cuadrícula, te facilitará el trabajo, y ten en cuenta que puedes activarla o desactivarla fácilmente con el atajo de teclado Control-".

También deberías abrir el panel de Información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

setup gridsetup gridsetup grid

2. Crea la forma principal

Paso 1

Elige la herramienta Rectángulo (M) y céntrate en tu barra de herramientas. Elimina el color del trazo, y luego selecciona el relleno y establece su color en R=231 G=40 B=32. Muévete a tu mesa de trabajo y crea un rectángulo de 370 x 175 px, la cuadrícula y la opción Ajustar a cuadrícula deberían facilitarte el trabajo.

Vuelve a tu barra de herramientas y sustituye el color de relleno existente por un azul aleatorio. Asegúrate de que la herramienta Rectángulo (M) sigue activa, crea una forma de 15 x 35 px y colócala exactamente como se muestra en la segunda imagen. Selecciona las dos formas hechas en este paso, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Menos frente.

Céntrate en el lado izquierdo de la forma resultante, cambia a la herramienta Añadir punto de ancla (+) y simplemente añade un nuevo punto de anclaje como se muestra en la tercera imagen. Una vez más, la cuadrícula y la opción Ajustar a cuadrícula serán muy útiles.

rectanglesrectanglesrectangles

Paso 2

Sigue concentrándote en el lado izquierdo de tu forma y elige la herramienta Selección directa (A). Primero, selecciona el punto de anclaje superior y arrástralo 15 px hacia la derecha, y luego selecciona el otro punto de anclaje resaltado en la siguiente imagen y simplemente arrástralo 5 px hacia abajo. Al final todo debería verse como en la segunda imagen.

adjust anchoradjust anchoradjust anchor

Paso 3

Con la herramienta Rectángulo (M), crea una forma de 5 x 95 px y colócala exactamente como se muestra en la primera imagen. Selecciona este nuevo rectángulo junto con la forma roja y haz clic en el botón Menos frente del panel Buscatrazos.

minus frontminus frontminus front

Paso 4

Sigue concentrándote en tu forma roja y elige la herramienta Selección directa (A). Selecciona los puntos de anclaje resaltados en la siguiente imagen uno por uno, muévete a la barra superior, enfócate en la casilla Vértices y simplemente introduce los valores mostrados en la siguiente imagen.

Esta función sólo está disponible para los usuarios de CC y la mejor solución para sustituir este efecto sería la secuencia de comandos Redondear cualquier esquina que se puede encontrar en este artículo: 20 secuencias de comandos gratuitas y útiles para Adobe Illustrator. Guárdala en tu disco duro, vuelve a Illustrator y toma la herramienta Selección directa (A). De nuevo, selecciona los puntos de anclaje resaltados en la siguiente imagen uno por uno y ve a Archivo > Secuencias de comandos > Otra secuencia de comandos. Abre la secuencia de comandos Redondear cualquier esquina, introduce los valores que se muestran en las casillas de Vértices y luego haz clic en Aceptar. El resultado final puede ser un poco diferente en algunos casos, lo que significa que podrías tener que aumentar/disminuir los valores mencionados en la casilla Vértices. Al final, tus formas rojas deberían tener el aspecto de la segunda imagen.

live cornerslive cornerslive corners

Paso 5

Usando la herramienta Rectángulo (M), crea dos formas de 55 x 65 px, elige un azul al azar para el color de relleno, y luego coloca estas nuevas formas como se muestra en la primera imagen. Selecciona ambos rectángulos y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 27 px, haz clic en el botón OK, y luego ve a Objeto > Expandir apariencia. Asegúrate de que las formas resultantes están seleccionadas y conviértelas en un simple trazado compuesto usando el atajo de teclado Control-8 (o ve a Objeto > Trazado compuesto > Crear). Selecciónalo junto con tu forma roja y haz clic en el botón Menos frente del panel Buscatrazos.

blue shapesblue shapesblue shapes

Paso 6

Céntrate en la parte inferior de tu forma roja y elige la herramienta Selección directa (A). Selecciona los cuatro puntos de anclaje resaltados en la primera imagen, muévete a la barra superior e introduce 3 px en la casilla Vértices. Al final tu forma roja debería tener el aspecto de la segunda imagen.

live cornerslive cornerslive corners

Paso 7

Usando la herramienta Rectángulo (M), crea el conjunto de rectángulos amarillos mostrados en la primera imagen y trata de colocarlos exactamente como se muestra en la siguiente imagen. Una vez que hayas terminado, céntrate en el rectángulo superior izquierdo y elige la herramienta Selección directa (A). Selecciona el punto de anclaje superior izquierdo y arrástralo 5 px hacia la derecha. Vuelve a seleccionar todas las formas realizadas en este paso y conviértelas en un nuevo trazado compuesto (Control-8).

yellow compound pathyellow compound pathyellow compound path

Paso 8

Asegúrate de que tu trazado compuesto amarillo está seleccionado, escoge la herramienta Selección directa (A), céntrate en la barra superior y simplemente introduce 3 px en la casilla Vértices. Utilizando la misma herramienta, selecciona sólo el punto de anclaje resaltado por el círculo azul (en la siguiente imagen), vuelve a la barra superior e introduce 10 px en esa casilla Vértices. Desplázate hasta el punto de anclaje resaltado por el círculo verde, selecciónalo y vuelve a la barra superior e introduce simplemente 25 px en esa misma casilla Vértices.

Al final, tu trazado compuesto amarillo debería ser como el de la segunda imagen. Duplícalo (Control-C > Control-F) y envía la copia hacia atrás usando el atajo de teclado Mayúsculas-Control-[. Necesitarás esta copia más adelante. Por ahora, ve al panel Capas y desactiva su visibilidad para asegurarte de que no la seleccionarás/moverás accidentalmente.

live cornerslive cornerslive corners

Paso 9

Selecciona el trazado compuesto amarillo junto con la forma roja y haz clic en el botón Menos frente del panel Buscatrazos.

minus frontminus frontminus front

Paso 10

Usando la herramienta Pluma (P), crea un trazado vertical de 40 px, un trazado horizontal de 340 px y un trazado horizontal de 245 px. Añade un trazado azul de 2 px para estos trazados y colócalos como se muestra en la primera imagen. Asegúrate de que los tres trazados están seleccionados y ve a Objeto > Trazado > Contornear trazado. Selecciona las formas resultantes junto con la roja y haz clic en el botón Unir del panel Buscatrazos.

blue pathsblue pathsblue paths

3. Añade un sombreado sutil

Paso 1

Asegúrate de que tu forma roja está seleccionada y haz una copia delante (Control-C > Control-F). Usando la herramienta Rectángulo (M), crea dos formas de 65 x 75 px, elige un azul al azar para el color de relleno, y luego coloca estas nuevas formas como se muestra en la primera imagen.

Selecciona ambos rectángulos y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 30 px, haz clic en el botón OK y luego ve a Objeto > Expandir apariencia. Asegúrate de que las formas resultantes están seleccionadas y conviértelas en un simple trazado compuesto (Control-8). Selecciónalo junto con la copia hecha al principio del paso, haz clic en el botón Intersectar del panel Buscatrazos y luego convierte las formas resultantes en un nuevo trazado compuesto (Control-8).

shadingshadingshading

Paso 2

Asegúrate de que tu forma roja está seleccionada y haz una copia delante (Control-C > Control-F). Usando la herramienta Rectángulo (M), crea una forma de 380 x 45 px y colócala como se muestra en la primera imagen. Selecciona este nuevo rectángulo junto con la copia de tu forma roja y haz clic en el botón Intersectar del panel Buscatrazos.

shadingshadingshading

Paso 3

Haz una copia de ese trazado compuesto azul (Control-C > Control-F) y llévala al frente (Mayús-Control-]). Selecciona esta copia junto con la forma hecha en el paso anterior y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo de formas resultante en un nuevo trazado compuesto (Control-8) y luego enfócate en el panel Apariencia (Ventana > Apariencia).

Cambia el Modo de fusión a Luz suave y luego reemplaza el color de relleno existente con el degradado lineal que se muestra en la siguiente imagen. Recuerda que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad.

linear gradientlinear gradientlinear gradient

Paso 4

Vuelve a seleccionar tu trazado compuesto azul y céntrate en el panel Apariencia. Cambia el Modo de fusión a Luz suave, sustituye el azul por el degradado lineal que se muestra en la siguiente imagen, y recuerda que el número amarillo representa el porcentaje de Opacidad.

linear gradientlinear gradientlinear gradient

4. Crea la puerta de entrada

Paso 1

Usando la herramienta Rectángulo (M), crea una forma de 50 x 90 px, elige un naranja al azar para el color de relleno y colócala como se muestra en la primera imagen. Céntrate en la parte superior de este nuevo rectángulo y elige la herramienta Selección directa (A). Selecciona el punto de anclaje izquierdo y arrástralo 5 px hacia abajo.

Asegúrate de que el punto de anclaje movido sigue seleccionado, muévete a la barra superior e introduce 5 px en la casilla Vértices. Baja hasta el punto de anclaje inferior izquierdo, selecciónalo, vuelve a la barra superior y esta vez introduce 3 px en la casilla Vértices. Al final tu forma naranja debería ser como la de la tercera imagen.

orange shapeorange shapeorange shape

Paso 2

Usando la herramienta Rectángulo (M), crea el conjunto de pequeños rectángulos mostrados en la primera imagen y usa R=31 G=31 B=31 para el color de relleno. Cambia a la herramienta Pluma (P), crea el conjunto de formas que se muestran en la segunda imagen y utiliza R=11 G=11 B=11 para el color de relleno.

stairsstairsstairs

Paso 3

Vuelve a seleccionar tu forma naranja, enfócate en el panel Apariencia y reemplaza el color de relleno existente con un borgoña oscuro (R=84 G=10 B=2).

burgundyburgundyburgundy

Paso 4

Haz una copia de esa forma borgoña (Control-C > Control-F) y tráela al frente (Mayús-Control-]). Asegúrate de que permanece seleccionada y céntrate en el panel Apariencia. Selecciona el relleno existente, baja su Opacidad al 50%, cambia el Modo de fusión a Luz suave y luego reemplaza el color existente con el degradado lineal que se muestra en la siguiente imagen.

linear gradientlinear gradientlinear gradient

Paso 5

Asegúrate de que la forma realizada en el paso anterior sigue seleccionada, sigue centrándote en el panel Apariencia y añade un segundo relleno utilizando el botón Añadir nuevo relleno. Selecciona este nuevo relleno, cambia su Modo de fusión a Luz suave y sustituye el degradado lineal existente por el que se muestra en la siguiente imagen. No olvides que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad mientras que los números azules representan el porcentaje de Ubicación.

linear gradientlinear gradientlinear gradient

Paso 6

Usando la herramienta Rectángulo (M), crea una forma de 5 x 90 px, colócala como se muestra en la siguiente imagen y rellénala con el degradado lineal que se muestra a continuación.

rectanglerectanglerectangle

Paso 7

Para este paso necesitarás una cuadrícula cada 1 px, así que ve a Edición > Preferencias > Guías y Cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada.

Utilizando la herramienta Rectángulo (M), crea una forma de 1 x 80 px y otra de 1 x 90 px. Asegúrate de que ambas formas están seleccionadas y céntrate en el panel Apariencia. Baja la Opacidad al 70%, cambia el Modo de fusión a Luz suave y luego reemplaza el color de relleno existente con el degradado lineal que se muestra en la siguiente imagen.

subtle highlightssubtle highlightssubtle highlights

5. Añade las ventanas y la franja blanca

Paso 1

Vuelve a la Línea de cuadrícula cada 5 px, para ello simplemente ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada.

Asegúrate de que tu trazado compuesto rojo está seleccionado y haz una copia delante (Control-C > Control-F). Usando la herramienta Rectángulo (M), crea una forma de 375 x 5 px, establece el color de relleno en R=209 G=211 B=212 y colócala como se muestra en la primera imagen. Selecciona este nuevo rectángulo junto con la copia de tu forma roja y haz clic en el botón Intersectar del panel Buscatrazos.

grey stripegrey stripegrey stripe

Paso 2

Céntrate en la parte inferior de tu panel Capas y activa la visibilidad de ese trazado compuesto amarillo. Selecciónalo y céntrate en el panel Apariencia. Baja su Opacidad al 10% y reemplaza el color de relleno existente con R=39 G=170 B=225.

windowswindowswindows

Paso 3

Duplica el trazado compuesto editado en el paso anterior (Control-C > Control-F), lleva la copia al frente (Mayúsculas-Control-]) y luego pulsa Alt-Mayúsculas-Control-8 (o ve a Objeto > Trazado compuesto > Soltar) para separar las formas que componen el trazado compuesto. Asegúrate de que todas las formas resultantes permanecen seleccionadas y céntrate en el panel Apariencia.

En primer lugar, aumenta la Opacidad al 100% y elimina el color del relleno. A continuación, selecciona el trazo, hazlo de 1 px de ancho, sustituye el color plano por el degradado lineal que se muestra en la siguiente imagen, y luego abre el panel desplegable Trazo y marca el botón Alinear trazo al exterior. Por último, vuelve al panel Apariencia y cambia el Modo de fusión a Luz suave. Al final deberías tener unos sutiles marcos alrededor de las ventanas como puedes ver en la segunda imagen.

framesframesframes

6. Añade luces sutiles

Paso 1

Con la herramienta Rectángulo (M), crea una forma de 360 x 10 px, hazla blanca y colócala como se muestra en la primera imagen. Céntrate en el lado derecho de este nuevo rectángulo y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje inferior y arrástralo 50 px hacia la izquierda. Vuelve a seleccionar toda la forma hecha en este paso, cambia su Modo de fusión a Superponer y luego ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 5 px, haz clic en el botón OK y luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Una vez más, introduce un Radio de 5 px y haz clic en Aceptar.

highlighthighlighthighlight

Paso 2

Utilizando la herramienta Pluma (P), crea un trazado más o menos como se muestra en la primera imagen. Añade un trazado blanco de 4 px para este trazado, y luego marca los botones Remate redondeado y Unión redonda del panel desplegable Trazo. Ve al panel Apariencia, cambia el Modo de fusión a Superponer y luego ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 20 px, haz clic en el botón Aceptar y luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 7 px y haz clic en Aceptar.

highlighthighlighthighlight

7. Crea la parrilla y el parachoques

Paso 1

Cambia a la Línea de cuadrícula cada 1 px, así que ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada.

Usando la herramienta Pluma (P), crea un trazado horizontal de 3 px y colócalo aproximadamente como se muestra en la siguiente imagen. Añade un trazo de 2 px para este pequeño trazado, establece el color en R=191 G=0 B=0, y marca el botón Remate redondeado del panel desplegable Trazo.

tiny shapetiny shapetiny shape

Paso 2

Asegúrate de que tu pequeño trazado sigue seleccionado y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra el deslizador Mover-Vertical a 4 px, introduce 7 en la casilla Copias, haz clic en el botón Aceptar y luego ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la ventana de la izquierda (en la siguiente imagen), haz clic en el botón Aceptar y luego ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la ventana de la derecha y haz clic en el botón Aceptar.

grillgrillgrill

Paso 3

Usando la herramienta Pluma (P), crea un trazado horizontal de 15 px y colócalo aproximadamente como se muestra en la siguiente imagen. Añade un trazado de 8 px para este nuevo trazado, sustituye el color plano por el degradado lineal que se muestra a continuación, y no olvides marcar el botón Remate redondeado del panel desplegable Trazo. Luego ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la siguiente imagen y haz clic en el botón Aceptar.

bumperbumperbumper

8. Crea las ruedas

Paso 1

Usando la herramienta Elipse (L), crea una forma de 45 px, colócala como se muestra en la siguiente imagen y establece el color de relleno a R=45 G=45 B=45.

wheelwheelwheel

Paso 2

Asegúrate de que tu círculo permanece seleccionado y céntrate en el panel Apariencia. Selecciona el trazado, hazlo blanco, baja su Opacidad al 25%, cambia el Modo de fusión a Luz suave y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1,5 px y luego haz clic en el botón Aceptar.

wheelwheelwheel

Paso 3

Asegúrate de que tu círculo permanece seleccionado, sigue concentrándote en el panel Apariencia y añade un segundo trazo utilizando el botón Añadir nuevo trazo.

Selecciona el nuevo trazo, establece su color en R=41 G=41 B=41, y luego abre el panel desplegable Trazo. Primero, aumenta el Grosor a 2 px y luego marca la casilla Línea discontinua. Introduce 1 en la primera casilla "guión" y 2 px en la primera casilla "hueco", luego vuelve al panel Apariencia. Asegúrate de que el trazo añadido en este paso sigue seleccionado, baja su Opacidad al 70% y cambia el Modo de fusión a Luz suave.

wheelwheelwheel

Paso 4

Asegúrate de que el círculo sigue seleccionado, sigue concentrándote en el panel Apariencia, añade un segundo relleno y arrástralo a la parte superior del panel.

Ajusta su color a R=41 G=41 B=41 y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -8 px, haz clic en el botón Aceptar, y luego añade los dos efectos de Sombra paralela que se muestran en la siguiente imagen.

wheelwheelwheel

Paso 5

Asegúrate de que tu círculo permanece seleccionado, sigue concentrándote en el panel Apariencia, añade un tercer relleno y arrástralo a la parte superior del panel.

Ajusta su color a R=169 G=124 B=80, baja su Opacidad al 70% y cambia el Modo de fusión a Luz suave.

Añade un nuevo relleno y arrástralo a la parte superior del panel. Ajusta su color a R=206 G=10 B=7 y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -10 px y haz clic en Aceptar.

wheelwheelwheel

Paso 6

Asegúrate de que tu círculo permanece seleccionado, sigue concentrándote en el panel Apariencia, añade un nuevo trazo y arrástralo a la parte superior del panel.

Establece su color en R=31 G=61 B=61 y luego abre el panel desplegable Trazo. Aumenta el Grosor a 2 px, marca el botón Remate redondeado y luego marca la casilla Línea discontinua. Introduce 0 px en la primera casilla "guión" y 5 px en la primera casilla "hueco", y luego vuelve al panel Apariencia. Asegúrate de que el trazo añadido en este paso sigue seleccionado, y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -15 px y haz clic en Aceptar.

wheelwheelwheel

Paso 7

Asegúrate de que tu círculo sigue seleccionado, continúa centrándote en el panel Apariencia, añade un nuevo relleno y arrástralo a la parte superior del panel.

Ajusta su color a R=61 G=61 B=61 y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -19 px, haz clic en el botón OK y luego ve a Efecto > Estilizar > Resplandor interior. Introduce los atributos que se muestran a continuación, haz clic en el botón Aceptar y luego ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en el botón Aceptar.

wheelwheelwheel

Paso 8

Asegúrate de que tu círculo permanece seleccionado, sigue concentrándote en el panel Apariencia, añade un nuevo relleno y arrástralo a la parte superior del panel.

Ajusta su color a R=31 G=31 B=31 y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -20 px y haz clic en Aceptar.

Añade un nuevo relleno y arrástralo a la parte superior del panel. Ajusta su color a R=55 G=55 B=55 y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -21 px y haz clic en Aceptar.

wheelwheelwheel

Paso 9

Asegúrate de que tu círculo permanece seleccionado, sigue concentrándote en el panel Apariencia, añade un nuevo trazo y arrástralo en la parte superior del panel.

Hazlo de 2 px de ancho, reemplaza el color con el degradado lineal que se muestra abajo, baja su Opacidad al 30%, cambia el Modo de fusión a Luz suave y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -5 px y haz clic en Aceptar.

wheelwheelwheel

Pasa 10

Asegúrate de que tu círculo permanece seleccionado, sigue concentrándote en el panel Apariencia, selecciona el relleno inferior y ve a Efecto > Estilizar > Resplandor interior. Introduce los atributos que se muestran a continuación y haz clic en el botón Aceptar.

wheelwheelwheel

Paso 11

Duplica (Control-C > Control-F) el círculo que compone tu rueda, arrastra la copia hacia la derecha y colócala como se muestra en la siguiente imagen.

second wheelsecond wheelsecond wheel

Paso 12

Vuelve a la Línea de cuadrícula cada 5 px, para ello simplemente ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada.

Con la herramienta Rectángulo (M), crea una forma de 285 x 40 px, establece el color de relleno en R=28 G=18 B=25, colócala como se muestra en la primera imagen y luego envíala hacia atrás (Mayúsculas-Control-[).

wheel backgroundwheel backgroundwheel background

9. Crea el interior

Paso 1

Usando la herramienta Pluma (P), crea un trazado vertical de 20 px y colócalo como se muestra en la primera imagen. Añade un trazado de 3 px para este trazado, establece su color en R=26 G=38 B=38 y no olvides marcar el botón Remate redondeado. Sigue concentrándote en este nuevo trazado y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje inferior y arrástralo 10 px hacia la izquierda.

seatsseatsseats

Paso 2

Duplica el trazado oblicuo realizado en el paso anterior, selecciona la copia y colócala como se muestra en la primera imagen. Envía ambos trazados hacia atrás (Mayúsculas-Control-[), y luego selecciona sólo el de arriba y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra el deslizador Mover-Horizontal hasta -30 px, introduce 10 en la casilla Copias y haz clic en Aceptar.

Muévete al trazado inferior, oblicuo, y ve de nuevo a Efecto > Distorsionar y transformar > Transformar. De nuevo, arrastra el deslizador Mover-Horizontal hasta -30 px, introduce 7 en la casilla Copias y haz clic en Aceptar.

seatsseatsseats

Paso 3

Duplica tu trazado compuesto rojo (Control-C > Control-F), selecciona la copia y reemplaza el color de relleno existente con R=26 G=38 B=38.

Asegúrate de que esta nueva forma permanece seleccionada y abre el panel Transformar (Ventana > Transformar). Activa el botón Restringir proporciones de Anchura y Altura, e introduce 165 px en la casilla de Altura. Al final tu forma debería tener el aspecto de la segunda imagen. Envíala hacia atrás (Mayúsculas-Control-[) antes de pasar al siguiente paso.

interiorinteriorinterior

Paso 4

Usando la herramienta Pluma (P), crea dos trazados simples que cubrirán los pequeños huecos de la parte superior de la forma que compone el interior de tu autobús. Simplemente une estas nuevas formas con la principal, y al final las cosas deberían verse como en la segunda imagen.

interiorinteriorinterior

Paso 5

Vuelve a seleccionar tu trazado compuesto rojo y añade el efecto de Resplandor interior que se muestra a continuación.

inner glowinner glowinner glow

10. Añade la sombra y un fondo simple

Paso 1

Usando la herramienta Rectángulo (M), crea una forma de 400 x 25 px, establece el color de relleno en R=10 G=0 B=0 y colócala como se muestra en la primera imagen. Céntrate en la parte superior de este nuevo rectángulo y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje izquierdo y arrástralo 60 px hacia la derecha, y luego selecciona el punto de anclaje derecho y arrástralo 85 px hacia la izquierda. Al final tu forma debería ser como la de la segunda imagen.

Asegúrate de que permanece seleccionada, envíala hacia atrás (Mayúsculas-Control-[) y luego céntrate en el panel Apariencia. Selecciona el relleno existente y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 10 px, haz clic en el botón OK y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 10 px, haz clic en el botón Aceptar y vuelve al panel Apariencia.

Añade un segundo relleno, asegúrate de que el color está ajustado a R=10 G=0 B=0, baja su Opacidad al 10% y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -5 px, haz clic en el botón OK y luego ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 30 px, haz clic en el botón OK y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los atributos que se muestran a continuación, haz clic en el botón Aceptar y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 3 px y haz clic en Aceptar.

shadowshadowshadow

Paso 2

Usando la herramienta Elipse (L), crea una forma de 450 x 20 px y colócala como se muestra en la primera imagen. Establece el color de relleno en negro, envíalo al fondo (Mayúsculas-Control-[) y luego céntrate en el panel Apariencia. Baja la Opacidad al 30% y luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 15 px y haz clic en Aceptar.

Usando esa misma herramienta, crea una forma de 450 x 40 px y colócala como se muestra en la segunda imagen. Rellénala con el degradado lineal que se muestra a continuación, envíala al fondo (Mayúsculas-Control-[) y luego céntrate en el panel Apariencia. Cambia el Modo de fusión a Subexposición de color y luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 15 px y haz clic en Aceptar.

shadowshadowshadow

Paso 3

Utilizando la herramienta Rectángulo (M), crea una forma del tamaño de tu mesa de trabajo, envíala al fondo (Mayúsculas-Control-[) y asegúrate de que el color de relleno está ajustado a R=255 G=224 B=159.

backgroundbackgroundbackground

Paso 4

Asegúrate de que la forma de fondo permanece seleccionada, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, cambia el Modo de fusión a Luz suave y sustituye el color existente por el degradado radial que se muestra en la siguiente imagen.

background radial gradientbackground radial gradientbackground radial gradient

Paso 5

Asegúrate de que la forma de fondo sigue seleccionada, céntrate en el panel Apariencia y añade un tercer relleno. Selecciónalo, cambia el Modo de fusión a Color y reemplaza el color existente con el degradado lineal que se muestra en la siguiente imagen.

background linear gradientbackground linear gradientbackground linear gradient

¡Felicidades! ¡Ya terminaste!

Así es como debería verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.

final productfinal productfinal product