Cómo Crear un Motivo Continuo del Dibujo de Piscina en Adobe Illustrator
() translation by (you can also view the original English article)



La vida es mejor junto a la piscina en verano, así que sigue este tutorial Illustrator y aprende a crear un motivo continuo inspirado en eso. Al principio dibujarás todos los elementos que componen este patrón: el fondo de la piscina, las mujeres, el colchón inflable, el inflable redondo, las pelotas de playa y las olas. Después, todo lo que tienes que hacer es crear el motivo continuo.
Esta vez no utilizaremos la herramienta Motivo ni el método de adición y sustracción de un valor específico de las coordenadas X e Y, que suena muy confuso. Mejor, vamos a apoyarnos en el efecto Mover, que es mi método favorito y es bastante fácil.
Si necesitas más motivos en tu vida, no dejes de visitar Envato Market para inspirarte. Ya sea un motivo inspirado en el verano o un motivo continuo de cualquier tipo, seguro que encuentras lo que buscas. ¡Empecemos antes de que termine el verano!
1. Crea un nuevo proyecto
Inicia Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre para tu archivo, establece las dimensiones, y luego selecciona Píxeles como Unidades y RGB como Modo de color. Asegúrate de que la opción Alinear nuevos objetos con la cuadrícula de píxeles no está marcada.
A continuación, ve a Edición > Preferencias > Generales y establece Incrementos de teclado en1 px y mientras tanto, ve aUnidades para asegurarte de que están configuradas como en la siguiente imagen. Yo suelo trabajar con estos ajustes, los cuales te ayudarán a lo largo del proceso de dibujo y cómo usar Illustrator.



2. Crea ala mujer rubia
Paso 1
Comencemos con la cabeza de la mujer y para ello, toma la herramienta Elipse (L)y dibuja una elipse de 54 x 70 px(1). A continuación, toma la herramienta Pluma (P)y dibuja el cuello (2) seguido de la forma del cuerpo como se muestra en la imagen de abajo (3).



Paso 2
Ahora, dibuja las manos y utiliza el mismo color beige para rellenarlas. Después de eso, envíalas detrás de todo yendo a Objeto > Organizar > Enviar detrás (Mayúsculas-Control-[).



Paso 3
Tómate tu tiempo y dibuja las piernas con la herramienta Pluma (P)como se muestra en la siguiente imagen.



Paso 4
Ahora dibuja la parte inferior del bikini y la parte superior del bikini, seguido de los tirantes, y rellena todas las formas con rosa oscuro.



Paso 5
Usa la herramienta Elipse (L) para dibujar algunos círculos blancos en el traje de baño y también algunos medios círculos a lo largo de los bordes. Cuando hayas terminado, agrupa (Control-G) todos estos círculos.
Dibuja un pequeño rectángulo negro en el centro de la parte superior del bikini para añadir una sombra. Establece el Modo de fusión enMultiplicar y reduce la Opacidad al 30%.



Paso 6
Selecciona la parte inferior del bikini y luego haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V) para obtener una copia de la misma (la forma naranja).Copia y Pega en mismo lugar (Mayús-Control-V) la parte inferior del bikini de nuevo y muévela 2 px hacia arriba presionando la tecla de flecha hacia arriba en tu teclado dos veces (la forma azul). Ahora, selecciona las formas naranja y azul y presiona Menos frente en el panel Buscatrazos. Rellena la forma resultante con negro, y establece su Modo de fusión en Multiplicar y 20% de Opacidad.



Paso 7
Siguiendo la técnica explicada anteriormente, crea la sombra bajo la parte superior del bikini y aplica los mismos ajustes.



Paso 8
Dibuja dos formas como las de abajo para las rodillas y utiliza el marrón claro como color de relleno (1).
Ahora, céntrate en los pies y dibuja cuatro pequeños trazados con la herramienta Pluma (P) o la herramienta Lápiz (N) para definir los dedos del pie izquierdo. Selecciona un Trazo de 1 pt y el Perfil de Ancho 5 en el panel Trazo. El extremo más fino del pincel debe ir hacia abajo; de lo contrario, pulsa la opción Voltear a lo largo. Cuando termines, repite el mismo procedimiento para el pie derecho (2).



Paso 9
Enfócate en las piernas y vamos a crear una sombra entre ellas (1). Usa la herramienta Pluma (P) para dibujar dos trazos como se muestra a continuación (2), luego selecciona un Trazo de 2 pt y el Perfil de Ancho 1 en el panel Trazo (3).



