Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Patterns
Design

Cómo Crear y Aplicar un Motivo Tropical Fluído en Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

¡El calor del verano en un paraíso tropical! ¿Qué podría ser mejor? En éste tutorial crearemos nuestro propio motivo tropical, haciéndolo fluído y descubriendo varias maneras de aplicar nuestro motivo! Estaremos usando formas geométricas básicas así como alguna formas personalizada predeterminadas, creando fantásticos objetos en unos cuantos clicks y haciéndolos detallados con la ayuda de pinceles de textura.

Motivos y texturas nos rodean por todos lados en nuestra vida diaria. Son usados en diseño web y para materiales de impresión, decoran nuestra ropa y paredes, y son utilizados en papel para envolver y muchos otros fines.

En éste tutorial estaremos creando una textura inspirada en la naturaleza. Para el final de la lección podrás crear cualquier clase de motivo del mismo estilo, ya sea un motivo floral fluído o motivo de cumpleaños, motivo de envoltura de comida, o cualquier otra cosa. Si quisieras realzar tus habilidades al crear una variedad de texturas, asegúrate de consulta Envato Market para inspiración,¡y prepárate para empezar!

1. Usa Formas Básicas y Personalizadas para Dibujar Elementos Tropicales

Paso 1

Comencemos por crear un Nuevo Archivo de tamaño 2000 x 2000 px. Estamos haciendo el archivo lo suficientemente grande para ser usado para impresión, si es necesario.

make a new file

Paso 2

Tomemos la Herramienta Elipse (U) y comienza a crear una piña. Haz un óvalo brillante de 550 x 660 px de color amarillo. Puedes ajustar el tamaño de la forma y su color de relleno en el panel Propiedades (Ventana > Propiedades).

Utiliza la Herramienta Selección Directa (A) para seleccionar el punto de ancla inferior y arrastra los manejadores ancla, haciéndolos más grandes y así haciendo la parte de la piña más plana.

make a pineapple from ellipse

Paso 3

Ahora formaremos la parte superior o "la corona", de la piña. Continúa usando la Herramienta Elipse (U) para hacer un óvalo de 70 x 400 px, rellenándolo de color verde turquesa.

Toma la Herramienta Convertir Punto (en el mismo menú desplegable que la Herramienta Pluma) y haz click en los puntos de ancla inferior y superior para hacer las puntas de la forma puntiagudas.

make a leaf from ellipse

Paso 4

Ahora vamos a curvar la forma. Presiona Control-T para Transformación Libre de Trazado. Haz click en el botón derecho del mouse y selecciona Deformar. Dirígete al panel de control en la parte superior y abre el menú desplegable para seleccionar el efecto Arco. Necesitamos que nuestra forma esté curvada a la izquierda, así que vamos a hacer click en Cambiar la orientación de deformación y establecer el valor de Curvar en 30.

¡Se ve bien! Presiona Enter para aplicar el efecto.

bend the shape with warp arc

Paso 5

Presiona Control-T para Transformación Libre de Trazado y rota la hoja, uniéndola a la piña. Aplica la transformación y presiona Control-J para hacer una copia de la capa de la hoja. Hazla un poco más grande, usando Transformación Libre de Trazado, y únela arriba de la primera hoja. Haz otra hoja, cambiando su tamaño también.

Selecciona las tres hojas, duplícalas (Control-J) y aplica Edición > Transformar > Voltear Horizontal para reflejar las formas al lado opuesto. Finaliza la parte superior de la piña, uniendo las hojas una con otra y poniendo una hoja vertical en el centro.

form the crown of the pineapple

Paso 6

Ahora necesitamos hacer editable nuestra piña para agregarle detalles. Selecciona la capa de la forma amarilla en el panel Capas, haz click en el botón derecho del mouse y Rasterizar Capa. Después de rasterizar la capa, ya no podremos cambiar su tamaño sin pérdida de calidad. Sin embargo, nos permite trabajar con pinceles y la Herramienta Borrador (E).

Rasterize layer

Paso 7

