Advertisement
  1. Design & Illustration
  2. Summer

Cómo Crear un Estampado con Diseño Topical en Illustrator

Scroll to top
Read Time: 12 min

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

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

¡El verano es el momento perfecto para los diseños más vivos y coloridos! Los estampados con Ilustraciones Tropicales son una de las tendencias veraniegas más candentes de este año, y todas estas mezclas de frutas, hojas y flores se ven muy bien en telas, prendas y medios impresos.

Únete a mí en este Tutorial en Illustrator y aprendamos a crear un estampado impecable con estilo usando formas simples y varios efectos de Deformación para crear Imágenes Tropicales, que parezcan dibujadas a mano. Terminaremos combinando nuestros elementos en una textura equilibrada, usando la herramienta Motivo.

Al final de este Tutorial en Illustrator, aprenderás a crear estampados de moda únicos listos para imprimir en tela, ropa y pancartas. Y, además, se pueden usar como fondo para tu sitio web, tienda online o blog.

Ve esta colección de estampados tropicales en GraphicRiver para averiguar qué otros elementos puedes representar para que tu textura se vea diferente.

¡Vamos a empezar!

1. Cómo Dibujar un Plátano

Paso 1

¡Toma la herramienta Elipse (L) y comencemos a crear el plátano! Haz un óvalo amarillo de 230 x 50 px.

Ve a Efecto > Deformar > Arco y configura:

  • Curva horizontal valor a -60%
  • Distorsión horizontal a -10%
  • Distorsión Vertical al 0%

Haz clic en Aceptar y Objeto > Expandir apariencia para aplicar el efecto.

Cómo Dibujar un Plátano para tu Diseño TropicalCómo Dibujar un Plátano para tu Diseño TropicalCómo Dibujar un Plátano para tu Diseño Tropical

Paso 2

Vamos a crear una punta para nuestro plátano. Toma la herramienta Rectángulo (M) y haz un cuadrado amarillo de 20 x 20 px. Ve a Efecto > Deformar > Abombar y configura:

  • Curva horizontal valor a 0%
  • Distorsión horizontal al 0%
  • Distorsión Vertical al 25%

Haz clic en Aceptar y Objeto > Expandir apariencia para aplicar el efecto.

Aprende Cómo Usar Illustrator con este tutorialAprende Cómo Usar Illustrator con este tutorialAprende Cómo Usar Illustrator con este tutorial

Paso 3

Cambia el tamaño de la forma, haciéndola un poco más pequeña. Duplícala (Control-C > Control-F) y adjunta los rectángulos a ambas puntas del plátano, como se muestra a continuación. Selecciona los tres elementos y usa la función Unir de Buscatrazos para fusionarlos en una sola forma.

Une las piezas en tu Ilustración TropicalUne las piezas en tu Ilustración TropicalUne las piezas en tu Ilustración Tropical

Paso 4

Vamos a crear un efecto de textura áspera, agregando así un toque suave dibujado a mano a nuestra forma. Ve a Efecto > Distorsionar y transformar > Emborronar y establece:

  • Tamaño al 0.3%
  • Relativo
  • Detalle a 50/pulgadas
  • Puntos para Suavizar

Haz clic en Aceptar.

Aplica el efecto emborronar a tu Ilustración TropicalAplica el efecto emborronar a tu Ilustración TropicalAplica el efecto emborronar a tu Ilustración Tropical

Paso 5

Objeto > Expandir apariencia para aplicar el efecto.

Descubre Cómo Usar Illustrator con estos pasosDescubre Cómo Usar Illustrator con estos pasosDescubre Cómo Usar Illustrator con estos pasos

Paso 6

¡Ahora toma la herramienta Lápiz (N) y agreguemos esos detalles simples que hacen que nuestro plátano se vea más realista! Haz doble clic en el icono de la herramienta Lápiz (N) en el panel Herramientas y asegúrate de que el deslizador Fidelidad esté en el centro o más cerca de Preciso. También puedes ver todas las demás opciones en la captura de pantalla a continuación; todas las casillas están marcadas.

