Crear un simple caballo de mar en Adobe Illustrator

En el tutorial de hoy, les mostraré cómo crear una ilustración estilizada pero simple de un caballito de mar. Usaré una imagen de archivo solo para darme una idea básica de la forma del caballito de mar y luego continuaré usando. Shape Tools, el Panel de Apariencia y más. Así que vamos a saltar y empezar.


Paso 1

Usaré la herramienta Elipse (L) para crear tres círculos pares para la cara y el cuerpo del caballito de mar. Para crear un círculo uniforme, mantenga presionada la tecla Alt + Mayús y arrastre hacia afuera. No estoy siguiendo completamente la imagen de archivo, sino que solo la uso para tener una idea de la forma básica de la criatura.

Ahora que tengo los tres círculos, voy a rotar la cabeza y el hocico con la herramienta de transformación gratuita (E). Luego, con la Herramienta de selección directa (A), seleccione los puntos como se muestra a continuación y arrástrelos hacia afuera o hacia adentro con el hocico. No he alterado las formas con las barras de control, solo he movido los puntos. Puede que encuentre útiles las Guías inteligentes (Ctrl + U) para asegurar que los puntos permanezcan en el centro..


Paso 2

En la barra de herramientas, mantenga presionada la herramienta Segmento de línea para acceder al menú desplegable. Aquí podrás obtener la Herramienta Espiral. Comience la espiral donde le gustaría que comience el centro del rizo y luego arrastre hacia la derecha, luego jale hacia arriba hacia la parte frontal de la forma de la barriga.

Con la Herramienta de selección directa (A), seleccione los cuatro puntos centrales y luego elimínelos presionando eliminar en su teclado.


Paso 3

Dentro del panel Trazo, cambie el Peso del trazo a 5 puntos y luego cambie la tapa a una tapa redonda.

Con la herramienta de ancho (Shift + W), aumenta el ancho del punto superior a alrededor de 30px. No obtendrás una cantidad exacta pero no te preocupes por eso.


Etapa 4

Mientras la espiral está seleccionada, ve a Objeto> Expandir para convertirla en una forma.


Paso 5

Vaya al panel de Pathfinder y, mientras la espiral y el cuerpo están seleccionados, haga clic en Dividir. Esto dividirá las formas en cinco formas como se muestra a continuación.

Elimine la forma de la cola que se superpone al cuerpo y luego use Pathfinder> Unite para combinar todas las otras formas.


Paso 6

Con la herramienta Pluma (P) dibuje formas conectando cada una de las otras formas y luego seleccione Todas (Ctrl + A) y use Pathfinder> Unite para combinarlas.


Paso 7

Vamos a crear un pincel de patrón simple para darle a nuestro caballito de mar una espina de punta. Usa la herramienta Rectángulo (M) para dibujar un cuadrado parejo, nuevamente presionando Mayús + Alt y arrastrando hacia afuera para hacerlo uniforme. Con las Guías inteligentes (Ctrl + U) encuentra el centro de la línea superior del cuadrado y con la herramienta Elipse (L) dibuja un círculo uniforme. Las guías inteligentes deben permitirle ajustar el círculo a las esquinas del cuadrado. Luego, con Pathfinder> Menos delante, retire el círculo del cuadrado.


Paso 8

Use la Herramienta de selección directa (A) para seleccionar los puntos inferiores de la forma y luego, con las teclas de flecha del teclado, baje el punto unos cinco empujones. Asegúrate de que tu forma tenga un relleno negro.


Paso 9

Seleccione la forma completa y luego arrástrela y suéltela en su panel Swatch.

En el panel Pincel, haga clic en Nuevo pincel y seleccione Pincel de patrón y use la configuración a continuación. Seleccione "New Pattern Swatch" en el cuadro de abajo y Flip> Flip Across. He cambiado el Método de colorización a Tintados, sin embargo, esto no es relevante para este tutorial específico, es una buena práctica acostumbrarse. El uso de una forma negra en su pincel y con este método significará el color de trazo que use, el color que tendrá el pincel. Haga clic en Aceptar una vez hecho.


Paso 10

Con la herramienta Lazo (Q), dibuje alrededor de los puntos como se muestra a continuación. Esto seleccionará solo estas secciones y puntos de la forma. Luego copie (Ctrl + C) y pegue al frente (Ctrl + F). Terminarás con un duplicado de la línea en la parte superior de la forma original como se muestra a continuación con mi línea azul exagerada.


Paso 11

A continuación, aplique su cepillo de columna vertebral a la línea. Sin embargo, es posible que tenga el mismo problema que tengo donde uno o dos puntos crean una esquina innecesaria y producen un espacio en su línea. Por supuesto que no queremos esto, así que vamos a rectificarlo.

Cuando haga zoom en el área ofensiva, busque indicios reveladores de un error. Puede que haya demasiados puntos acumulados, como es el caso aquí. Para una línea suave, no debería tener una pieza irregular, ¿verdad? El problema es que hay dos puntos que se superponen entre sí, lo que ha provocado que ocurra una esquina. Así que con la herramienta Pluma (P), me he movido sobre el punto y luego borré un punto. Entonces, como por arte de magia, toda la línea ahora alberga el Pincel de patrón..


Paso 12

En el panel Trazo, modificaré el perfil de la línea con el perfil de ancho 6 y luego, para asegurarme de que los picos estén afuera, haga clic en Girar a través.

Quiero que nuestro caballito de mar tenga un aspecto más mohawk, así que voy a usar la Herramienta de Ancho (Shift + W) nuevamente y aumentaré el punto al comienzo de la línea a alrededor de 1px.


Paso 13

Seleccione la línea para la columna vertebral y luego Objeto> Expandirla. Luego seleccione el cuerpo y la columna vertebral y luego use Pathfinder> Unite.


Paso 14

Desde aquí, puede modificar la forma básica de su caballito de mar si no está satisfecho con alguno de los elementos. No estoy tan contento con el aspecto contundente del mohawk, así que voy a usar la herramienta Pluma (P) para eliminar algunos de los puntos y luego crear una protuberancia suave en la frente..


Paso 15

Ahora, para colorear el caballito de mar. Si eres como yo y no estás completamente seguro de los colores, hay una variedad de formas en que puedes obtener ayuda con esto. Está Kuler, que es una de mis fuentes de color favoritas y también hay muchas bibliotecas Swatch que vienen con Adobe Illustrator. En el panel Swatch, vaya al menú detallado en la esquina superior derecha y seleccione Abrir biblioteca de Swatch> Naturaleza> Playa para acceder a la siguiente información. Luego seleccioné la muestra "Amanecer" haciendo clic en la carpeta a la izquierda de la paleta de muestras, que agregará todo el grupo de colores a su panel de muestras. Le he dado a nuestro caballito de mar un relleno púrpura.


Paso 16

Ahora para agregar algunas formas adicionales. Un círculo uniforme con la herramienta Elipse (L) para la mejilla y un círculo modificado para la barriga. Luego voy a duplicar la forma del huevo para la barriga y moverlo hacia un lado. Use Pathfinder> Minus front para luego crear una forma de media luna como se muestra a continuación.


Paso 17

Dé a las formas el mismo relleno que el cuerpo del caballito de mar. Luego, en el panel Apariencia, haga clic en el menú desplegable y seleccione Nuevo relleno. Seleccione el degradado radial transparente negro desde el panel de muestra.

Luego arrastre y suelte el color púrpura en los controles deslizantes de degradado en el panel Gradiente. Use la herramienta Degradado (G) para aumentar el tamaño del degradado. Haga clic en Opacidad en el panel de Apariencia y seleccione Multiplicar el modo de fusión y deje la Opacidad al 100%..


Paso 18

Vamos a reutilizar estas opciones en el panel de Apariencia. Vaya al panel Estilos gráficos y haga clic en Nuevo estilo gráfico. Puede hacer doble clic en el icono en el panel y cambiarle el nombre. Lo he llamado Tummy por ahora.

Luego, seleccione el círculo para la mejilla y haga clic en el estilo gráfico de barriga. A continuación, seleccione la forma para la totalidad de la forma de los caballitos de mar y asígnele el mismo estilo gráfico..


Paso 19

Duplique lo mismo para el cuerpo, las mejillas y la barriga y use Pathfinder> Unite para crear una forma que abarque a todo el caballo de mar. Coloque esto sobre todas las formas que haya creado. Dale un relleno púrpura y luego haz clic en el botón FX en la parte inferior y ve a Estilizar> Resplandor interior. Utilice las siguientes opciones y luego haga clic en Aceptar. Luego cambie la opacidad de todo el estilo haciendo clic en el enlace Opacidad en la parte inferior. La diferencia con este enlace de Opacidad es que influirá en todos los trazos y rellenos y en cualquier otra configuración que pueda haber aplicado, en lugar de solo el relleno. Lo he cambiado a Blending Mode Darken.

Una vez hecho esto, guarde esta configuración en el panel Estilos gráficos para usar en el futuro como lo hizo anteriormente.


Paso 20

Ahora para agregar una pequeña aleta en el lado de la mejilla. Use la herramienta de segmento de línea (\) para dibujar una línea horizontal. Asígnele un Peso de trazo de 0.75 pts en el panel Trazo y luego aplique el pincel de espina que creó anteriormente para el lomo. Luego ve a Objeto> Expandir y luego a Pathfinder> Unite para crear una forma.


Paso 21

Mientras aún esté seleccionado, vaya a Efectos> Distorsionar y transformar> Distorsión libre. He traído las esquinas inferiores y luego aplasté la forma moviendo las esquinas superiores hacia abajo como se muestra a continuación.

Una vez hecho esto, haga clic en Objeto> Expandir y luego use la herramienta Transformación libre (E) para rotar la aleta y colocarla al lado de la cara. Usa tu estilo gráfico de abdomen para darle color. Luego utilicé la herramienta de degradado (G) para mover el degradado, de modo que solo influyó en las puntas de la aleta y luego bajó la opacidad al 60%..


Paso 22

No estoy completamente contento con el color del caballito de mar, así que voy a jugar con el color. Primero duplique la forma de todo el caballito de mar. Seleccione todas las otras formas y luego agrúpelas (Ctrl + G). Luego le he dado a la forma de un caballito de mar duplicado un relleno amarillo de la misma muestra "Sunrise".

He jugado un poco con el panel de Apariencia con dos rellenos. Uno está configurado como Superposición de modo de fusión, el otro está configurado como Pantalla de modo de fusión, Opacidad 10%.


Paso 23

En el panel Capa, cree una nueva capa y muévala debajo del caballito de mar. Use la herramienta Rectángulo (M) para dibujar un rectángulo alrededor del caballito de mar. Luego, aplique el estilo de gráfico de resplandor interno que se usó anteriormente para la forma de todo el cuerpo. He cambiado el relleno de la capa a azul claro y luego cambié la configuración del Resplandor interno como se muestra a continuación. Finalmente he cambiado el modo de fusión de nuevo a Normal.


Paso 24

En el panel Apariencia, vaya al menú desplegable y elimine la marca de verificación "Nuevo arte tiene apariencia básica". Cambie la configuración de Desenfoque en el Resplandor interno a 7px y haga clic en Aceptar. Luego haga clic en la opacidad al 70%. Usa la herramienta Elipse (L) para luego dibujar círculos uniformes alrededor del caballito de mar. Solapa algunos y quizás algunos en el cuerpo del caballito de mar para hacer burbujas estilizadas..


Paso 25

Finalmente, use la herramienta de Artboard (Shift + O) para definir los límites de su ilustración y su caballo de mar ya está completo!


Conclusión

Cómo ha disfrutado el tutorial de hoy y puede aplicar algunas de estas técnicas simples en proyectos futuros.