7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Effects

Crea una cara de estructura alámbrica con la herramienta de Distorsionar de envolvente

Scroll to top
Read Time: 5 mins

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

Este tutorial es una respuesta a una solicitud de una lección más detallada sobre el uso de la función Distorsión de envolvente de Illustrator con la herramienta Cuadrícula rectangular. Demostré la técnica básica en este vídeo. Compruébalo si tienes tiempo, si no, ¡entra de inmediato!


Paso 1

Prefiero usar algún tipo de referencia al dibujar, ya que no soy muy bueno dibujando de memoria o imaginación. Entonces, para obtener las proporciones adecuadas de una cara, estoy usando esta foto de una máscara. Puedes utilizar una foto o un boceto como referencia. Intenta que sea simple y genérico para este tutorial.

Coloca la imagen en la mesa de trabajo (Archivo > Colocar). Haz doble clic en su capa y conviértela en una capa de Plantilla, luego crea una nueva capa encima de ella.


Paso 2

Toma una medida aproximada de la cara con la herramienta Medir. Cuando arrastres con la herramienta Medir, el panel de información aparecerá automáticamente. Recuerda el ancho y el alto. Alternativamente, puedes dibujar un rectángulo alrededor de la cara y usar sus medidas.


Paso 3

Toma la herramienta Cuadrícula rectangular y haz clic una vez en la mesa de trabajo. Para el ancho y el alto, ingresa los valores del paso anterior. Ingresa una cantidad de divisores horizontales y verticales para obtener una cuadrícula bastante ajustada, con una separación de aproximadamente 10 píxeles.


Paso 4

La nueva cuadrícula tendrá un relleno y un trazo de ninguno. Dale un trazo de color. El color no importa en este punto, solo algo que es fácil de ver.


Paso 5

Mantén la cuadrícula seleccionada y ve a Objeto > Distorsión de envolvente > Crear con malla. Ingresa alrededor de 5 filas y 6 columnas. Agregarás algunas líneas de malla más adelante, así que manténlo simple por ahora.


Paso 6

Con la herramienta Selección directa (A), mueve los puntos exteriores para que se alineen con los bordes exteriores de la cara. Tendrás que ajustar algunos de los controles de los puntos para que la línea exterior siga la forma. Es posible que también debas mover algunos de los puntos adyacentes hacia adentro.

Puede resultar útil ver la malla en modo de contorno, para garantizar las curvas más suaves.

Puedes terminar con algunas líneas colgando más allá del marco de la malla, pero puedes lidiar con ellas más adelante.

La forma inicial debe verse como la imagen de abajo.


Paso 7

Mueve los dos puntos por encima de los ojos para que la malla comience a tomar la dimensión de las cuencas de los ojos. Si deseas que sean simétricos, selecciona ambos puntos (mantén presionada la tecla Mayús al seleccionar) y muévelos al mismo tiempo.


Paso 8

Mueve los puntos cerca de los ojos para que se alineen con la parte superior de las formas de los ojos.


Paso 9

Toma la herramienta Malla (U) y haz clic en una línea de malla vertical para agregar una nueva línea de malla horizontal debajo de la línea que ajustaste en el paso anterior. Mueve los nuevos puntos y manijas para que se adapten a la parte inferior de la forma del ojo.


Paso 10

Agrega dos nuevas líneas de malla a cada lado de la nariz. Esta vez, haz clic en una línea horizontal para crear una vertical. Con la herramienta Malla, mantén presionada la tecla Opción/Alt y haz clic en la línea vertical central para eliminarla.

Como antes, mueve los puntos y las manijas para seguir las curvas de la nariz. Mueve los puntos en la línea debajo de la nariz para comenzar a dar forma a la boca.


Paso 11

Este es el proceso básico para formar la imagen. Sigue moviendo puntos y líneas para seguir los contornos del rostro. Agrega una nueva línea de malla en los lugares donde necesites más detalles. Al igual que con una malla de degradado normal, cada vez que mueves un punto, afectas a los puntos adyacentes.

Por lo tanto, probablemente tendrás muchas pruebas y errores a medida que continúes trabajando. Puedes obtener esquinas afiladas como en la imagen de abajo. Dependiendo de dónde caigan, estas esquinas pueden ayudar a definir tu imagen, como en el área debajo de la nariz. Otras veces, querrás que desaparezcan y tendrás que hacer microajustes en los puntos circundantes para deshacerte de ellos.

Para ayudar a que la imagen sea lo más simétrica posible, dibuja guías y alinea los puntos en los lados izquierdo y derecho.


Paso 12

Sigue agregando nuevas líneas de malla según sea necesario y moviendo puntos. Puedes llegar a un punto en el que tengas demasiadas líneas de malla y desees eliminar una o dos. Eso está perfectamente bien: es difícil dejar de ajustar y obsesionarte con cada línea y curva.

Si deseas cambiar el color de las líneas de la cuadrícula y aún poder editar la malla, ve al menú Objeto y elige Distorsión de envolvente > Editar contenido. Cuando hayas terminado, regresa y elige Editar envolvente.


Paso 13

Una vez que estés satisfecho con tu imagen, puedes expandir el efecto yendo a Objeto > Expandir. Las líneas de la cuadrícula se expanden a tus formas manipuladas. Ahora puedes limpiar las líneas que colgaban fuera de los bordes y, por supuesto, puedes cambiar el color de los trazos.


Paso 14

Si deseas darle a la imagen un relleno degradado, deberás delinear los trazos yendo a Objeto > Trazado > Trazo de contorno. También puedes experimentar con diferentes fondos y otros efectos.


Conclusión

Se puede hacer mucho más trabajo con esta ilustración, pero ahora que conoces los conceptos básicos, puedes comenzar con una cuadrícula más ajustada u otro tipo de patrón. La Distorsión de envolvente te da la flexibilidad de empujar, tirar, torcer y dar forma a cualquier objeto vectorial al contenido de tu corazón.

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.
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.