Paso 10
Para crear una sombra bajo los brazos, toma la herramienta Pluma (P) y dibuja dos trazos siguiendo el borde exterior. Selecciona unTrazo de 3 pt y el Perfil de Ancho 1en el panelTrazo(1).
Para crear el pliegue en los brazos, dibuja dos trazos como se muestra a continuación y luego selecciona un Trazo de 1 pt y el Perfil de Ancho 1(2).



Paso 11
Vamos a añadir más detalles en el cuerpo. Dibuja un trazo en la base del cuello y otro corto a modo de ombligo. Selecciona unTrazo de 1 pt y el Perfil de Ancho 2 para ambos (1).
Luego, dibuja dos trazos en el pecho y selecciona un Trazo de 1 pt con el Perfil de Ancho 4 esta vez (2).



Paso 12
Usa la herramienta Pluma (P) para dibujar la forma del pelo como se muestra en la siguiente imagen (1). Después de eso, sigue la línea del cabello y dibuja cinco trazos (2), dales un Trazo de 1 pt con el Perfil de Ancho 1(3).



Paso 13
Para dar brillo al cabello, dibuja dos formas aleatorias con la herramienta Pluma (P) o la herramienta Lápiz (N) y rellénalas con el color que se indica a continuación.



Paso 14
Para crear la cola de caballo, toma la herramienta Lápiz (N) y dibuja todos los trazos ondulados que quieras. Utiliza el Perfil de anchura 4 para todos ellos y asegúrate de que la punta del pincel esté hacia abajo. De lo contrario, pulsa la opción Voltear a lo largo en el panel Trazo. Selecciona diferentes valores para el Grosor, por ejemplo 2 pt,3 pt y hasta5 pt y utiliza también dos colores de trazo para añadir más definición (1).
Agrupa (Control-G) todos los trazos del pelo, luego Cópialos y Pégalos detrás (Control-B). Mueve y rota la copia un poco para hacer la cola de caballo más gruesa (2).



Paso 15
A continuación vamos a crear las gafas de sol. Empieza con la forma de los cristales y después de dibujarlos, selecciona un relleno gris y un trazo gris oscuro (1). A continuación, dibuja el puente entre los cristales (2) seguido de cuatro rectángulos finos como reflejo de las gafas (3).
Agrupa (Control-G) todas las formas que componen las gafas de sol y muévelas sobre la cara de la mujer pero por detrás del pelo (4).



Paso 16
Toma la herramienta Pluma (P), dibuja la forma de la boca (1) y después de eso dibuja dos trazos que serán los labios superiores e inferiores. Usa un Trazo rojo de2 pt deGrosor y usa el Perfil de ancho 1(2). Al final, dibuja una forma blanca para los dientes (3).



Paso 17
Dibuja un trazo corto para la nariz y usa un Trazo de 2 pt con el Perfil de ancho 1(1). Para las mejillas bronceadas, dibuja dos elipses rellenas de rosa y envíalas detrás de las gafas de sol (2).



3. Crea a la Mujer morena
Paso 1
Para este punto la mujer rubia está lista y puedes hacer una copia de ella. Haciendo algunos cambios, lograremos la mujer morena, así que procedamos a ello.
Utiliza los colores indicados a continuación y cambia el color de relleno del pelo, el brillo del pelo, el rubor y también cambia los colores de los trazos de la cola de caballo.



Paso 2
Cambia el color de relleno del cuello, las rodillas y la piel para que la chica esté bronceada (1). A continuación, selecciona todos los trazos mostrados y utiliza un tono más oscuro de marrón como color de trazo (2). Puedes ver el resultado final en la imagen a continuación (3).



Paso 3
Elimina los círculos blancos del traje de baño y también los tirantes. Selecciona el morado como color de relleno para la parte superior e inferior del bikini (2) y después de eso, aumenta la Opacidad de las dos formas de sombra (de 20% a 50%) para hacerlas más visibles (3).



Paso 4
Aquí están las dos mujeres. Ahora están listas. Agrupa (Control-G) todas las formas que componen a cada mujer y nombra los grupos "mujer rubia" y "mujer morena" respectivamente.



