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

Consejo rápido: Cómo crear una sencilla concha marina en Adobe Illustrator

Scroll to top

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

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

En este nuevo consejo rápido aprenderás a crear una sencilla concha marina en Adobe Illustrator.

Comenzarás con la forma de la concha de mar que se hace usando formas básicas, la opción Rotar y el panel Buscatrazos. Para añadir más profundidad, añadirás dos tipos de sombreado y también resaltarás la superficie de la concha.

Al final, colorearás las conchas usando diferentes degradados y añadirás las sombras. ¡Comencemos!

1. Inicia un nuevo proyecto

Inicia Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco.

Escribe un nombre y establece las dimensiones, luego selecciona Píxeles como Unidades y RGB como Modo de color. A continuación, ve a Edición > Preferencias > Generales y establece Incrementos de teclado en 1px, luego ve a Unidades y rendimiento de visualización y asegúrate de que las Unidades son las indicadas.  Yo suelo trabajar con estos ajustes, los cuales te ayudarán a lo largo del proceso de dibujo.

2. Crea la forma de la concha marina

Paso 1

Toma la herramienta Rectángulo (M) y dibuja un rectángulo de 2 x 97px, luego dale un trazo usando el color de tu elección. Ahora, haz un acercamiento a la parte superior del rectángulo y luego toma la herramienta Añadir punto de ancla (+) y úsala para agregar un punto extra en el medio como se muestra en el acercamiento. Haz lo mismo en la parte inferior del rectángulo.

Paso 2

Utiliza la herramienta Selección directa (A) para seleccionar solo el punto añadido anteriormente y muévelo hacia arriba 4px pulsando la tecla de flecha hacia arriba de tu teclado cuatro veces. Teniendo todavía este punto seleccionado, pulsa el icono Convertir puntos de ancla seleccionados en suavizado en el panel de control. No te olvides de la parte inferior del rectángulo y repite lo mismo.

Paso 3

Teniendo tu rectángulo redondeado seleccionado, ve a Efecto > Deformar > Caparazón hacia arriba. Aplica un 2% de Curvatura Horizontal y pulsa OK.

Paso 4

Para expandir el efecto que has aplicado, ve al menú Objeto y selecciona Expandir apariencia y luego Desagrupar (Mayús-Control-G).  Nombraré la forma obtenida como "primera cresta". Mientras esta forma permanece seleccionada, ve a Objeto > Transformar > Rotar y selecciona un Ángulo de 5 grados y luego pulsa Copiar. Obtendrás una segunda "cresta" en la parte superior, pero tienes que moverla un poco hacia la izquierda, justo al lado de la primera.

Paso 5

Ahora, selecciona la segunda "cresta" (1) y luego ve a Objeto > Transformar > Rotar, aplica de nuevo un Ángulo de 5 grados y pulsa Copiar.  Obtendrás la tercera "cresta" (2) que tienes que mover en el lugar correcto, a la izquierda y un poco hacia abajo (3). Estas crestas deben estar una al lado de la otra, incluso superponiéndose un poco, pero sin que queden huecos entre ellas.

Paso 6

Ya tienes el punto. Ahora, selecciona la tercera "cresta" y gírala 5 grados para obtener la siguiente (1). Muévela a su lugar y luego continúa haciendo lo mismo (2). Cuando llegues hasta el final, puedes superponer las últimas formas para obtener "crestas" más pequeñas (3). En este punto he cambiado a un relleno verde para que puedas ver mejor la forma de la concha marina que se está formando. No te preocupes por el fondo de la concha porque lo arreglarás más adelante.

Paso 7

Ahora, selecciona todas las formas del lado izquierdo y refléjalas al otro lado yendo a Objeto > Transformar > Reflejar. Marca Vertical y pulsa Copiar. Haz ajustes adicionales si es necesario.

Paso 8

A continuación, selecciona todo y pulsa Añadir en el panel Buscatrazos para obtener una única forma.

Paso 9