Representemos estilizadas escamas o segmentos arriba de nuestra piña. Estaremos usando una Máscara de Recorte para que podamos fácilmente deshacer o rehacer cualquier acción, trabajando de manera no destructiva.

Selecciona la capa de la forma amarilla en el panel Capas y haz click en Añadir máscara vectorial en la parte inferior del panel.

Ahora toma la Herramienta Pluma (P) y haz una línea diagonal atravesando la piña mientras mantienes presionada la tecla Mayúsculas.

use Pen Tool P and make a diagonal line across the pineapple

Paso 8

Selecciona la Máscara de Recorte en el panel Capas y selecciona el color de Relleno negro en el panel Color.

Toma la Herramienta Pincel (B) y haz click en el botón derecho del mouse para abrir la lista de pinceles. Selecciona cualquier pincel texturizado redondo de tu gusto. Estoy usando el pincel Circular Definido 9 #1 del conjunto predeterminado Pinceles M.

Regresa a la Herramienta Pluma (P), haz click en el botón derecho del mouse en la Mesa de Trabajo y selecciona Contornear Trazado. Establece la Herramienta en Pincel y haz click en OK para hacer un trazo texturizado. Como puedes ver, la línea vectorial hecha con la Herramienta Pluma (P) todavía es visible también.

De ésta manera estamos haciendo un espacio, borrando una parte de la piña, usando la Máscara de Recorte.

apply Stroke Path 1

Paso 9

Dibuja una nueva línea diagonal con la Herramienta Pluma (P) o selecciona el trazado vectorial existente con la Herramienta Mover (V) y presiona Control-T para Transformación Libre de Trazado. Mueve la línea hacia abajo. Presiona Enter para aplicar la transformación, y luego toma la Herramienta Pluma (P) y haz click en el botón derecho del mouse para Contornear Trazado.

Continúa moviendo la línea hacia abajo y Contornea Trazado, agregando más trazos texturizados en blanco a través de la piña.

apply Stroke Path 2

Paso 10

Cuando hayas finalizado de cubrir la piña con trazos, selecciona nuestro trazado vectorial y Edición > Transformar Puntos > Voltear Horizontal para reflejarlo horizontalmente.

Ahora repite la misma acción con Contornear Trazado para agregar líneas superpuestas a través de la piña.

add overlapping lines across the pineapple

Paso 11

Cambia a la Herramienta Pincel (B) y usa el mismo pincel para agregar trazos cortos o puntos en cada celda. Recuerda dibujar en la capa Máscara de Recorte.

Ahora que la base de nuestra piña está lista, Agrupa (Control-G) los elementos.

add details with brush

Paso 12

Ahora formemos una sencilla hoja de palma para nuestro motivo tropical. Toma la Herramienta Elipse (U) y haz un óvalo de 80 x 700 px en una nueva capa. Utiliza la Herramienta Convertir Punto para hacer las partes superior e inferior del óvalo puntiagudas.

shape a simple palm leaf from ellipses 1

Paso 13

Ahora presiona Alt-Control-T para Transformación Libre de Trazado. Haz click en el punto pivote en el centro de la hoja y arrástrala hacia abajo colocándola en la punta inferior de la forma. Como puedes notar, una copia de la forma será creada en el panel Capas después de que muevas el punto pivote. Eso es exactamente lo que necesitamos, y funciona únicamente cuando usas Alt-Control-T para transformación.

Ahora podemos rotar la copia de la hoja. Presiona Enter para aplicar la transformación, y manten presionadas las teclas Mayúsculas-Control-Alt-T para hacer más copias rotadas. Éstas es la manera más rápida de crear automáticamente copias igualmente rotadas y tranformadas.

rotate the leaf

Paso 14

Selecciona todas las formas y duplícalas (Control-J). Aplica Edición > Transformar > Voltear Horizontal para reflejar las formas al lado opuesto, formando una hoja de palma grande. Puedes agregar unas cuantas piezas más pequeñas en la parte inferior para rellenar los espacios en blanco. Agrupa (Control-G) todas las partes para mantener nuestras capas prolijas y organizadas.

