Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Cómo crear una bicicleta de colores para niñas en Adobe Illustrator

by
Difficulty:IntermediateLength:ShortLanguages:

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

Final product image
What You'll Be Creating

¡El verano es una gran temporada para dejar al descubierto tu bicicleta e ir a dar un paseo! Todavía hay un mes de verano por delante, así que vamos a dar un paseo a través del emocionante proceso de creación de una bicicleta para niñas con estilo plano en Adobe Illustrator, usando formas simples, opciones del panel Trazo y varias operaciones del Explorador. ¡Empecemos!

1. Haz la rueda de la bicicleta

Paso 1

Empezaremos desde la parte esencial de la bicicleta: la rueda. Y en primer lugar formamos el neumático. Usa la Herramienta Elipse (L) para hacer un círculo de 150 x 150px. Cambia el color de relleno a ninguno y el color del trazo a violeta oscuro en el panel de colores. Ve al panel trazo y establece el valor a 8pt.

form a tire from a circle with stroke

Paso 2

Vamos a convertir nuestro círculo a curvas y agregaremos una sombra suave, haciendo que el neumático sea más tridimensional. Ve a Objeto > Expandir > Trazo. Ahora tenemos una trayectoria compuesta en forma de anillo 

Copia la forma y pégala dos veces por delante (Control-C > Control-F > Control-F). Selecciona la forma superior y desplázala un poco a la derecha usando la tecla de flecha derecha (he cambiado la forma superior a contornos, para que sea claramente visible en la captura de pantalla a continuación).

expand the outlined tire circle

Y aquí hay un truco. Selecciona la forma que hemos movido y la que está debajo. Utiliza la función Menos Frente del Explorador para cortar las formas, de modo que sólo nos queden dos piezas. Cambia el modo de fusión a Multiplicar en el panel de Transparencia y ajusta el color, convirtiendo las formas en una sombra leve. Usaremos este método más adelante, también añadiremos sombras semi-transparentes a otras partes de nuestra bicicleta.

create a shadow in Multiply Blending Mode

Paso 3

Copia la forma que hemos creado y coloca el duplicado dentro de la primera forma, haciéndola más pequeña. Cambia el color de la forma interna a beige claro, creando el borde.

create a rim inside the tire

Paso 4

Ahora tenemos que añadir algunos radios. Haz una línea vertical con la Herramienta de Segmento de Línea (\), mantén presionada la tecla Mayús. Ajusta el valor del trazo a 3pt y el color al mismo beige que tenemos en el borde. Manteniendo la línea seleccionada, haz doble clic en el icono de la Herramienta Rotar (R) en el panel Herramientas. En la ventana emergente Opciones de rotación, establece el valor de ángulo de rotación en 90 grados para colocar nuestra línea horizontalmente. Haz clic en el botón Copiar para crear las dos líneas de cruce.

Vamos a multiplicar los radios. Selecciona las líneas de cruce y vuelve a abrir la ventana de opciones de rotación. Establece el valor del ángulo en 360/20. De esta manera, Adobe Illustrator calculará automáticamente el grado del ángulo adecuado para las 20 copias. Haz clic en el botón Copiar y luego repite nuestra última acción pulsando Control-D varias veces, haciendo más copias de los radios.

add spokes to the wheel

Paso 5

Vamos a añadir el guardabarros de la rueda. Haz un círculo del mismo tamaño que nuestra rueda y ponlo en la parte superior, cubriendo la rueda. Intercambia los colores del Relleno y Trazo (Shift-X) y el grosor de trazo a 8pt, haciendo un contorno grueso.

Ahora toma la Herramienta Tijeras (С) y haz clic en los puntos de anclaje de izquierda y derecha. De esta manera estamos dividiendo la forma en dos mitades iguales. Elimina la mitad inferior. En cuanto a la mitad superior, ajusta el valor a 8pt, la tapa y el ángulo a las posiciones medias en el panel de trazo.

create a fender from a circle 1

Paso 6

Objeto > Expande el guardabarros, rellénalo con un color rosado de niña y añade la sombra de la misma manera que hicimos anteriormente, utilizando la función Menos Frente del Explorador. Coloca un pequeño círculo de 25 x 25px dentro de la rueda, usando el panel Alinear para alinearlo a Objeto clave, colocándolo justo en el centro de la rueda.

expand the fender and make it pink

2. Añade más elementos a nuestra bicicleta

Paso 1

Vamos a representar el panel que cubre la cadena. Toma la Herramienta Rectángulo (M), haz un estrecho rectángulo turquesa y colócalo horizontalmente. Selecciona el punto superior derecho del ancla con la Herramienta de Selección Directa (A) y sube un poco presionando la tecla de flecha hacia arriba varias veces o manteniendo presionada la tecla Mayús y presionando la tecla de flecha arriba para mover a una distancia más grande. Repite lo mismo para el anclaje inferior derecho.