Toma la herramienta Pluma (P) o la herramienta Segmento de línea (\) y dibuja un trazado recto como se muestra en la siguiente imagen. Selecciona la forma verde y la línea, presiona Dividir en el panel Buscatrazos y luego Desagrupar (Mayús-Control-G). Elimina la forma de la parte inferior porque no la necesitas.

Paso 10

Utiliza la herramienta Selección directa (A) para arrastrar una selección sobre los puntos de la parte inferior de la concha marina y pulsa el icono Convertir puntos de ancla seleccionados en suavizado en el panel de Control. Esto generará unos tiradores y ahora podrás moverlos hacia abajo para crear la parte inferior redondeada. Ya tenemos la forma de la concha marina.

3. Añade sombreado a la concha marina

Paso 1

Toma la herramienta Estrella y dibuja un pequeño triángulo, luego cambia a la herramienta Eliminar punto de ancla (-) y elimina los tres puntos indicados en sus lados. A continuación, utiliza la herramienta Selección directa (A) para seleccionar solo el punto inferior y ve a Objeto > Transformar > Mover. Allí, escribe -64px en el campo Vertical y pulsa OK

Paso 2

Ahora, toma la herramienta Pluma (P) y dibuja una forma similar a un rombo en la parte superior como se muestra en la siguiente imagen (1). Selecciona ambas formas y pulsa Añadir en el panel Buscatrazos para crear una única forma (2). Utiliza la herramienta Convertir punto de ancla (Mayús-C) para transformar los dos puntos interiores indicados en el primer plano de vértice a suavizado (3). Necesitas que esa zona sea redondeada, todo tendrá sentido en los siguientes pasos. Llamaré a esta forma "forma de sombreado claro".  

Paso 3

Mueve la forma que has obtenido en el paso anterior sobre la concha marina y colócala justo entre las "crestas". La zona redondeada de la que he hablado antes debería cubrir parcialmente la parte superior de las "crestas" como se muestra en el acercamiento. He puesto la Opacidad de la forma de sombreado claro al 50% para que puedas ver exactamente dónde se superponen, pero no tienes que hacerlo, es solo para fines visuales.

A continuación, haz una copia de esta forma, gírala ligeramente y colócala entre las dos siguientes "crestas".

Paso 4

Continúa haciendo más copias de la forma de sombreado claro, gíralas como corresponde y colócalas entre las "crestas". Después de que el lado izquierdo de la concha marina esté listo (1) puedes hacer lo mismo en el lado derecho (2).

Paso 5

En este punto, utiliza la herramienta Selección directa (A) para seleccionar el punto final de una de las formas y puedes hacerla un poco más corta o un poco más larga. Repite la operación con el resto. El objetivo aquí es que las formas de sombreado ligero tengan diferentes longitudes en la parte inferior.

Paso 6

La Opacidad se establece de nuevo al 100% ahora. Copiar y Pega delante (Control-F) la concha marina, luego selecciona todas las formas de sombreado ligero y agrúpalas (Control-G) (1). Antes de continuar haz una copia de este grupo porque lo necesitarás en el siguiente paso. Ahora, selecciona el grupo de formas junto con la copia de la concha marina y presiona Formar intersección en el panel Buscatrazos (2). Pon la forma resultante en el Modo de fusión Superponer y 25% de Opacidad teniendo un relleno negro (3).

Paso 7

El sombreado ligero está hecho pero necesitamos más profundidad. Toma la copia del grupo que has hecho en el paso anterior y muévela delante de todo. Desagrupa (Mayús-Control-G) primero y luego selecciona una de las formas con la herramienta Selección (1) y hazla más estrecha ajustando el cuadro delimitador (2). Puedes ver el resultado final en el tercer acercamiento.

Paso 8

Continúa ajustando el resto de las formas. Deben estar en línea con las originales pero más finas.

Paso 9