shape the palm leaf from copies

Paso 15

Ahora que tenemos un par de elementos de nuestro motivo tropical, veamos la manera más fácil de agregar más de esos. Toma la Herramienta Forma Personalizada (U) y abre la lista desplegable de formas en el panel de control en la parte superior. Aquí puedes encontrar una gran variedad de flores y hojas, que se adaptan perfectamente a nuestro tema. Selecciona formas de tu gusto y combínalas una con otra, variando sus colores y tamaños.

use custom shapes to add flowers and leaves

2. Aplica Texturas a los Elementos

Paso 1

Comencemos con nuestra piña. Selecciona la capa de la forma amarilla en el panel Capas y Bloquear pixeles transparentes en la parte superior del panel. Ésto nos permite pintar en la forma con el pincel, sin afectar ninguna área en blanco adentro o afuera del objeto. ¡Veamos cómo funciona!

Selecciona una pincel seco áspero, como Pincel Seco 1#2 del conjunto predeterminado Pinceles M, o prueba algunos pinceles texturizados de Envato Market, por ejemplo éstos Pinceles de Dispersión de Tiza.

Selecciona el color naranja y comienza a pintar en la parte inferior de la piña, gradualmente haciéndola más oscura.

paint over the pineapple with textured brush

Paso 2

Hagamos lo mismo para la corona o parte superior de la piña. Primero que nada, Combina (Control-E) las hojas verdes de la corona y Reasterízalas al hacer click en la capa combinada con el botón derecho del mouse en el panel Capas.

Ahora podemos Bloquear pixeles transparentes y pintar sobre la forma, haciéndola ligeramente texturizada al agregar un toque de verde oscuro en la parte inferior y haciendo su parte superior más clara.

paint over the pineapple with textured brush 2

Paso 3

Apliquemos la misma técnica para la hoja de palma. Selecciona el grupo de elementos verdes y Capa > Combinar Grupo. Asegúrate de que la capa esté rasterizada y Bloquea pixeles transparentes en el panel Capas. Utiliza un pincel texturizado seco para hacer la hoja más detallada e intrincada.

paint over the palm leaf with textured brush

Paso 4

Ahora vamos a colorear una de las flores, usando una técnica diferente. No estaremos rasterizándola ésta vez. Seleccionemos la capa de la flor en el panel Capas, manteniendo presionada la tecla Alt y haciendo click en Crear una nueva capa.

En la ventana de diálogo emergente, marca la casilla Usar Capa Anterior para Crear Máscara de Recorte para enlazar una nueva capa con la capa de la flor.

Ahora podemos usar una capa enlazada para pintar en la flor, sin cruzar sus bordes.

Agrupa (Control-G) las capas de la flor, manteniendo tu ilustración organizada.

apply textures in the linked layer

Paso 5

Utiliza una de las técnicas previas de tu gusto para colorear todo el resto de los elementos, haciéndolos texturizados y detallados.

color all the rest elements

3. Elabora un Flúido Motivo Con Elementos Tropicales

Paso 1

Selecciona la capa Fondo en el panel Capas y rellénala de azul claro. Comencemos a organizar nuestros elementos alrededor del lienzo.

fill the background with light-blue color

Paso 2

Duplica (Control-J) los elementos, rótalos y refléjalos (Edición > Transformar > Voltear Horizontal) para hacer el motivo versátil, añadiendo un ritmo juguetón a él. Utiliza la Herramienta Forma Personalizada (U) para añadir más flores para hacer que los elementos luzcan diferentes.

arrange the elements on the canvas

Paso 3

Ahora veamos cómo podemos realmente hacer fluído nuestro motivo. Como puedes notar, algunos de los elementos cruzan el borde izquierdo de la Mesa de Trabajo. Selecciona el elemento (o grupo de elementos) que está cruzando el borde, duplícalo (Control-J) y presiona Control-T para Transformación Libre.

Dirígete al panel de control en la parte superior y encuentra las posiciones Horizontal y Vertical, marcadas como X y Y. Verás algunos valores, definiendo la posición de nuestros objetos. Haz click en el botón del triángulo para Usar posicionamiento relativo para el punto de referencia, de ésta manera estableciendo los valores en cero. Ahora escribe 2000 (que es igual a la anchura de nuestra Mesa de Trabajo) en el valor de la posición Horizontal, moviendo así los objetos seleccionados 2000 px a la derecha. Presiona Enter para aplicar la transformación.

copy and move the objects

Paso 4

Haz lo mismo para los objetos, cruzando el borde superior del lienzo. Duplica (Control-J) los elementos, presiona Control-T y escribe 2000 (que es la altura de nuestra Mesa de Trabajo) en el valor de posición Vertical, de ésta manera moviendo el elemento 2000 px hacia abajo.

Si necesitas mover los objetos en direcciones opuestas, utiliza valores negativos (-2000) para mover los elementos de abajo a arriba o desde el lado derecho al izquierdo.

copy and move the objects 2

Paso 5

Agrega algunas formas personalizadas menores para rellenar los espacios en blanco de nuestro motivo. He utilizado combinaciones de colores contrastantes para nuevos elementos, como verde con un toque de rosa o rojo y amarillo. Me gusta cómo se ve con un pincel texturizado seco, añadiendo un aspecto juguetón y diverso a nuestro motivo.

Add minor custom shapes

Paso 6

Trata de añadir manchas coloridas texturizadas a otros elementos de nuestro motivo: hojas de palma, la parte superior de la piña, flores, etc. Ésto hará que tu motivo luzca original.

 add textured colorful stains to other elements

Paso 7

Ahora que estamos satisfechos con nuestro motivo, con la posición de los elementos y sus colores, veamos cómo podemos guardar nuestro motivo y aplicarlo a cualquier forma personalizada.

Ve a Edición > Definir Motivo y dar a nuestro motivo un nombre adecuado en el cuadro de diálogo emergente.

Define Pattern and give your pattern a proper name

Paso 8

Ahora, si tomamos la Herramienta Bote de Pintura (G) y dirígete al panel de control en la parte superior, podemos establecer la opción de relleno en Motivo y encontrar nuestro motivo en la lista desplegable. Desde aquí, podemos hacer click en el pequeño ícono de la rueda dentada y usar Guardar Motivos o abrir el Gestor de Ajustes Preestablecidos y Guardar nuestro motivo desde ahí.

save our pattern

Paso 9

Ahora hay varias opciones que podemos usar para aplicar nuestro motivo recientemente creado. Podemos usar la Herramienta Marco Rectangular o Elíptico (M) para definir una área seleccionada y aplicar un Relleno de Motivo con la ayuda de la Herramienta Bote de Pintura (G).

Aparte de eso, podemos usar la Herramienta Forma Personalizada (U) para crear cualquier forma personalizada y aplicar un Relleno de Motivo desde el panel de control en la parte superior. Desde aquí, también podemos ajustar la Escala de nuestro motivo.

apply pattern to custom shapes

Paso 10

Al último pero no menos importante, podemos crear un Nuevo Archivo o archivo más grande, haz una Nueva Capa ¡y usa la Herramienta Cubeta de Pintura (G) para rellenar toda la Mesa de Trabajo con nuestro motivo tropical!

apply pattern to whole artboard

¡Voila! ¡Nuestro Motivo Tropical Fluído Está Listo!

¡Fabuloso Trabajo! Hemos finalizado de crear nuestro fantástico motivo texturizado de verano con elementos tropicales. ¡Espero que éste tutorial te haya puesto en un tono soleado y te haya ayudado a descubrir algunos nuevos consejos y trucos que serán útiles para tus futuras ilustraciones!

Siéntete con toda libertad de aplicar éstas técnicas sencillas, creando nuevos motivos y texturas, que pueden ser usadas como fondos web, para impresión, tela, papel de envoltura ¡y cualquier otro propósito!

¡Diviértete!

Tropical Seamless Pattern is Ready
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.