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

Cómo Crear una Textura de Acuarela en Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Illustrator.
10 Essential Tips & Tools All Adobe Illustrator Beginners Should Learn
How to Create a Solar System Planets Icon Pack in Adobe Illustrator

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

Final product image
What You'll Be Creating

¡Ponte a la moda con texturas de acuarela en Adobe Illustrator! En éste tutorial crearemos nuestras propias texturas de acuarela con un sencillo conjunto de acuarela, editaremos nuestras imágenes en Adobe Photoshop, y aplicaremos las texturas en Adobe Illustrator usando dos técnicas diferentes.

También puedes consultar texturas y fuentes dibujadas a mano para complementar algunos de los diseños utilizados en éste tutorial de Envato Market.

1. Crea las Texturas de Acuarela

Paso 1

Comencemos con los artículos que necesitas o podrías querer utilizar para crear las texturas de acuarela:

  • Pinturas de Acuarela
  • Papel de Acuarela
  • Un pincel suave
  • Taza de agua

Personalmente, creo que proyectos como éste no requieren de las herramientas más sofisticadas. Puedes crear divertidas texturas de acuarela de un conjunto de artículos de arte infantil así como usar pinturas Winsor & Newton. Abajo verás los artículo que tenía en mi estuche de herramientas para pintar.

Collect materials for watercolor painting

Paso 2

Pon algo de agua en tu pincel, mójalo en una paleta de acuarela, y comienza a pintar. Juega con la transparencia y la saturación. Haz grandes charcos o pequeñas áreas de nubes de color. ¡Realmente no te puedes equivocar experimentando con acuarelas como ésta!

Start painting with your watercolors

Paso 3

Si pintas con un pincel húmedo en una porción húmeda de papel, encontrarás que tu acuarela se esparcerá y creará divertidos degradados en tu papel. Con toda confianza pasa el pincel o mancha tus acuarelas en una servitoalla o toca con el pincel tu papel para hacer una textura de salpicadura.

Paint onto wet paper or create puddles of color

Paso 4

Aplica capas de diferentes grados de saturación de color en tu papel, y experimenta con otros colores. Deja que se seque una parte de tu pintura, y luego continúa pintando hasta que tengas áreas del color que quieras.

Add other colors and shapes into your designs

Paso 5

Crea tantas páginas de texturas de acuarela como quieras. Cuando estés satisfecho con tus elecciones de color y diseño, deja que tu papel se seque completamente antes de continuar a la siguiente sección de éste tutorial.

Create as many pages of watercolor textures as you want

2. Edita las Texturas

Paso 1

Escanea tus texturas e impórtalas en Adobe Photoshop. Alternativamente, puedes ajustar una foto. Ya que mi escáner es un poco viejo, no siempre hace el mejor trabajo en asegurar que el papel esté tan blanco como lo necesito para éste proyecto. Editemos más ésto.

Scan and import your watercolort extures

Paso 2

Para impedir que el papel se ponga amarillento, ve a Imagen > Ajustes > Niveles y cuidadosamente ajusta los niveles del tono amarillo alrededor de tus salpicaduras de acuarela. Típicamente ajusto el regulador gris a la izquierda y el regulador blanco a la derecha un poco.

Adjust the levels of your image

Paso 3

Ahora que tus texturas de acuarela son brillantes y limpias, guarda tu archivo como un JPG de alta resolución, e importémoslo en Adobe Illustrator.

Save and import your image into Adobe Ilustrator

3. Haz Vectores de las Texturas

Paso 1

Importa tu textura de acuarela en un nuevo documento de Adobe Illustrator y abre el panel Calco de Imagen. Para Modo, selecciona Color, y para Paleta, selecciona Tono Completo. Pulsa Previsualizar y espera un poco para que se renderiza tu vector.

Image Trace to get a vector watercolor texture

Paso 2

