Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Summer
Design

¿Cómo Crear un Motivo Tropical en Adobe Illustrator?

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

¡El verano es el tiempo perfecto para muchos diseños vivos y coloridos! Los motivos tropicales son uno de las tendencias más populares en verano, y todas estas mezclas de frutas, hojas y flores se ven geniales en medios impresos, telas y vestimenta.

Únete a este tutorial y vamos a aprender a crear un motivo sin costura usando formas simples y varios Efectos de Deformación para crear los elementos tropicales, haciéndolos que parezcan que han sido hechos a mano. Vamos a terminarlos combinando nuestros elementos en una textura balanceada, usando la Herramienta Motivo.

Al final de este tutorial, vamos a aprender a crear un motivo moderno listo para impresión, telas, vestimenta, o pancartas. Y, aún más, pueden ser usados para fondos para tu sitio web, tienda en línea o blog.

Revisa esta colección de motivos tropicales en GraphicRiver para encontrar otros elementos que puedes imitar para hacer tu textura un poco diferente.

¡Comencemos!

1. ¿Cómo Dibujar una Banana?

Paso 1

Toma la Herramienta Elipse (L) y comienza creando la banana. Haz un ovalo amarillo de 230 x 50 px.

Ve a Efecto > Deformar > Arco y pon el:

  • Valor de Curva Horizontal a -60%
  • Distorsión Horizontal a -10%
  • Distorsión Vertical a 0%

Da clic en OK y ve a Objeto > Expandir Apariencia para aplicar el efecto.

make a banana from ellipse

Paso 2

Vamos a crear una punta para nuestra banana. Toma la Herramienta Rectángulo (M) y haz un cuadrado amarillo de 20 x 20 px. Ve a Efecto > Deformar > Abombar y pon el:

  • valor de Curva Horizontal a 0%
  • Distorsión Horizontal a 0%
  • Distorsión Vertical a 25%

Da clic en OK y ve a Objeto > Expandir Apariencia para aplicar el efecto.

apply the bulge effect

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 las puntas de la banana, como se muestra abajo: Selecciona los tres elementos y usa la función Unir en el Buscatrazos para combinarlas en una sola forma.

unite the shapes in the pathfinder

Paso 4

Vamos a crear un efecto de textura áspera, para añadir un toque de dibujo a mano a la forma. Ve a Efecto > Distorsionar y Transformar > Emborronar y pon el:

  • Tamaño a 0.3%
  • Relativo
  • Detalle a 50/pulg.
  • Puntos en Suavizar

Da clic en OK.

apply roughen effect

Paso 5

Ve a Objeto > Expandir Apariencia para aplicar el efecto.

Object Expand Appearance

Paso 6

Ahora toma la Herramienta Lápiz (N) y vamos a añadir estos detalles simples que hacen que nuestra banana se mire más realista. Da doble-clic en el icono de la Herramienta Lápiz (N) en el panel de Herramientas y asegúrate de que la Fidelidad esté en el centro, o más cerca de Precisión. Puedes también ver todas las opciones en la captura de abajo; todas las casillas están marcadas.

Pon el color de RellenoNinguno y el color de Trazado a café en el panel de Color. Luego abre el panel de Trazo (Ventana > Trazo) y pon el Grosor a 1.2 y el Remate a Extremo Redondeado.

Dibuja un ovalo pequeño en la punta derecha de la banana y uno más grande en el lado opuesto.

add minor details with the pencil tool

Paso 7

Continúa añadiendo detalles al final de la banana haciendo trazados cortos. Dibuja un trazado de arco largo a través de toda la forma.

Continue adding details

Paso 8

Añade más de estos trazados y termina la banana dibujando dos formas redondas en las puntas, esta vez poniendo el Relleno de color a café.

¡Hurra! ¡La banana está lista! Seguiremos trabajando con el siguiente elemento de nuestro motivo.

The banana is ready

2. ¿Cómo Hacer una Rodaja de Naranja?

Paso 1

Vamos a comenzar con el rectángulo. Uso la Herramienta Rectángulo (M) para hacer una forma amarilla 90 x 45 px y selecciona sus puntos de ancla con la Herramienta de Selección Directa (A). Arrastra el círculo al centro, haciendo las esquinas redondas con la ayuda de la característica de Vértices Interactivos. Puedes también ajustar el valor de Vértices desde el panel de control encima, poniendo el valor exacto si es necesario.

make a slice from the rectangle

Paso 2

Selecciona la forma y ve a Objeto > Trazo > Desplazamiento de Trazado, pon el valor de Desplazamiento a 8 px y deja todas las otras opciones por defecto. Da clic en OK y Rellena la nueva forma con un color naranja.

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

apply Object Path Offset Path

Paso 3

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

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

apply Minus Front from the Pathfinder panel

Paso 4

Aplica Efecto > Distorsionar y Transformar > Emborronar con la misma configuración que se usó anteriormente para añadir un efecto de garabato alrededor de los bordes.

Toma la Herramienta Segmento de Línea (<) o la Herramienta Pluma (P) y añade un grupo de trazados blanco para partir la forma amarilla en segmentos.

make segments with the Pen Tool

Paso 5

Mantén los trazados seleccionados, ve al panel de Pincel (Ventana > Pinceles) y abre el Menú Bibliotecas de Pinceles en la parte inferior del panel. Desde aquí, ve a Artístico > Artístico > LápizTizaCarboncillo y coge el pincel Carboncillo — Lápiz (o cualquier otro pincel de tu gusto, pero debe ser lo suficientemente grueso y que tenga una textura áspera). Dale clic para aplicarlo a los trazados. Incrementa su Ancho si se ven muy delgados.

apply a charcoal brush to the strokes

Paso 6

Selecciona todos los trazados y ve a Objeto > Expandir Apariencia y da clic en Unificar en el Buscatrazos. Finalmente, ve a Objeto > Trazado Compuesto > Crear (Control-8) para combinar cualquier pieza separada de la textura áspera.

Selecciona la forma blanca junta con el círculo mitad amarillo y aplica Menos Frente para cortar la formar, creando segmentos amarillos separados.

apply Minus Front to cut out the shape

Paso 7

Termina la sección naranja añadiendo algunos trazados aquí y allá, usando la Herramienta Lápiz (N).

add a few short strokes

3. ¿Cómo Dibujar una Fruta de Dragón?

Paso 1

Comienza haciendo una elipse rosada de 105 x 115 px y usa la Herramienta de Selección Directa (A) para modificar la forma un poco moviendo las manecillas de ancla.

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

make a dragon fruit from circles

Paso 2

Usa la Herramienta Rectángulo (M) y selecciona el Efecto Deformar > Abombado para crear un trapecio pequeño, como hicimos con la banana.

Pon el trapecio encima de la fruta y usa la Herramienta Elipse (L) para crear un grupo de elipses a través del borde de la forma rosada. Selecciona todos los elementos rosados y da clic en Unificar en el Buscatrazos.

Selecciona la fruta y aplica Efecto > Distorsionar y Transformar > Emborronar para hacer los bordes un poco ásperos.

add details to the fruit

Paso 3

Vamos a terminar la fruta de dragón salpicando algunas semillas sobre la parte blanca. Crea un círculo café de 2 x 2 px con la ayuda de la Herramienta Elipse (L). Selecciona su parte superior de anclaje con la Herramienta de Selección Directa (A) y arrástrala hacia arriba.

Pon la semilla en la fruta y comienza multiplicándola, manteniendo presionada la tecla Alt y moviendo la semilla. Rota las copias y varía el tamaño de las semillas un poco.

¡Y ahí lo tenemos! Añade un poco de trazados oscuros encima de la fruta y procederemos al siguiente elemento.

add seeds made from a circle

4. ¿Cómo Crear las Hojas y las Plantas Tropicales?

Paso 1

¡Y ahora mi parte favorita! Amo dibujar hojas y elementos tropicales porque siempre son únicos, y el proceso es muy relajante y entretenido con un poco creatividad.

Primero que todo, necesitaremos crear nuestro propio pincel para acelerar el proceso de dibujar las hojas.

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

Selecciona su punto de anclaje al lado con la Herramienta de Selección Directa (A) y Convierte los puntos de ancla seleccionados para curvar desde el panel de control en la parte superior.

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

No he cambiado nada en las Opciones de Pincel de Arte, dejando toda la configuración por defecto. Sin embargo, podemos cambiar esta configuración luego dando doble clic en nuestro pincel en el panel de Pinceles—por ejemplo, si necesitamos cambiar el Ancho del pincel o su Método de Coloración.

create an art brush

Paso 2

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

Ahora toma la Herramienta Pincel de Manchas (Mayus-B) y comienza haciendo trazados perpendiculares alrededor del tallo, dibujando esas partes pequeñas de la hoja. Haz algunas más cortas, otras más largas, y haz que algunas de ellas se superpongan para que la hoja parezca más real.

Crea los trazados más y más pequeños a medida que te acercas a la parte superior de la hoja.

Crea otra hoja, con una forma un poco diferente, cubriéndola con trazados más largos.

use the Paintbrush Tool to draw leaves

Paso 3

Ahora vamos a dibujar una hoja de una planta monstera. Estas hojas de monstera siempre ayudar a lograr una apariencia apropiada para cualquier diseño tropical.

Usa la Herramienta Lápiz (N) para dibujar la silueta de la hoja. Su forma elíptica no debería ser perfecta, así que no la hagas simétrica. Recuerda hacer la parte superior de la hoja puntiaguda y su parte inferior redonda como una forma de corazón al revés.

Cambia el color de Relleno a negro (o cualquier otro color) y dibuja a mano alzada formas elípticas sobre la punta de las hojas, marcando hoyos futuros. Selecciona todas las formas negras y haz un Trazado Compuesto (Control-8).

Selecciona la forma negra junta con la silueta de la hoja y usa la función Menos Frente en el Buscatrazos para cortar los elementos negros.

Finalmente, aplica el efecto Emborronar para hacer la hoja un poco áspera.

draw a tropical leaf with the pencil tool

Paso 4

Vamos a dibujar una hoja en la forma de una asta de ventilador. Usa la Herramienta Lápiz (N) para dibujar su silueta a mano alzada.

Aplica el efecto de Emborronar y termina la hoja añadiendo trazados verdes oscuros con la ayuda de la Herramienta Pincel (N).

draw a tropical leaf with the pencil tool 2

Paso 5

Ahora vamos a movernos a la siguiente hoja tropical. Esta vez he usado un ovalo de 85 x 230 px como base. Toma la Herramienta Selección Directa (A) y mueve los puntos de anclaje y sus manecillas alrededor, cambiando la forma.

Aplica el efecto Emborronar para terminar la hoja añadiendo el tallo y las venas con la ayuda de la Herramienta Lápiz (N).

make a leaf from an oval

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 un poco a la izquierda. Convierte el punto seleccionado a vértice desde el panel de control en la parte superior.

Arrastra y suelta la forma creada en el panel de Pinceles. Crea un nuevo Pincel, deja sus Opciones por defecto, y prueba haciendo algunos trazados. Ajusta el Ancho, si es necesario, haciendo que la planta se mire bien y proporcional.

create an art brush

Paso 7

Ahora que todas las hojas están listas, he decidido jugar con los colores, haciéndolos que parezcan más natural y diversos. Podemos darles otro color a los objetos manualmente o usar la Herramienta Volver a Colorear Mesa de Trabajo desde el panel en la parte superior o desde Edición > Editar Colores > Ajustar Equilibrio 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. Ahora procederemos a crear el motivo moderno.

recolor the leaves

5. ¿Cómo Diseñar un Motivo sin Costura con la Herramienta Motivo?

Paso 1

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

go to Object Pattern Make

Paso 2

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

  • Tipo de Azulejo a Cuadrícula
  • Anchura a 450 px
  • Altura a 450 px
  • Desmarca las casillas debajo del tamaño de azulejo
  • Copias a 3 x 3
  • Marca la casilla de Atenuar copias a 70%.
  • Marca la casilla Mostrar Borde de Motivo

Ahora podemos ver copias semi-transparentes de nuestros objetos alrededor de la casilla de azulejos, lo que nos ayudará a visualizar nuestro motivo claramente, haciéndolo ver balanceado y eliminando cualquier brecha.

Comienza a dispersar las frutas y las hojas dentro del cuadrado de azulejo, cambiando el tamaño y rotando, haciendo que los elementos se superpongan. Usa los atajos Control-[ y Control-] para mover los elementos hacia atrás y adelante.

set the pattern options

Paso 3

Comienza añadiendo copias de los objetos para llenar el azulejo. Usa la Herramienta Reflejo (O) dando doble-clic para voltear las formas sobre el Eje Horizontal o Vertical y da click en Copiar para hacer copias reflejadas.

add more elements

Paso 4

Termina añadiendo más hojas y asegúrate de que todo se mire balanceado y harmonioso.

fill the gaps of the pattern

Paso 5

Haz doble-clic donde sea afuera de la Mesa de Trabajo o da clic en Hecho en la parte superior para salir del Modo Motivo.

Ahora podemos encontrar nuestro motivo en el panel de Muestras (Ventana > Muestras). Crea cualquier forma de tu gusto, por ejemplo, un cuadrado y aplica nuestro motivo dando clic en el panel de Muestras. Podemos siempre volver al Modo Motivo dando clic en el botón Editar Motivo y mover los elementos si algo no parece bueno.

find our pattern in the Swatches panel

Paso 6

Vamos a ver cómo se ve en un fondo negro. Crea un rectángulo de 800 x 600 px y Rellena con un color verde oscuro.

Duplica (Control-C > Control-F) el rectángulo y aplica el motivo dando click en el panel de Muestras.

¡Ahí lo tenemos!

create a darker background

¡Ambiente Tropical! ¡Nuestro Motivo está Terminado!

¡Buen Trabajo! Espero que hallas disfrutado seguir este tutorial y aprendido algunas técnicas nuevas para crear pinceles y aplicar 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 cómo crear motivos tropicales en Photoshop, también tenemos estos tutoriales para ti.

¡Feliz Diseño!

Seamless Tropical Pattern Adobe Illustrator Tutorial
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.