Establece el color de Relleno en Ninguno y el color del Trazo en café en el panel Color. Luego abre el panel Trazo (Ventana > Trazo) y establece el Grosor en 1.2 pt y el Remate en Remate Redondeado.

Dibuja un óvalo pequeño en la punta derecha del plátano y una forma redondeada más grande en el lado opuesto.

Sgrega detalles a tu Imagen TropicalSgrega detalles a tu Imagen TropicalSgrega detalles a tu Imagen Tropical

Paso 7

Continúa agregando detalles en los extremos de la banana con trazos cortos. Dibuja un trazo arqueado más grande a lo largo de toda la forma.

Agrega más detalles a tu Ilustración TropicalAgrega más detalles a tu Ilustración TropicalAgrega más detalles a tu Ilustración Tropical

Paso 8

Agrega más de esos trazos y termina el plátano dibujando dos formas redondeadas en las puntas, esta vez configurando el color de Relleno en café.

¡Hurra! ¡El plátano está listo! ¡Pasemos al siguiente elemento de nuestro estampado!

The banana is readyThe banana is readyThe banana is ready

2. Cómo Hacer una Rodaja de Naranja

Paso 1

Comencemos con el rectángulo. Usa la Herramienta Rectángulo (M) para hacer una forma amarilla de 90 x 45 px y selecciona tus puntos de anclaje inferiores con la Herramienta Selección Directa (A). Arrastra el marcador circular hacia el centro, redondeando las esquinas con la ayuda de la función Vértices Interactivos. También puedes ajustar el valor de la esquina desde el panel control en la parte superior, configurando el valor exacto si es necesario.

Crea tu segunda Ilustración TropicalCrea tu segunda Ilustración TropicalCrea tu segunda Ilustración Tropical

Paso 2

Selecciona la forma y ve a Objeto > Trazado > Desplazamiento, establece el valor de Desplazamiento en 8 px y deja todas las demás opciones como predeterminadas. Haz clic en Aceptar y Rellena la nueva forma con un color naranja.

Selecciona ambas formas, toma la herramienta Borrador (Shift-E), mantén presionada la tecla Alt y borra la parte superior de las formas, para que los elementos estén perfectamente alineados uno encima del otro.

Aplica desplazamiento a tu Imagen TropicalAplica desplazamiento a tu Imagen TropicalAplica desplazamiento a tu Imagen Tropical

Paso 3

Duplica (Control-C > Control-F) la forma amarilla. Selecciona una de las copias amarillas junto con la forma naranja y aplica Menos Frente desde el panel Buscatrazos.

Haz la forma amarilla un poco más pequeña, de modo que haya un espacio entre las formas.

Sigue este tutorial para saber Cómo Usar IllustratorSigue este tutorial para saber Cómo Usar IllustratorSigue este tutorial para saber Cómo Usar Illustrator

Paso 4

Aplica el filtro Efecto > Distorsionar y transformar > Emborronar con la misma configuración que antes para agregar un efecto de garabato a lo largo de los bordes.

Toma la herramienta Segmento de línea (\) o la herramienta Pluma (P) y agrega un grupo de trazos blancos para cortar la forma amarilla en segmentos.

make segments with the Pen Toolmake segments with the Pen Toolmake segments with the Pen Tool

Paso 5

Manteniendo los trazos seleccionados, ve al panel Pinceles (Ventana > Pinceles) y abre el Menú de bibliotecas de pinceles en la parte inferior del panel. Desde aquí, ve a Artístico > Artístico_ChalkCharcoalPencil y busca un pincel Carbón – Lápiz (o cualquier otro pincel que te guste, pero debe ser lo suficientemente grueso y tener una textura grunge). Haz clic en él para aplicarlo a los trazos. Aumenta el Ancho de los trazos si se ven demasiado delgados.

Aplica un pincel de carbón a tu Ilustración TropicalAplica un pincel de carbón a tu Ilustración TropicalAplica un pincel de carbón a tu Ilustración Tropical

Paso 6

Selecciona todos los trazos y Objeto> Expandir apariencia y Únelos en el Buscatrazos. Finalmente, Objeto > Ruta compuesta > Crear (Control-8) para fusionar cualquier pieza separada de la textura sucia.

