1. Design & Illustration
  2. Graphic Design
  3. Icon Design

Cómo crear una serie de coloridas estrellas de mar vectoriales en Adobe Illustrator

Scroll to top
This post is part of a series called Summer in Session!.
Create a Sticky Summer Typography Printable Poster in Illustrator
Use Inkscape to Create a Pair of Sunglasses With Ease

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

Sigue este consejo rápido y aprende a dibujar una hermosa estrella de mar vectorial. Te guiaré paso a paso para crear la forma de la estrella de mar y luego, utilizando los pinceles de arte disponibles en Adobe Illustrator, añadirás detalles en el cuerpo de la estrella de mar. Para las espinas se utilizará la herramienta Fusión y la opción Reemplazar lomo, que funcionan muy bien juntas en este caso. Para las patas tubulares se utilizará un pincel de dispersión personalizado a fin de añadir más detalles en la estrella de mar. Una vez completada la estrella de mar, con la ayuda de la opción Ajustar equilibrio de color podrás crear muchas otras versiones de color. ¡Comencemos!


1. Inicia un nuevo proyecto

Inicia Illustrator y ve a Archivo > Nuevo para abrir un nuevo documento en blanco. Escribe un nombre y luego configura las dimensiones, selecciona Píxeles como Unidades y RGB como Modo de color. A continuación, ve a Edición > Preferencias > Generales y ajusta Incrementos de teclado a 1px. Estos ajustes te ayudarán a lo largo del proceso de dibujo.

diana-QT-Starfish-1diana-QT-Starfish-1diana-QT-Starfish-1

2. Crea el cuerpo de la estrella de mar

Paso 1

Toma la herramienta Estrella y dibuja una estrella con las dimensiones indicadas. Selecciona cualquier color de relleno por el momento. Rota esta forma 20 grados usando el panel Transformar.

diana-QT-Starfish-2diana-QT-Starfish-2diana-QT-Starfish-2

Paso 2

Ahora, toma la herramienta Pluma (P) y usando como referencia los tres puntos de vértices indicados dibuja la primera forma de brazo. Continúa dibujando los otros cuatro brazos de la estrella de mar.

diana-QT-Starfish-3diana-QT-Starfish-3diana-QT-Starfish-3

Paso 3

Con la herramienta Selección directa (A), selecciona solo los cinco puntos indicados y pulsa la opción Convertir puntos de ancla seleccionados en suavizado en el Panel de control.

diana-QT-Starfish-4diana-QT-Starfish-4diana-QT-Starfish-4

Paso 4

Primero, descarga la secuencia de comandos "Extend Handles" y sigue las instrucciones para instalarla. Ahora, selecciona de nuevo los cinco puntos y ve a Archivo > Secuencia de comandos > Extend Handles. Ejecuta dicha secuencia de comandos y selecciona un valor de 70. Como resultado obtendrás manejadores más pequeños. De esta manera no tienes que ajustarlos todos manualmente, todo se mantiene simétrico y es más rápido.

diana-QT-Starfish-5diana-QT-Starfish-5diana-QT-Starfish-5
Esta secuencia de comandos modifica todos los manejadores de los puntos de anclaje seleccionados con la tasa especificada y sin cambiar su ángulo. Por ejemplo, para el valor de 100 conservas el tamaño original, por encima de 100 extiendes los manejadores, por debajo de 100 obtienes manejadores más cortos y para el valor de 0 eliminas los manejadores.

Paso 5

Utiliza la herramienta Selección directa (A) para seleccionar la punta del brazo superior y ve a Objeto > Transformar > Mover. En el campo Horizontal escribe -45px y pulsa OK. Utiliza la opción Mover para las otras cuatro puntas, pero utiliza los ajustes mostrados para cada una. Por ejemplo, mueve la punta del brazo derecho -5px Horizontalmente y 10px Verticalmente.

diana-QT-Starfish-6diana-QT-Starfish-6diana-QT-Starfish-6

Paso 6

A continuación, selecciona los cinco brazos de la estrella de mar y ve a Objeto > Trazado > Añadir punto de ancla para añadir algunos puntos adicionales. Concéntrate en el brazo superior y mueve los dos puntos añadidos como se muestra a continuación y ajusta el ángulo de los manejadores si es necesario. Haz lo mismo con los otros brazos.

