You Need To Know This: How to Make a Clipping Mask in Illustrator

If you are in social media, create work presentations or are a blogger, then you definitely need to know this.

A clipping mask is having an image (or part of an image) cropped into a shape. By applying a clipping mask, the area outside the shape will become invisible.

Making a clipping mask in a design program is really easy and will help you personalise your posts/work. So let’s get into it…

First, open Illustrator and create a new document (any size will do). Now, open the image you would like to have as a background. This can be done by either dragging the photo into the Illustrator document you just created or by following the next steps: Got to File >> Place >> Choose your image

Screen Shot 2014-11-30 at 11.45.17 am

You can add text like I just did in the example.

Screen Shot 2014-11-30 at 11.56.47 am

It is now time to create the shape you would like to have your photo cut into. From the toolbar, select a geometric shape. Once you create the shape, you can place it on top of the image.

Screen Shot 2014-11-30 at 11.45.35 am

Now select all the items in your document, in my case, I have to select the photo, the text and the shape. It is important to ensure that they are all selected (you will see the vector lines in blue).

Screen Shot 2014-11-30 at 11.58.18 am

To create the clipping mask, just go to the top menu and select Object >> Clipping Mask >> Make. another option is, to do a left click and select Create Clipping Mask.

Screen Shot 2014-11-30 at 11.58.29 am

There you go! whatever was outside of the geometric shape is now gone. You just created a clipping mask.

Screen Shot 2014-11-30 at 11.58.44 am

That was easy, wasn’t it?

Just a few things to consider:

  • The shape must always be the element on top of all the others to be able to create the mask.
  • The shape must always be a vector to be able to work
  • To release or edit the clipping mask, you can select the object you just created, do a left click and select Release Clipping Mask
  • Before you create the mask, I mentioned that you have to select all the elements, to do this, hold on Shift and click on the item you want to select.

Hope you had fun in the process, I’m so happy I could bring you a tutorial (yay). If you have questions, let me know!

Si estas en medios sociales, haces trabajos creativos o presentaciones para tu trabajo, o si eres blogger,  entonces necesitas saber esto.

Una ‘Clipping Mask’ o ‘Mascara de Recorte’ es tener una imagen, o parte de ella dentro de una figura. Al aplicar una mascara de recorte a una imagen, el area que queda afuera de la figura se convierte invisible.

Crear una Clipping Mask en un programa de diseño es super sencillo y te ayudara a personalizar tus posts y/o trabajos. Así que vamos a empezar…

Primero, abre Ilustrador y crea un documento nuevo (cualquier medida). Una vez creado, es momento de importar la fotografía que usaras como fondo. Esto lo puedes hacer simplemente seleccionando tu foto con el mouse y arrastrándola hasta Ilustrador, o bien, puedes seguir estos pasos: ve a Fila >> Importar >> Escoge la imagen con la que deseas trabajar.

Screen Shot 2014-11-30 at 11.45.17 am

Puedes agregar texto como lo hice yo en el ejemplo.

Screen Shot 2014-11-30 at 11.56.47 am

Ahora es tiempo de crear la imagen en la cual tendremos nuestra foto. Ve a la barra de herramientas y selecciona una de las figuras geométricas. Ya que hayas creado la figura, acomódala sobre el area de la foto que te gustaría cortar.

Screen Shot 2014-11-30 at 11.45.35 am

Ahora, selecciona todos los elementos que conformaran la mascara de recorte, en mi caso, tengo que seleccionar la foto, el texto y la figura. Es importante asegurarse que todos los elementos estén seleccionados (veras los vectores o lineas azules seleccionadas).

Screen Shot 2014-11-30 at 11.58.18 am

Para crear la mascara, ve al menu de arriba de la pantalla, da click en Objeto >> Mascara de Recorte >> Crear. Otra opción es, al seleccionar tus elementos, da un click izquierdo y escoge la opción Crear Mascara de Recorte.

Screen Shot 2014-11-30 at 11.58.29 am

Ahi lo tienes!, el area que estaba afuera de tu figura ha desaparecido. Haz creado una mascara de recorte.

Screen Shot 2014-11-30 at 11.58.44 am

Estuvo fácil, verdad?

Solo toma en cuenta estos puntos:

  • La figura, siempre tiene que estar situada encima de todos los demás elementos para poder crear la mascara
  • La figura debe de ser vector para que funcione
  • Para deshacer la mascara o editarla, puedes seleccionarla, da un click izquierdo y selecciona Deshacer Mascara de Recorte.
  • Mencione que antes de crear la mascara, debes seleccionar todos los elementos, para hacer esto, sostiene la tecla Shift y da un click en cada uno de los elementos que conformaran el objeto final.

Espero hayas disfrutado el proceso, yo feliz de haber podido traerte un tutorial 🙂 Si tienes alguna duda, no olvides escribirme!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s