Selecciona la forma blanca creada junto con el semicírculo amarillo y aplica Menos Frente para cortar la forma, creando segmentos amarillos separados.

Así va tu figura Tropical en DibujoAsí va tu figura Tropical en DibujoAsí va tu figura Tropical en Dibujo

Paso 7

Termina la rodaja de naranja agregando algunos trazos cortos aquí y allá, usando la Herramienta Lápiz (N).

Agrega detalles a ti Diseño Tropical en DibujoAgrega detalles a ti Diseño Tropical en DibujoAgrega detalles a ti Diseño Tropical en Dibujo

3. Cómo Dibujar la Fruta de Dragón

Paso 1

Comienza haciendo una elipse rosa de 105 x 115 px y usa la Herramienta de selección directa (A) para modificar un poco la forma moviendo los controladores de anclaje.

Duplica (Control-C > Control-F) la forma y haz la copia superior un poco más pequeña. Cambia su color de Relleno a blanco.

Cómo Dibujar la Fruta de Dragón para tu Diseño TropicalCómo Dibujar la Fruta de Dragón para tu Diseño TropicalCómo Dibujar la Fruta de Dragón para tu Diseño Tropical

Paso 2

Usa la Herramienta Rectángulo (M) y el Efecto Deformación de Abombar para crear un pequeño trapecio, tal como lo hicimos para el plátano.

Coloca el trapecio encima de la fruta y usa la herramienta Elipse (L) para crear un set de elipses a lo largo del borde de la forma rosa. Selecciona todos los elementos rosas y únelos en el Buscatrazos.

Selecciona la fruta y aplica Efecto > Distorsionar y Transformar > Emborronar para que los bordes sean ásperos.

Agrega detalles a tu Diseño Topical en DibujoAgrega detalles a tu Diseño Topical en DibujoAgrega detalles a tu Diseño Topical en Dibujo

Paso 3

Terminamos la fruta de dragón poniendo unas semillas sobre la parte blanca. Crea un círculo café de 2 x 2 px con la ayuda de la herramienta Elipse (L). Selecciona tu punto de anclaje superior con la Herramienta de selección directa (A) y arrástralo hacia arriba.

Pon la semilla sobre la fruta y comienza a multiplicarla manteniendo presionada la tecla Alt y moviendo la semilla. Rota las copias y varía un poco el tamaño de las semillas.

¡Y listo! ¡Agrega algunos trazos oscuros en la parte superior de la fruta y sigamos adelante!

Agrega semillas a tu Imagen TropicalAgrega semillas a tu Imagen TropicalAgrega semillas a tu Imagen Tropical

4. Cómo Crear Hojas y Plantas Tropicales

Paso 1

¡Y ahora mi parte favorita! ¡Realmente me encanta dibujar hojas y elementos tropicales porque siempre se ven únicos, y el proceso en sí es muy relajante y entretenido con mucha creatividad!

En primer lugar, necesitamos crear nuestro propio pincel para acelerar el proceso de dibujar hojas.

Usa la Herramienta Elipse (L) para hacer una elipse aplastada de 100 x 5 px.

Selecciona tus puntos de anclaje laterales con la Herramienta de selección directa (A) y Convierte los puntos de anclaje seleccionados en esquina desde el panel control en la parte superior.

Ahora arrastra y suelta nuestra elipse en el panel Pinceles y selecciona el Pincel artístico en la ventana emergente Nuevo pincel.

No he cambiado nada en las Opciones de pincel artístico, dejando todas las configuraciones por defecto. Sin embargo, siempre podemos cambiar esta configuración más adelante haciendo doble clic en nuestro pincel en el panel Pinceles, por ejemplo, si necesitamos cambiar el Ancho del pincel o su Método de coloración.

Crea un nuevo pincel para tu Diseño Tropical en DibujoCrea un nuevo pincel para tu Diseño Tropical en DibujoCrea un nuevo pincel para tu Diseño Tropical en Dibujo

Paso 2

Dibuja un tallo verde oscuro de nuestra futura hoja con la herramienta Lápiz (N).