diana-QT-Starfish-7diana-QT-Starfish-7diana-QT-Starfish-7

Paso 7

Los brazos están listos pero necesitamos la forma completa de la estrella de mar. Usa los puntos de los vértices internos como referencia y dibuja una forma como la de abajo con la herramienta Pluma (P). Debería cubrir el espacio vacío del centro. Ahora, Selecciona los cinco brazos y esta forma y presiona Añadir en el panel Buscatrazos. Rellena el cuerpo de la estrella de mar con el degradado radial mostrado.

diana-QT-Starfish-8diana-QT-Starfish-8diana-QT-Starfish-8

3. Crea los surcos principales en los brazos

Paso 1

Primero, pon un pequeño círculo en el centro a modo de boca de la estrella de mar. Selecciona cualquier color de relleno por el momento. A continuación, toma la herramienta Pluma (P) y dibuja cinco trazados desde el centro hasta las puntas de los brazos. Contornea estos trazados con un pincel artístico llamado "Cónico - Cicular" que puedes encontrar en Biblioteca de pinceles > Artístico > Artístico_Tinta. El Grosor del trazo es de 1 punto. Si es necesario, activa la opción Voltear a lo largo haciendo doble clic en el panel Apariencia sobre el pincel aplicado, de modo que la punta del pincel artístico quede hacia afuera.

diana-QT-Starfish-9diana-QT-Starfish-9diana-QT-Starfish-9

Paso 2

Teniendo seleccionados los cinco trazados del paso anterior, en el menú Objeto elige Expandir apariencia y Desagrupar (Mayús + Control + G) dos veces. Como resultado los trazos se convertirán en rellenos y obtendrás los surcos principales. Rellénalos con el degradado lineal mostrado, pero ajusta el ángulo de cada uno según su posición. El color más claro debe estar en las puntas de los surcos principales.

diana-QT-Starfish-10diana-QT-Starfish-10diana-QT-Starfish-10

4. Añade detalles en los brazos

Paso 1

Utiliza la herramienta Pluma (P) para dibujar un trazado a cada lado de los surcos principales. Utiliza blanco y negro como color de trazo, como se muestra en la siguiente imagen. Contornea estos trazados con un pincel artístico llamado "Trazo cónico" que puedes encontrar en Biblioteca de pinceles > Artístico > Artístico_Tinta. Establece el Grosor del trazo en 0,35pt.

diana-QT-Starfish-11diana-QT-Starfish-11diana-QT-Starfish-11

Paso 2

Agrupa (Control + G) estos diez trazados y establece el Modo de fusión Superponer y el 40% de Opacidad.

diana-QT-Starfish-12diana-QT-Starfish-12diana-QT-Starfish-12

5. Crea las espinas laterales

Paso 1

Dispón cinco pequeñas elipses en los vértices interiores y cinco pequeños círculos en la punta de cada brazo.

diana-QT-Starfish-13diana-QT-Starfish-13diana-QT-Starfish-13

Paso 2

Rellena las elipses azules y los círculos negros del paso anterior con los degradados radiales mostrados. Copia y pega delante (Control + F) todas las elipses y círculos.

diana-QT-Starfish-14diana-QT-Starfish-14diana-QT-Starfish-14

Paso 3

Ahora, selecciona una de las elipses interiores y uno de los círculos de la punta y ve a Objeto > Fusión > Opciones de fusión. Elige 30 Pasos especificados y dale a Aceptar, luego vuelve a Objeto > Fusión > Crear (1). A continuación, selecciona el segundo círculo de la punta (has hecho copias), la siguiente elipse interior y vuelve a fusionar utilizando los mismos ajustes (2). Continúa haciendo esto hasta que llegues al punto de partida (3).

diana-QT-Starfish-15diana-QT-Starfish-15diana-QT-Starfish-15

Paso 4