Utiliza la función de Esquinas en vivo de Adobe Illustrator CC para hacer las esquinas redondeadas: selecciona la forma y al ver los indicadores del pequeño círculo junto a cada esquina, tira de cualquiera de ellos al máximo. Si estás usando versiones anteriores del programa, no dudes en aplicar Efecto > Estilizar > Esquinas Redondeadas.

make the chain stay covering from a rectangle

Paso 2

Selecciona el círculo de color rosa en la rueda, mantén pulsadas las teclas Alt y Mayús y arrastra el círculo a la derecha para crear una copia. Haz la copia del círculo un poco más grande y añade otro en la parte superior. También puedes hacer las esquinas en la parte derecha de la forma turquesa más redondeadas seleccionando todos los puntos de anclaje del lado derecho y utilizando la función de Esquinas vivas de nuevo para aumentar la redondez.

add details do the chain stay covering

Paso 3

Usa la Herramienta Segmento de Línea (\) o la Herramienta pluma (P) para dibujar un trazo diagonal pequeño con 5pt de Grosor de trazo para el brazo de la biela. Agrega un pedal encima de él con la Herramienta Rectángulo (M) o la Herramienta Rectángulo Redondeado.

add the crank arm and a pedal

Paso 4

Dibuja una línea gruesa con un valor de 10pt para el tubo del asiento. Y añade otra línea más delgada, casi perpendicular al tubo del asiento, formando un triángulo. Forma un asiento rosado en la parte superior con la ayuda de la Herramienta de Rectángulo Redondeado.

make a stroke for the seat tube and add a seat

Paso 5

Ahora selecciona la rueda, mantén pulsado Alt y Mayús y arrastra para crear una copia para la rueda delantera. Vamos a girar el guardabarros de la rueda delantera un poco. Selecciona el guardabarros, toma la Herramienta Rotar (R), coloca el punto de pivote en el centro de la rueda delantera (presiona Alt-clic en el centro) y suelta el ratón para abrir la ventana de Opciones de Rotación. Establece el valor ángulo en 20 grados.

Agrega el tubo de la cabeza en la parte delantera de nuestra bicicleta manteniendo Alt-Shift y copiando el tubo del asiento, de modo que las líneas sean paralelas.

make the front wheel

Paso 6

¡Ahora es el momento de añadir una caña y un manillar a nuestra bicicleta! Dibuja una polilínea con esquina con la ayuda de la Herramienta Pluma (P). Selecciona el punto de anclaje en la esquina y Conviértelo en Suave desde la barra de control en la parte superior. Duplica la caña creada y cambia el color de la copia a color rosa. Manteniendo la forma seleccionada, usa la herramienta Borrador (Shift-E) para eliminar la mayor parte de la copia, dejando sólo una pequeña pieza para el mango.

add the handlebar

Paso 7

Añade dos tubos más para conectar ambas partes de la bicicleta. Dobla el tubo superior con la Herramienta de Curvatura (Shift-`), formando un arco liso.

add more tubes to connect the parts of the bicycle

Paso 8

Vamos a añadir algunos detalles menores para dar a nuestra imagen un aspecto terminado. Selecciona el recubrimiento de la cadena y ve a Objeto > Ruta > Ruta de desplazamiento. Establece el valor de desplazamiento a -5px, creando así una nueva forma dentro de la seleccionada. Haz la forma más oscura y agrega algunos elementos más a tu gusto.

Para hacer una composición simple y limpia, coloca un rectángulo de color beige claro en la parte inferior del panel de Capas para el fondo y agrega algunos puntos más oscuros en el suelo alrededor de las ruedas.

add more details and the background to the image

Paso 9

Por último, vamos a formar las nubes que podremos ubicar en la zona superior de nuestra imagen. Usa la Herramienta Elipse (L) para hacer una fila de círculos blancos, superpuestos unos con otros. Selecciona los círculos, toma la Herramienta Borrador (Shift-E), mantén pulsada la tecla Alt y arrastra la Herramienta Borrar por encima de la parte inferior de la nube, haciendo un rectángulo blanco. Cuando sueltes el ratón, todos los componentes no deseados se habrán ido. ¡Nuestra nube esponjosa está lista!

¡Vamos ciclismo!

¡Buen trabajo chicos! Terminamos de hacer una bicicleta infantil plana, utilizando técnicas sencillas pero eficaces. Espero que hayas disfrutado este breve tutorial y vuelvas por más. ¡Atento y sigue creando cosas bellas!

cute flat girls bicycle is finished
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.