Selecciona negro como color de relleno para estas formas más delgadas y luego agrúpalas (Control-G). Copiar y Pega delante (Control-F) de la concha marina, a continuación, selecciona el grupo de formas junto con la copia de la concha marina y pulsa Formar intersección en el panel Buscatrazos. Pon la forma resultante en Modo de fusión Superponer y 50% de Opacidad. Este es un sombreado más fuerte comparado con el primero.

4. Añade iluminaciones en la concha de mar

Paso 1

Toma la herramienta Pluma (P) o la herramienta Segmento de línea (\) y dibuja un trazado a lo largo del centro de una de las "crestas" (1). Continúa dibujando otros trazados, uno por cada "cresta" de la concha marina (3).

Paso 2

Traza todos estos trazados con un Pincel artístico llamado "Cónico - Circular" que puedes encontrar en el menú Biblioteca de pinceles > Artístico > Artístico_Tinta. Todavía con estos trazos seleccionados, ve al panel Apariencia y haz doble clic en el trazo del pincel aplicado para abrir la ventana Opciones de trazo. Escribe 15% en el campo Ancho y pulsa OK. Asegúrate de que la punta del pincel esté hacia abajo, de lo contrario marca también Voltear a lo largo.

Paso 3

Debes disminuir el ancho del pincel para los trazados de los lados de la concha marina. Mantén la Anchura de los trazados del centro tal y como la estableciste en el paso anterior, 15% (1). Selecciona los siguientes trazados, abre la ventana Opciones de trazo y fija el Ancho en 12% (2). Selecciona los siguientes trazados y disminuye el ancho un poco más a medida que vas avanzando por a los lados de la concha (3). Para los trazados restantes establece el Ancho en 5-7%.

Paso 4

Mientras los trazados están seleccionados, selecciona Expandir apariencia en el menú Objeto y luego Desagrupa (Mayús-Control-G) dos veces (1). Rellena todas las formas resultantes con un degradado radial de blanco a negro (2) y luego establece el Modo de fusión en Trama (el negro se vuelve transparente) y 50% de Opacidad. Puedes agruparlas (Control-G) en este punto (3).

5. Colorea las conchas y añade sombras

Paso 1

Selecciona la forma de la concha marina y reemplaza el color de relleno existente con el degradado radial mostrado. Utiliza la herramienta Degradado (G) para cambiar el radio.

Paso 2

Mientras la concha marina permanece seleccionada, ve al panel Apariencia, selecciona el relleno degradado existente y luego pulsa el icono Duplicar elementos seleccionados. Selecciona el nuevo relleno de la parte inferior y luego ve a Efecto > Estilizar y aplica el efecto Sombra paralela. Puedes ver la configuración que he utilizado a continuación.

Selecciona este nuevo relleno (1) en el panel Apariencia y pulsa de nuevo el icono Duplicar elementos seleccionados. Obtendrás otro relleno en la parte inferior (2) y ahora, haz doble clic en el efecto Sombra paralela para abrir la ventana y cambiar los ajustes. Duplica el relleno una vez más y luego abre la ventana de Sombra paralela de nuevo y cambia los ajustes (3).

Estos son los ajustes de Sombra paralela que he utilizado para los tres atributos de relleno.

Paso 3

La concha verde está lista y ahora puedes crear más conchas de diferentes colores. Haz una copia de la primera concha marina y sustituye el degradado verde existente por uno de tonos anaranjados. Como estás usando colores más brillantes, puedes aumentar la Opacidad para el grupo de luces del 50% al 70% (paso 4.4).

Paso 4

Esta es otra versión. Haz una copia más de la primera concha marina y reemplaza el degradado existente por el que se muestra a continuación. Las luces son apenas visibles en este punto ya que estás usando colores más claros, por lo tanto aumenta la Opacidad del grupo de 50% a 90%.

Paso 5

Ya terminaste, aquí están las tres conchas marinas que hemos creado.

Felicidades, ¡ya terminaste!

Espero que te haya resultado útil este consejo rápido. Puedes usar estas conchas marinas en tus ilustraciones este verano y si decides hacerlas, por favor comparte tu versión con nosotros. Me encantaría ver otros colores.