He hecho un acercamiento en el resultado de mi calcado para que puedas ver los objetos vectoriales un poco mejor. Es una manera notablemente fácil de convertir verdaderas texturas en vectores sin recrearlas a mano en Adobe Illustrator.

A zoomed in version of the watercolor texture

Paso 3

También puedes limitar la cantidad de detalle en el resultado de tu calco al elegir Limitada (en la parte inferior izquierda) para tu Paleta en lugar de Tono Completo (en la derecha abajo). Ésto te dará una apariencia más vectorizada y un tamaño de archivo más pequeño.

Expande tu textura de acuarela y Desagrúpala para que puedas usar la Herramienta Lazo (Q) para seleccionar alrededor una sección de tu textura. Copia (Control-C) y Pega (Control-V) la textura en una Nueva Capa en el panel Capas. Oculta las otras texturas para que solo te enfoques en tu sección copiada. Agrupa (Control-G) la textura.

A comparison between watercolor textures

4. Crea un Estilo Gráfico

Paso 1

Los Estilos Gráficos son fantásticos. Te permiten aplicar fácilmente toda clase de motivos, efectos, y similares con el simple click de un botón. Trabajan conjuntamente con Acciones para agilizar tu proceso en Adobe Illustrator.

Selecciona tu grupo textura y, en el panel Opciones de Motivo, crea un Nuevo Motivo. Ajusta la Anchura y la Altura de los límites del tipo de azulejo de motivo para que la textura se superponga a sí misma. En el panel Apariencia, establece el Modo de Fusión del Grupo en Multiplicar. Cuando estés satisfecho con la forma en que tu motivo se superpone y se repite, pulsa Aceptar.

Ya que ésta es una textura vectorial compleja, puedes encontrar que se lleva un tiempo realizar el motivo. Me pongo a tejer mientras mi máquina se pone al tanto de lo que estoy creando. La seguridad también ahorra ayuda con cualquier ansiedad de que Adobe Illustrator se cierre repentinamente.

Create a simple pattern

Paso 2

Encontrarás tu motivo recientemente creado en el panel Muestras. Aplícalo a una simple forma de rectángulo. Abre el panel Estilos Gráficos y, con el rectángulo seleccionado, haz un Nuevo Estilo Gráfico. Ésto te permite retener cualquier cosa que configures en el Panel Apariencia y aplicarlo rápido y fácilmente a cualquier objeto sin tener que reaplicar el motivo y sus otros atributos. Asegúrate de guardar tu Estilo Gráfico para que puedas acceder a él desde cualquier documento.

Create a graphic style

Paso 3

Probemos algún texto con el nuevo Estilo Gráfico. Usando una divertida fuente manuscrita, he escrito una de mis frases favoritas cortesía de la artista Alyssa Edwards. Puedes encontrar tipos de letra similares en la sección de fuentes de Envato Market.

Escribe algún texto con la Herramienta Texto (T) y Expande (Objeto > Expandir) tu texto a Contornos. Aplica tu Estilo Gráfico recientemente creado. Toma nota de maneras para mejorar tu motivo o estilo, si las hay.

Easily apply your graphic style

5. Crea un Diseño Tipográfico

Paso 1

Hagamos algo un poco más interesante que aplicar un Estilo Gráfico a una simple fuente. Hagamos el bosquejo de una composición tipográfica. Considera usar tipos de letra manuscrita, con serifa y sin serifa como ejemplos de tu letra dibujada a mano.

Alternativamente, puedes organizar texto como veas que encaje en lugar de dibujar un diseño separado. Dibujé el diseño visto abajo en Adobe Photoshop y lo importé en mi documento de Adobe Illustrator. Juega con una variedad de composiciones y estilos de lettering con tu frase de elección. Si no estás usando una tableta gráfica, podrías querer intentar con fuentes pre-elaboradas para éste tutorial.

Create some fun typographic compositions

Paso 2

En una nueva capa, usa la Herramienta Pincel de Manchas (Mayúsculas-B) para volver a dibujar suavemente tu diseño. Haz lo mejor que puedas para precisar tu trabajo de líneas y mantener curvas suaves y líneas rectas.

