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

Trabajar con formas irregulares en malla de degradado en Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Iván Gómez (you can also view the original English article)

Crear un gradiente de malla a partir de un rectángulo o una elipse es rápido y fácil. Cuando tienes que trabajar con una forma curva resulta mucho más difícil. ¡Aquí una técnica que hace el truco y te evitará la frustración!


Lo que no funciona

Usaremos esta imagen de PhotoDune como referencia y nos enfocaremos en la manija.

01_DiffShapes_source

Si comienzas trazando el contorno de la manija, y luego desde el menú Objeto seleccionas Crear malla de degradado, los resultados serían difíciles de manejar. Gastarías demasiado tiempo tratando de poner las líneas de malla en su lugar y ajustar el color. Las líneas de malla que cuelgan fuera de la forma no evitarán que la ilustración pueda ser impresa o exportada, pero son una molestia enorme para trabajar. Como se puedes ver, simplemente crear una malla de degradado no es una solución viable.

Using the Create Gradient Mesh function does not work well with shapes like this.
La función Crear malla de degradado no funciona bien con formas como esta...
… as you can see.
... como puedes ver.

La técnica de rectángulo blanco

Paso 1

Toma la herramienta Rectángulo (M) y dibuja un rectángulo de la misma altura que la base de la manija. Doblaremos luego este rectángulo para ajustarlo a la forma, así que trata de calcular la longitud del mango si se enderezara y dibuja el rectángulo. Asegúrate de que tenga un relleno de color blanco y trazo Ninguno.

04_DiffShapes_draw-white-rect

Paso 2

Ahora con el rectángulo seleccionado, ve a Objeto > Crear malla de degradado. Digita 1 fila y 1 columna y escoge apariencia Plana.

05_DiffShapes_create-mesh

Paso 3

Crea una nueva capa para el rectángulo. Bloquea la capa de imagen de referencia y pon la nueva capa en modo Contorno presionando Comando-clic (Windows: Control-clic) sobre el ojo en el panel Capas. Tu ilustración debe parecerse a la imagen de abajo.

Command (Windows: Control)-click the Layer's eyeball to put that layer into Outline mode.
Presiona Comando (Windows: Control)- clic en el ojo de la capa para poner esa capa en modo Contornear.

Paso 4

Toma la herramienta Selección directa (A) y mueve los puntos de izquierda para alinearlos con la base de la manija. Haz lo mismo con los dos puntos de la derecha. Es un poco complicado, pero tendrás que ajustar los manejadores de la malla a medida que avanzas para posicionar los bordes del rectángulo. Es mejor hacerlo en incrementos, no intentes hacerlo todo en un solo paso.

Move the bottom right point of the rectangle up to the base of the cup handle.
Mueve el punto inferior del rectángulo hasta la base de la manija de la taza.
Move the top right point of the rectangle up to the cup handle.
Mueve el extremo superior derecho del rectángulo hasta el mango.
As you move the points, you'll have to adjust the curves as you go.
Al medida que muevas los puntos, tendrás que ajustar las curvas.

Paso 5

Dependiendo de la forma en la que estés trabajando, puede ser útil añadir un par de puntos de anclaje a lo largo de la curva. Estos no son puntos de malla, más bien son puntos de "ayuda" que puedes agregar usando la herramienta Añadir punto de ancla (+). Ahora puedes seleccionar estos puntos con la herramienta Selección directa y utilizarlos para ayudar a definir la forma. Esto puede llevar algo de tiempo, pero se paciente y sigue trabajando con la forma hasta lograr que se ajuste a la imagen de referencia.

Add points to help define the shape.
Añade puntos para definir la forma
The finished outline of the Mesh Object.
El contorno definitivo del objeto de malla.

Recuerda que los dos puntos de la izquierda del rectángulo original están alineados con la base de la parte inferior de la manija de la taza, y los puntos de la derecha se han curvado alrededor y se alinearán con la parte superior de la base de la manija. Tómate tu tiempo: es mejor pasar algún tiempo extra logrando la forma exacta, antes de empezar a añadir color a la misma.

The original white rectangle ends up bending around the shape.
El rectángulo blanco original termina doblado alrededor de la forma.

Paso 6

Una vez hecha la forma de contorno, comienza a añadir líneas de malla al interior de la forma. Toma la herramienta Malla (U) y haz clic en el borde izquierdo del objeto de malla (el rectángulo/manija). Esto agregará una línea de malla que sigue la curva de la forma. Sigue añadiendo nuevas líneas de malla como consideres necesario. Utiliza las gradaciones de color de la imagen de referencia para planificar el lugar donde necesitas líneas de diferentes colores.

13_DiffShapes_add-mesh-point
14_DiffShapes_add-mesh-point2

Si las líneas de malla comienzan a verse muy congestionadas, puedes ajustar la manija usando las herramientas Selección directa o Malla. Para eliminar una línea de malla, mantén pulsada la tecla Opción (Windows: Alt), y sitúa el cursor sobre la línea que deseas eliminar hasta que se vea un signo menos al lado del cursor y haz clic para borrar.

Paso 7

Con la herramienta de Malla, haz clic en cualquiera de las líneas de malla que acabas de crear para agregar líneas de malla que queden más o menos perpendiculares a las líneas existentes de la malla.

Click with the Mesh Tool to add vertical mesh lines.
Haz clic con la herramienta Malla para añadir líneas de malla verticales.

Paso 8

Ahora que tienes la base de tu forma irregular, puedes proceder a muestrear colores y ajustar las transiciones como lo harías normalmente. La manija terminada está abajo.

16_DiffShapes_finished-handle

¡Ahora ya sabes!

Dibujar bolas de goma y uvas con la malla de degradado es relativamente fácil. Si quieres mejorar tus habilidades con mallas, rétate a ti mismo con objetos de múltiples superficies. Rompiendo un objeto en sus partes y utilizando la técnica del rectángulo blanco, estarás en camino a la maestría de malla de degradado.

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.