Oculta por ahora los grupos de fusión creados en el paso anterior. Copia y pega delante (Control+F) el cuerpo de la estrella de mar y dale un trazo simple. Teniendo esta copia seleccionada, toma la herramienta Tijeras (C) y haz clic en los puntos indicados para cortar el trazado en segmentos. Si sueltas el trazado, vuelve a seleccionarlo y continúa cortando. Al final deberías tener diez segmentos.

diana-QT-Starfish-16diana-QT-Starfish-16diana-QT-Starfish-16

Paso 5

Ahora puedes desocultar todos los grupos de fusión. Concéntrate en el brazo derecho y selecciona el primer grupo de fusión y también el trazado detrás de él, luego ve a Objeto > Fusión > Reemplazar lomo.

diana-QT-Starfish-17diana-QT-Starfish-17diana-QT-Starfish-17

Paso 6

Continuemos. Selecciona el segundo grupo de fusión del brazo derecho y también el trazado correspondiente, luego ve a Objeto > Fusión > Reemplazar lomo. Haz lo mismo con el resto de los grupos de fusión hasta llegar al punto de partida.

diana-QT-Starfish-18diana-QT-Starfish-18diana-QT-Starfish-18

6. Crea las espinas interiores

Paso 1

Siguiendo la misma técnica explicada anteriormente crearás las espinas interiores. Primero, pon un pequeño círculo en cada punta de los surcos principales y diez círculos en el centro de la estrella de mar, en la base de los surcos principales. Rellénalos con los degradados radiales mostrados y luego duplícalos todos.

diana-QT-Starfish-19diana-QT-Starfish-19diana-QT-Starfish-19

Paso 2

Concéntrate en el surco principal derecho de la estrella de mar. Selecciona uno de los círculos de la base y otro de la punta y luego ve a Objeto > Fusión > Opciones de fusión. Esta vez elige 40 Pasos especificados, pulsa OK y ve a Objeto > Fusión > Crear. Repite lo mismo usando los otros círculos para cada brazo, como hiciste antes.

diana-QT-Starfish-20diana-QT-Starfish-20diana-QT-Starfish-20

Paso 3

Copia y pega delante (Control + F) los surcos principales y dales un trazo simple (1). Corta cada una de estas copias en dos segmentos con la herramienta Tijeras (C) como hiciste anteriormente. Elimina los trazados más pequeños que no necesites (2). Ahora, concéntrate en el surco principal de la derecha. Selecciona el primer grupo de fusión y también el trazado detrás de él y luego ve a Objeto > Fusión > Reemplazar lomo (3). Haz lo mismo con el resto de los grupos de fusión y los trazados correspondientes hasta llegar al punto de partida (4).

diana-QT-Starfish-21diana-QT-Starfish-21diana-QT-Starfish-21

7. Crea las patas tubulares en los surcos principales

Paso 1

Dibuja un pequeño círculo negro con la herramienta Elipse (L) y arrástralo al panel Pinceles y elige Nuevo pincel de dispersión. A continuación, toma la herramienta Pluma (P) y dibuja un trazado a través del centro de cada surco principal empezando por el círculo del centro. Traza estos cinco trazados con el pincel de dispersión guardado. El Grosor del trazo está ajustado a 1pt.

diana-QT-Starfish-22diana-QT-Starfish-22diana-QT-Starfish-22

Haz doble clic en el panel Apariencia sobre el trazo del pincel para abrir la ventana Opciones de trazo. Allí, cambia los ajustes como se muestra en la imagen y pulsa OK.

diana-QT-Starfish-23diana-QT-Starfish-23diana-QT-Starfish-23

Paso 2

Selecciona el trazado contorneado de la derecha y elige Expandir apariencia en el menú Objeto. Como resultado deberías obtener el grupo de círculos y también el trazado que has utilizado. Borra este trazado antes de continuar.

A continuación, descarga la secuencia de comandos "Vary Hues" y sigue las instrucciones para instalarla. Ahora, selecciona el grupo de círculos y ve a Archivo > Secuencia de comandos > Vary Hues. Ejecuta la secuencia de comandos y escribe un valor de 50.

diana-QT-Starfish-24diana-QT-Starfish-24diana-QT-Starfish-24

Paso 3