Ahora toma la herramienta Pincel (B) y comienza a hacer trazos perpendiculares a lo largo del tallo, dibujando esas pequeñas partes de la hoja. Haz algunos de ellos más cortos, otros más largos, y haz que algunos se superpongan para que la hoja se vea más fiel a la realidad.

Haz los trazos cada vez más pequeños a medida que te acercas a la parte superior de la hoja.

Crea otra hoja, de una forma ligeramente diferente, cubriéndola con trazos más largos.

Dibuja las hojas de tu Imagen TropicalDibuja las hojas de tu Imagen TropicalDibuja las hojas de tu Imagen Tropical

Paso 3

Ahora dibujemos una hoja de una planta monstera. Estas hojas de monstera siempre ayudan a lograr un aspecto adecuado para cualquier diseño tropical.

Usa la Herramienta Lápiz (N) para dibujar la silueta de una hoja. Su forma elíptica no debe ser perfecta, así que hazla inestable y asimétrica. Recuerda hacer que la parte superior de la hoja sea puntiaguda y la parte inferior redondeada como un corazón invertido.

Cambia el color de Relleno a negro (o cualquier otro color) y dibuja formas elípticas a mano alzada sobre la parte superior de las hojas, marcando futuros agujeros. Selecciona todas las formas negras y haz una ruta compuesta (Control-8).

Selecciona la forma negra junto con la silueta de la hoja y usa la función Menos Frente del Buscatrazos para recortar los elementos negros.

Finalmente, aplica el efecto Emborronar para hacer que la hoja se vea sucia.

Agrega detalles a las hojas de tu Diseño Tropical de DibujoAgrega detalles a las hojas de tu Diseño Tropical de DibujoAgrega detalles a las hojas de tu Diseño Tropical de Dibujo

Paso 4

Dibujemos una hoja en forma de abanico. Usa la herramienta Lápiz (N) para dibujar su silueta de manera libre.

Aplica el efecto Emborronar y termina la hoja agregando trazos de color verde oscuro con la ayuda de la herramienta Lápiz (N).

Sigue estos pasos para saber Cómo Usar IllustratorSigue estos pasos para saber Cómo Usar IllustratorSigue estos pasos para saber Cómo Usar Illustrator

Paso 5

Ahora pasemos a la siguiente hoja tropical. Esta vez usé un óvalo de 85 x 230 px como base. Toma la Herramienta de selección directa (A) y mueve los puntos de ancla y sus controladores, cambiando la forma.

Aplica el efecto Emborronar y termina con la hoja agregando el tallo y las venas con la ayuda de la Herramienta Lápiz (N).

Haz una hoja de un óvalo como en este Tutorial en IllustratorHaz una hoja de un óvalo como en este Tutorial en IllustratorHaz una hoja de un óvalo como en este Tutorial en Illustrator

Paso 6

Vamos a crear otro pincel para la siguiente planta. Haz un círculo de 12 x 12 px y arrastra su punto de anclaje izquierdo más hacia la izquierda. Convierte el punto seleccionado en esquina desde el panel de control en la parte superior.

Arrastra y suelta la forma creada en el panel Pinceles. Crea un nuevo Pincel artístico, deja sus Opciones como predeterminadas y pruébalo haciendo algunos trazos. Ajusta el Ancho, si es necesario, para que la planta se vea bonita y proporcional.

Crea un pincel para tu Diseño TropicalCrea un pincel para tu Diseño TropicalCrea un pincel para tu Diseño Tropical

Paso 7

Ahora que todas las hojas están listas, he decidido jugar con los colores, haciéndolas ver más naturales y diversas. Podemos cambiar el color de los objetos manualmente o usando la herramienta Volver a colorear ilustraciones desde el panel control en la parte superior o desde Editar > Editar colores > Ajustar balance de color.

Estoy usando la tercera opción, ajustando los colores de cada hoja, probando diferentes tonos de verde.

¡Y ahí lo tenemos! ¡Todos nuestros elementos están listos! ¡Sigamos adelante y hagamos un estampado de moda!

Cambia el color de tus Imágenes TropicalesCambia el color de tus Imágenes TropicalesCambia el color de tus Imágenes Tropicales