4. Crea el Colchón flotador
Paso 1
Utiliza la Herramienta Rectángulo redondeado para dibujar un rectángulo con las dimensiones mostradas en la imagen que se muestra a continuación y selecciona el verde como color de relleno. Ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de 2 px(1).
Añade un Nuevo relleno por encima del primero y utiliza verde lima como color de relleno. Mientras este atributo de Relleno permanece seleccionado, ve a Efecto > Estilizar > Resplandor interior y aplica la configuración que se muestra a continuación (2).
Vuelve a añadir Nuevo relleno, pero esta vez muévelo por debajo del primero en el panel Apariencia. Selecciona verde claro como color de relleno, y luego ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de 8 px. Todavía con este atributo de Relleno seleccionado, ve a Efecto > Distorsionar y transformar > Zig Zag y aplica la configuración que se muestra a continuación (3).



Paso 2
A continuación, dibuja un nuevo rectángulo redondeado con las dimensiones mostradas en la imagen. Selecciona verde claro como color de relleno; luego ve a Efecto > Distorsionar y transformar > Zig Zagy aplica la configuración que se indica a continuación.



Paso 3
Dibuja otros cuatro rectángulos redondeados, selecciona verde como color de relleno y luego ve a Efecto > Trazado > Desplazamiento y aplica unDesplazamiento de 2 px. Añade un Nuevo relleno encima del primero, cambia el color de relleno a verde lima y aplica el efecto Resplandor interior.



Paso 4
Para añadir algunos reflejos, dibuja cinco rectángulos redondeados más pequeños, como se muestra en la siguiente imagen. Para añadir más brillo, dibuja unos cuantos rectángulos redondeados más finos encima y rellénalos de amarillo claro.
Agrupa (Control-G) todas las formas que componen el flotador y nombra el grupo "colchón flotador".



5. Crea el Inflable redondo
Paso 1
Toma la herramienta Elipse (L) y dibuja un círculo de 63 x 63 px. En el panel Apariencia añade los cinco trazos que se muestran a continuación, el primero de ellos en la parte inferior. En cada paso, aplica un valor de Desplazamiento mayor para crear las capas de trazos.



Paso 2
Utiliza la herramienta Pluma (P) para dibujar dos trazos curvos en el flotador. Para el trazado más pequeño en la parte inferior izquierda, selecciona un Trazo blanco de2 pty el Perfil de Ancho 6 en el panel Trazo. Reduce la Opacidad al 60%. Para el trazado más grande en la parte superior derecha, selecciona un Trazo blanco de 3 pt y el Perfil de Ancho 6. Reduce la Opacidad al 80%.
Agrupa (Control-G) todas las formas que componen el flotador y nombra el grupo "flotador redondo".



6. Crea la pelota de playa
Paso 1
Utiliza la herramienta Elipse (L) para dibujar un círculo de 35 x 35 px(1) y luego un círculo más pequeño en la parte superior (2). Cambia a la herramienta Pluma (P)y dibuja las tres rayas rosas de la pelota (3-5).



Paso 2
La pelota de playa está lista y puedes agrupar (Control-G) todas las formas. Nombra el grupo "pelota rosa". También puedes crear una "pelota azul" haciendo una copia de la primera y sólo cambiando los colores de relleno.



7. Crea los Azulejos de la piscina
Paso 1
Toma la herramienta Rectángulo (M) y dibuja un cuadrado de 50 x 50 px con relleno de azul claro (1). Ahora, utiliza la herramienta Pluma (P) o la herramienta Segmento de línea (\) para dibujar cuatro trazados rectos entre las esquinas del cuadrado (2).
Con la ayuda de la herramienta Selección directa (A), mueve el punto final superior del trazado verde 3 px hacia abajo, pulsando la tecla de flecha hacia abajo de tu teclado tres veces. A continuación, mueve el punto final inferior del trazado verde3 px hacia arriba, pulsando la tecla de flecha hacia arriba tres veces. Haz lo mismo con los otros tres trazados para hacerlos más cortos (3). Cuando hayas terminado, selecciona un Trazo de 1 pt para estos trazados usando un tono de azul ligeramente más oscuro (4).
Antes de continuar, asegúrate de que tu cuadrado tiene un tamaño de 50 x 50 px y los cuatro trazados tienen una longitud de 44 pxcada uno. Es muy importante que todo sea simétrico, de lo contrario el motivo no será continuo.



Paso 2
Agrupa (Control-G) el cuadrado junto con los cuatro trazados y nombra el grupo "azulejo único". Mientras este grupo permanece seleccionado, ve a Efecto > Distorsionar y transformar >Transformar y aplica este efecto dos veces usando la configuración que se muestra a continuación. Después, selecciona Expandir apariencia en el menú Objeto para expandir los dos efectos.