Repite el paso anterior para los otros cuatro trazados con el pincel de dispersión. Una vez que hayas terminado, establece todos los grupos de círculos en el Modo de fusión Superponer y un 20% de Opacidad.

diana-QT-Starfish-25diana-QT-Starfish-25diana-QT-Starfish-25

8. Crea la boca de la estrella de mar

Paso 1

Selecciona el círculo del centro de la estrella de mar y sustituye el relleno gris por el color indicado. Teniendo el atributo Relleno existente seleccionado en el panel Apariencia, haz clic en el icono Duplicar elemento seleccionado de la parte inferior. Como resultado tendrás un segundo relleno. Reemplaza el color de relleno con el degradado radial que se muestra ve a Efecto > Distorsionar y Transformar > Transformar.

diana-QT-Starfish-26diana-QT-Starfish-26diana-QT-Starfish-26

En la ventana de del Efecto Transformar aplica estos ajustes y pulsa OK.

diana-QT-Starfish-27diana-QT-Starfish-27diana-QT-Starfish-27

Paso 2

Añade otro relleno en la parte inferior como hiciste antes. Utiliza un degradado radial de negro a blanco y aplica de nuevo el efecto Transformar. Esta vez utiliza los ajustes que se muestran a continuación. Establece este atributo de Relleno en Modo de fusión Multiplicar y 75% de Opacidad.

diana-QT-Starfish-28diana-QT-Starfish-28diana-QT-Starfish-28

9. Añade sombras

Paso 1

Copia y pega detrás (Control + B) el cuerpo de la estrella de mar y luego ve a Efecto > Estilizar > Sombra paralela. Utiliza los ajustes mostrados y pulsa OK.

diana-QT-Starfish-29diana-QT-Starfish-29diana-QT-Starfish-29

Paso 2

Todavía con la copia del cuerpo seleccionada, aplica de nuevo el efecto de Sombra paralela y esta vez utiliza los ajustes que se muestran a continuación.

diana-QT-Starfish-30diana-QT-Starfish-30diana-QT-Starfish-30

10. Prueba otros colores mediante el ajuste de equilibrio de color

Paso 1

Me está empezando a gustar la opción Ajustar equilibrio de color porque puedes crear fácilmente diferentes versiones de color. Primero haz una copia de la estrella de mar rosa. Agrupa todas las formas que componen la estrella de mar, excepto la copia del cuerpo utilizada para añadir las sombras. Con el grupo de la estrella de mar seleccionado, ve a Edición > Editar colores > Ajustar equilibrio de color. En la ventana que se abre, selecciona el Modo de color RGB y ajusta los valores de Rojo, verde y azul como se indica. Si estás contento con el resultado déjalo como está o puedes sustituir la última detención del relleno degradado del cuerpo por el color indicado.

diana-QT-Starfish-31diana-QT-Starfish-31diana-QT-Starfish-31

Paso 2

Haz otra copia de la estrella de mar rosa y ve a Edición > Editar colores > Ajustar equilibrio de color. Esta vez mueve solo el deslizador Azul hasta el -25% y pulsa OK. Obtendrás una estrella de mar de aspecto coralino.

diana-QT-Starfish-32diana-QT-Starfish-32diana-QT-Starfish-32

Paso 3

Esta es la versión púrpura:

diana-QT-Starfish-33diana-QT-Starfish-33diana-QT-Starfish-33

Paso 4

Después de crear la versión azul, notarás que no puedes ver la boca de la estrella de mar. Para solucionarlo, selecciona el círculo del centro y sustituye el degradado azul existente (segundo atributo de Relleno) por el indicado.

diana-QT-Starfish-34diana-QT-Starfish-34diana-QT-Starfish-34

Excelente trabajo, ¡ya está listo!

Creaste con éxito cinco hermosas estrellas de mar. No te detengas aquí. Puedes crear muchas otras variaciones en cuanto a colores y también a la forma. Me encantaría ver las estrellas de mar creadas por ti.

El fondo fue creado usando las técnicas explicadas en mi tutorial Cómo crear un lindo icono de chancla. Puedes consultarlo.

diana-QT-Starfish-34diana-QT-Starfish-34diana-QT-Starfish-34