Carefully draw smooth text designs

Paso 3

Varía la anchura de tu línea en tu lettering. Aquí es donde observar ejemplos de otro lettering y tipografía harán maravillas en ayudarte a decidir qué porciones de cada letra deberían ser gruesas y cuáles deberían ser delgadas. Experimenta con ambas y ve cómo cambia tu diseño.

Use thick and think lines in your design

Paso 4

Continúa trabajando en tu composición. Si encuentras que tu bosquejo no estaba correcto, puedes ajustar tu contenido ahora. Alternativamente, puedes también usar una diferente herramienta de dibujo, como la Herramienta Pluma (P), para calcar tu bosquejo.

Continue redrawing your text design

Paso 5

Para secciones de letra más grandes, haz el contorno primero y luego rellena cada forma. Agiliza tu proceso al usar la Herramienta Shaper (Mayúsculas-N) para rellenar secciones. Simplemente dibuja un garabato entre objetos y lo rellenará como puedes ver abajo.

Use the shaper tool to fill in objects

Paso 6

Cuando hayas competado tu texto, elimina la capa de tu bosquejo y selecciona tus nuevas formas de texto. Unifica éstas formas en el panel Buscatrazos, asegurándote de expandirlas en una forma Compuesta. Como lo hicimos antes, con toda confianza aplica tu Estilo Gráfico a tu diseño recientemente creado.

Apply your graphic style to the newly created design

6. Crea una Máscara de Recorte

Paso 1

Como un método alternativo al Estilo Gráfico, puedes Crear una Máscara de Recorte (Control-7) para aplicar tu textura. Como lo hicimos en la preparación para crear el motivo, selecciona una porción de tu textura Imagen Calcada con la Herramienta Lazo y Cópiala.

Decidí mantener las texturas de acuarela separadas en sus propios documentos para que mi documento de trabajo no ocupara tanto de memoria en mi máquina.

Select your texture

Paso 2

Pega tu textura en tu documento de trabajo. He establecido mi color de relleno de mi texto en un gris claro para que tanto él como la textura superpuesta puedan ser vistos fácilmente. Establece el Modo de Fusión de la textura en Multiplicar en el panel Transparencia.

Overlap your text with your watercolor texture

Paso 3

Repite éste proceso de pegar secciones de textura de acuarela en tu texto. Con toda confianza, Escala, Rota y colócalas de la manera que encuentres mejor.

Overlap your text with various color and textures

Paso 4

Cuándo estés satisfecho con la colocación de tu textura, Agrúpalas en tu diseño. También asegúrate de que la mayor parte del diseño de tu texto esté cubierto de alguna manera con una textura. No quieres que todas las letras desaparezcan cuando hagamos nuestra Máscara de Recorte.

Group together your watercolor textures

Paso 5

Copia y Pega el diseño de tu texto en el grupo de tu textura de acuarela. Oculta el diseño original de tu texto en el panel Capas. Selecciona ambos y Crea una Máscara de Recorte al pulsar Control-7. Si encuentras que quisieras cambiar o agregar contenido a tu Máscara de Recorte, simplemente abre el panel Capas y selecciona porciones de tu grupo dentro del Grupo de Recorte para organizarlas en tu Mesa de Trabajo o incluso añadir nuevas texturas al arrastrarlas al grupo.

create a clipping mask and adjust its contents

¡Bien Hecho, Terminaste!

Experimenta con texturas de acuarela en cualquier forma que veas que encaje. Si estás creando un Estilo Gráfico o una Máscara de Recorte, tienes opciones de cómo aplicar tu textura asi como otros elementos como texturas de salpicadura de acuarela o texturas difuminadas adicionales.

¡Comparte tus diseños en la sección de comentarios abajo! Si has creado cada elemento tú mismo o has usado recursos de Envato Market dentro de tu composición del poster, ¡queremos verlos!

The final design
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.