Paso 3
Utiliza la herramienta Selección directa (A) para seleccionar una de cada dos baldosas, como un tablero de ajedrez (1), y cambia el color de relleno a un tono más oscuro de azul. Nombra todo el grupo de baldosas como "suelo de la piscina" (2).
Utiliza la herramienta Rectángulo (M )para dibujar un cuadrado de300 x 300 px, que será el tamaño del azulejo del motivo. Este cuadrado no debe tener trazo ni relleno y debe estar detrás de todo, así que ve a Objeto > Organizar > Enviar detrás (Mayúsculas-Control-[).
Ahora, selecciona el grupo "suelo de la piscina" junto con este cuadrado vacío y pulsa Alinear centro horizontal seguido de Alinear centro vertical en el panel Alinear. Si has seguido las dimensiones exactas en los pasos anteriores, estos dos objetos deberían encajar perfectamente en este punto como se muestra en el acercamiento, y además estás mucho más cerca de lograr un motivo infinito. Asegúrate de que el cuadrado limitante permanece en la parte posterior en todo momento.



Paso 4
A continuación, toma la herramienta Lápiz (N) y dibuja dos trazados ondulados sobre el "suelo de la piscina" como se muestra en la siguiente imagen. Haz los trazados con el Pincel artístico Tiza-garabato, que puedes encontrar en el menú Biblioteca de pinceles > Artístico > Artístico_LápizTizaCarboncillo. Aumenta el Grosor a 3pt y 5 pt respectivamente. Antes de continuar, asegúrate de que las pinceladas no sobrepasen los bordes del "suelo de la piscina", de lo contrario perderás la "infinidad". Reduce la Opacidad al 15% para ambos trazados.



8. Escala y prepara todos los componentes
Paso 1
Ve a Edición > Preferencias > Generales y asegúrate de que la opción Escalar trazos y efectos está marcada. Pulsa OK y ahora puedes escalar todo manteniendo la apariencia exactamente igual.
El "flotador circular" tiene el tamaño adecuado, así que selecciona la "mujer rubia" y redúcela para que quepa dentro del flotador.



Paso 2
Concéntrate en la mujer rubia. Selecciona la pierna izquierda y luego haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V) para obtener una copia de ella. Utiliza la herramienta Pluma (P)para dibujar un trazado curvo justo debajo de las rodillas y, antes de continuar, haz una copia delante de este trazado porque lo necesitarás para la otra pierna (1).
Ahora, selecciona la copia de la pierna izquierda y el trazado curvo y presiona Dividir en el panel Buscatrazos. Esto cortará la pierna en dos formas separadas. Desagrupa (Mayús-Control-G), borra la forma superior porque no la necesitas, y rellena la forma inferior con el color indicado en la imagen (2). Repite el mismo proceso para la pierna derecha usando la copia del trazado curvo.
Esto creará la apariencia de una sombra porque las piernas de la chica están en el agua. En este punto las rodillas no son visibles, así que no olvides llevarlas de nuevo al frente de las piernas usando el panel Capas(3).



Paso 3
Selecciona el "colchón flotador", ve a Objeto > Transformar > Escala y escribe22% en el campo Escala. El resultado debe ser un poco más grande que la mujer rubia en el flotador redondo.
Ahora, selecciona el grupo de la "mujer morena" y redúcelo para que quepa en el "colchón flotante". ¡Las dos mujeres deberían ser del mismo tamaño!



Paso 4
Mueve a la mujer rubia en el flotador circular y a la mujer morena en el colchón flotador sobre el suelo de la piscina. Toma la herramienta Lápiz (N) y dibuja unos cuantos trazados ondulados alrededor de ellas como se muestra en la siguiente imagen. Selecciona un Trazo blanco de 1 pt o 2 pt y el Perfil de ancho 2 para todos ellos, esto creará la apariencia de movimiento en el agua.



9. Crea el Motivo Continuo de la Piscina
Paso 1
Selecciona la "mujer rubia" y el "flotador circular" junto con las tres ondas en las piernas, y gíralos 45 grados usando el panel Transformar. Colócalos en la esquina inferior derecha del "suelo de la piscina" (1).
Selecciona la "mujer morena" y el "colchón flotador" junto con las cuatro ondas que las rodean y gíralos 135 grados. Colócalos sobre el "suelo de la piscina" como se muestra a continuación (2).
Vamos a añadir algunas sombras. Selecciona los siguientes grupos: "mujer rubia", "mujer morena", "colchón flotador" y "flotador redondo" (sin las olas), y ve a Efecto > Estilizar > Sombra paralela. Aplica los ajustes mostrados a cada grupo (3).