5. Cómo Diseñar un Estampado Impecable con Diseño Tropical con la Herramienta Motivo

Paso 1

Selecciona todos los elementos que hemos creado y ve a Objeto > Motivo > Crear.

Aprende Cómo Usar Illustrator para hacer tu estampadoAprende Cómo Usar Illustrator para hacer tu estampadoAprende Cómo Usar Illustrator para hacer tu estampado

Paso 2

Desde aquí, ve al panel Opciones de Motivo y configura las siguientes opciones:

  • Tipo de mosaico a Cuadrícula
  • Ancho a 450px
  • Altura a 450px
  • Desmarca las casillas debajo del tamaño del mosaico
  • Copias a 3x3
  • Marca el cuadro Copias Tenues al 70%
  • Marca el cuadro Mostrar borde de mosaico

Ahora podemos ver copias semitransparentes de nuestros objetos alrededor de la caja de mosaicos, lo que nos ayuda a visualizar claramente nuestro estampado futuro, haciendo que se vea equilibrado y eliminando cualquier espacio.

Comienza a esparcir frutas y hojas dentro del cuadrado de mosaico, cambia su tamaño y gíralas, haciendo que los elementos se superpongan. Usa los atajos de teclado Control-[ y Control-] para mover los elementos hacia atrás o hacia adelante.

Pon las opciones de Motivo como en este Tutorial en IllustratorPon las opciones de Motivo como en este Tutorial en IllustratorPon las opciones de Motivo como en este Tutorial en Illustrator

Paso 3

Comienza a agregar copias de los objetos para llenar todo el mosaico. Usa la herramienta Reflejo (O) haciendo doble clic en ella para voltear las formas sobre el eje horizontal o vertical y haz clic en Copiar para hacer copias iguales.

Agrega más elementos a tu Diseño TropicalAgrega más elementos a tu Diseño TropicalAgrega más elementos a tu Diseño Tropical

Paso 4

Termina agregando más hojas y asegúrate de que todo se vea equilibrado y armonioso.

Leena los espacios con tus Ilustraciones TropicalesLeena los espacios con tus Ilustraciones TropicalesLeena los espacios con tus Ilustraciones Tropicales

Paso 5

Haz doble clic en cualquier lugar fuera de la mesa de trabajo o haz clic en Listo en la parte superior para salir del modo Motivo.

Ahora podemos encontrar nuestro estampado en el panel Muestras (Ventana > Muestras). Crea cualquier forma como quieras, por ejemplo, un cuadrado y aplica nuestro estampado haciendo clic en él en el panel Muestras. Siempre podemos volver al modo Motivo haciendo clic en el botón Editar Motivo y mover los elementos si algo no parece verse bien.

Encuentra tu Diseño Tropical en el panel de MuestrasEncuentra tu Diseño Tropical en el panel de MuestrasEncuentra tu Diseño Tropical en el panel de Muestras

Paso 6

¡Veamos cómo se ve en un fondo oscuro! Crea un rectángulo de 800 x 600 px y rellénalo con un color verde oscuro intenso.

Duplica (Control-C > Control-F) el rectángulo y aplica el estampado haciendo clic en él en el panel Muestras.

¡Listo!

Así se ve tu Diseño Tropical con un fondo oscuroAsí se ve tu Diseño Tropical con un fondo oscuroAsí se ve tu Diseño Tropical con un fondo oscuro

¡Vibras Tropicales! ¡Nuestro Estampado Impecable de Moda está Terminado!

¡Gran trabajo! Espero que hayas disfrutado siguiendo este Tutorial en Illustrator y hayas aprendido algunas técnicas nuevas sobre la creación de pinceles y la aplicación de efectos. Siéntete libre de usar estos consejos y trucos en tus proyectos futuros, ¡y no olvides compartir los resultados con el mundo!

Si quieres aprender a crear un estampado impecable con Diseño Tropical en Photoshop, también tenemos el tutorial para ti.

¡Feliz diseño!

Resultado final de tu estampado con Diseño Tropical en IllustratorResultado final de tu estampado con Diseño Tropical en IllustratorResultado final de tu estampado con Diseño Tropical en Illustrator
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.