Los fundamentos de los trazados de recorte y las máscaras de opacidad

Lo que vas a crear

En este tutorial, cubriremos los beneficios, algunos usos y el 'cómo hacer' de dos métodos poderosos para ocultar o mostrar áreas de un documento de Illustrator sin eliminar los objetos que desea que sean invisibles, lo que le permite volver y volver a trabajar más fácilmente.

Introducción

Las máscaras de opacidad y los trazados de recorte son dos de las herramientas más utilizadas en mi flujo de trabajo. Me permiten revelar u ocultar fácilmente las ilustraciones sin eliminar ningún camino. Como en todas las artes digitales, es mejor diseñar su flujo de trabajo para permitir la máxima capacidad de edición. Es inevitable que yo o el cliente cambien de opinión a través del proceso y esta técnica permite revisiones y ediciones fáciles, lo que lleva a menos estrés y clientes más felices.

Primero definamos la diferencia entre un trazado de recorte y una máscara de opacidad:

  • Las rutas de recorte son operaciones binarias (activadas o desactivadas) que se aplican a todas las rutas / objetos dentro de una capa. Esto puede incluso incluir subcapas con trazados de recorte definidos por separado.

  • Las máscaras de opacidad son mapas en escala de grises que se aplican solo a rutas / objetos individuales. La única excepción es que una máscara de opacidad se puede aplicar a un conjunto de objetos si están agrupados.

Puede ser más fácil de entender con este simple ejemplo:

A la izquierda está el arte original sin opacidad ni recorte aplicado..

En el medio, he aplicado un trazado de recorte en forma de estrella a la capa que contiene el trazado circular turquesa, que se muestra a continuación. Porque Clipping Paths es un si o no Concepto, la operación solo reconoce si hay o si no hay un camino. El círculo se revela donde hay un camino, y se oculta en la ausencia de ese camino.

A la derecha, he aplicado una máscara de opacidad a la ruta del círculo turquesa. Debido a que las Máscaras de opacidad reconocen el rango completo de negro a blanco, usé un gradiente para mostrar el rango de valores entre la opacidad total y la opacidad nula, algo que haremos nuevamente en un momento. Por supuesto, podemos crear máscaras de opacidad de cualquier tono sólido de gris para asignar diferentes porcentajes de transparencia / opacidad. Los ajustes predeterminados para las Máscaras de opacidad son: el blanco es visible, el negro invisible, todos los grises intermedios se relacionan en consecuencia.

Parte 1: Trazados de recorte

Los Clipping Paths son una gran herramienta; los uso por dos razones principales:

  • Recortar una obra de arte completa al Destino. Muchas veces tendré una obra de arte que se extiende mucho más allá de las dimensiones deseadas para la ilustración, pero las recojo a las dimensiones correctas más el sangrado adecuado.

  • Revelar patrones, texturas o fondos dentro de un área (y, por lo tanto, excluirla en otras áreas) sin eliminar ningún camino u objeto

Paso 1

Para esta demostración, voy a Recortar el siguiente fondo a una forma específica. Tanto la turquesa como la medusa están en la misma capa..

Paso 2

Ahora necesitamos crear una ruta o forma para Recortar a. Este ejemplo es similar a lo que podría hacer para ilustrar un punto pequeño. Los rectángulos son tan aburridos y predecibles, hagamos algo orgánico. Para que pueda verlo fácilmente, he establecido la forma que quiero recortar como negro sólido. Por lo general, dibujo este camino sin rellenar, con un trazo fino para poder ver debajo para mayor precisión..

Paso 3

Si la ruta a la que desea recortar la capa no está en la parte superior del conjunto de capas, muévala allí y haga clic en el botón Crear / Soltar máscara de recorte en la parte inferior del panel Capas. El icono muestra un círculo y un cuadrado delineados con su unión sombreada. Asegúrese de seleccionar la capa a la que desea aplicar el trazado de recorte, en este ejemplo es "Capa 2", no el trazado en sí..

Ahora, una vez que se aplica el trazado de recorte, puede ver los resultados. Sólo se revela la obra de arte directamente debajo del Sendero..

En cualquier momento, siempre puedes tomar el Camino y moverlo si lo deseas. Muchas veces, su Clipping Path puede no estar perfectamente alineado, por lo que es bueno tener la capacidad de mover cosas. Incluso la forma en sí no es permanente, ¡puede editar los puntos de control individuales! Puede liberar el trazado de recorte seleccionando el trazado de recorte y haciendo clic en el mismo icono que lo creó en el panel Capas o, para eliminarlo por completo, puede arrastrar el trazado a la Papelera en el panel Capas.

Parte 2: Máscaras de opacidad

Paso 1

He colocado un simple personaje de JellyFish frente a nuestro fondo recién recortado. Vamos a añadir algunos puntos a las medusas que se desvanecerán cuando se acerquen a sus ojos y boca. He descrito los puntos aquí al principio para que pueda ver dónde se superponen al fondo blanco..

Paso 2

Ahora he seleccionado el cuerpo De la medusa y lo copió y pegó en el frente. Luego apliqué un degradado simple a través del panel Degradado. Puedes ver esta forma a continuación, la usaremos como máscara de opacidad..

Paso 3

Luego, corte la nueva forma de degradado para eliminarla de la ilustración, manteniéndola en el Portapapeles para usarla en solo un minuto. Después de seleccionar los puntos blancos y agruparlos, me muevo al panel Transparencia y hago doble clic en el área en blanco junto a Miniatura de los puntos..

Con la ruta / objeto / grupo al que desea aplicar la máscara de opacidad seleccionada, haga doble clic en el panel Transparencia para activar la capa de máscara, como se muestra a continuación.

Etapa 4

Ahora que le he dicho a Illustrator que aplique una máscara de opacidad al grupo de puntos, vuelvo a pegar en el frente (Pegar al frente / atrás son buenos comandos, ya que toman las rutas copiadas / cortadas y las colocan en el lugar exacto donde vinieron). ) en esta área de la máscara de opacidad. Comando + F es Pegar en Frente y Comando + B es Pegar en Atrás.

Si ves visualmente el gradiente en la mesa de trabajo después de pegar, significa que no estás trabajando en el área de la máscara de opacidad. En el panel Transparencia notará un ligero contorno alrededor del cuadrado izquierdo o derecho. El cuadro de la izquierda es tu obra de arte, la derecha es la máscara. Es fácil olvidar si está trabajando en la máscara de opacidad o en Artboard, así que asegúrese de estar trabajando en la correcta. Cuando pegue en la máscara de opacidad, no la verá en la mesa de trabajo, pero se mostrará una vista previa de las formas en el panel Transparencia, como se muestra a continuación.

Verás un icono de un eslabón de la cadena entre los dos. Esto significa que si mueves la ilustración, la máscara se mueve con ella. Si están desbloqueados (haciendo clic en el icono), puede mover la ilustración independientemente de la Máscara. Esto es útil si, por ejemplo, tiene una máscara de opacidad en forma de camisa, pero el patrón no está alineado correctamente, puede mover el patrón y la camisa permanece inmóvil..

Además, observe que hice clic en Invertir máscara en el panel Transparencia. Esto simplemente cambia si el blanco o negro actúa como el extremo transparente o visible del espectro y viceversa..

Conclusión

Me muevo de nuevo a la mesa de trabajo y agregué algunos reflejos blancos brillantes sin máscara para hacer las medusas popular así como atenuar el fondo y agregar un poco de degradado a los tentáculos.

¡Y aquí está el producto terminado! La máscara de opacidad y los trazados de recorte pueden liberar mucho tiempo para un artista o diseñador, aprenderlos bien y serán algunas de sus mejores herramientas..

Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..