Paso 2
Ahora, selecciona todos los elementos que organizaste en el paso anterior y luego haz clic en Copiar y Pegar delante (Control-F). Rota las copias -90 grados y colócalas en la esquina superior izquierda del "piso de la piscina" como se muestra en la siguiente imagen. Observa cómo el efecto de Sombra paralela se actualiza cuando rotas los elementos.



Paso 3
En este punto, tendrás elementos que sobrepasan los bordes del "piso de la piscina" y en un motivo continuo, esos elementos necesitan ser copiados al borde opuesto para obtener el efecto repetido perfecto.
La mujer del lado izquierdo está sobresaliendo del borde, así que selecciona la "mujer rubia" y el "flotador circular" junto con las olas en las pierna y ve a Objeto > Transformar > Mover. Escribe 300 px en el campo Horizontal y pulsa Copiar. ¿Por qué 300 px? Porque ese es el tamaño del cuadrado límite ¿recuerdas?



Paso 4
La mujer de arriba está sobresaliendo del borde, así que selecciona la "mujer morena" y el "colchón flotador" junto con las cuatro ondas que los rodean y ve aObjeto > Transformar > Mover. Escribe 300 px en el campo Vertical y pulsa Copiar.



Paso 5
La primera mujer también sobresale del borde inferior, así que selecciona la "mujer rubia" y el "flotador circular" junto con las olas de las piernas, y ve a Objeto > Transformar > Mover. Esta vez, escribe -300 px en el campo Vertical y pulsaCopiar. Muy fácil, ¿verdad?



Paso 6
Vamos a añadir más elementos a este motivo. Mueve la "pelota azul" en el espacio vacío de la esquina superior derecha y aplica el efecto de Sombra paralela utilizando la misma configuración. Toma la herramienta Lápiz (N) y dibuja tres trazados alrededor de ella para crear más ondas. Utiliza los mismos ajustes que antes.



Paso 7
Haz una copia de la "pelota azul" junto con las ondas que la rodean o utiliza la "pelota rosa" y colócala en el espacio vacío de la esquina inferior izquierda. Como este elemento sobresale del borde izquierdo, tienes que copiarlo en el lado opuesto, así que selecciona la "pelota rosa" y las ondas que la rodean y ve a Objeto > Transformar > Mover. Escribe 300 px en el campo Horizontaly pulsa Copiar.



Paso 8
Normalmente no encontrarías una estrella de mar en el fondo de una piscina, pero vamos a añadir algunas sólo para decorar. Dibuja la forma de la estrella de mar y luego dispón unos pequeños círculos azules a lo largo de sus patas. Agrupa (Control-G) todas las formas y nombra el grupo "estrella de mar".
Haz unas cuantas copias de la "estrella de mar" y colócalas sobre el "suelo de la piscina", pero asegúrate de mantenerlas dentro del cuadrado límite. Reduce la Opacidad al 40%para todas ellas.



Paso 9
El mosaico del motivo está prácticamente listo en este punto. Selecciona el cuadrado límite de 300 x 300 px y ve a Objeto > Organizar > Enviar al fondo (Mayúsculas-Control-[) para asegurarte de que está detrás de todo. Este cuadrado no debe tener trazo ni relleno y, como queda detrás de tu mosaico de motivo, Illustrator sabrá que esos son los bordes del motivo infinito.
Lo que tienes que hacer es seleccionar todos los elementos que componen el mosaico del motivo, incluido el cuadrado límite, e ir a Edición > Definir motivo.



Paso 10
Ahora puedes encontrar el nuevo motivo en el panel Muestras. Utiliza la herramienta Rectángulo (M) para dibujar un rectángulo de cualquier tamaño y aplica el motivo para ver el resultado. Si lo has hecho todo bien y todos los elementos son simétricos, el motivo debería ser perfecto.



¡Felicidades! Terminaste
Ya sabes cómo crear un motivo infinito en Adobe Illustrator utilizando mi método favorito. Creo que es muy fácil con la ayuda del efecto Mover.
Espero que hayas aprendido cosas nuevas y no olvides mostrarme tus creaciones de este motivo inspirado en "vida en la piscina". Aquí están mis dos versiones:






