Scissor Happy: Familiarize Yourself with Clipping Masks

Download image, paste, crop, and resize. A vicious cycle for designers working in Illustrator. There has to be an easier way!

Hi, my name is Ashleigh Bunch. I am an intern here at Harford Designs. Recently I was given the project to create a month’s worth of social media content for the company, Housekeeping By Susan. Going into this project I wasn’t proficient in working in Illustrator and was still struggling to complete basic tasks. This project challenged me to learn new tools and shortcuts in Illustrator to complete my assignments promptly.

What is a Clipping Mask?

A clipping mask allows you to conform any image to fill in the desired shape without distorting and cropping the image. Clipping masks help save time when trying to include images onto your artboards.

How Does It Work?

Download or save the image you would like to use onto your computer. Once you open up Illustrator, create a new artboard with the desired dimensions. Use the Rectangle Tool to create a box of the desired size on the artboard. Make sure the shape has a colored fill, so it is visible. Then drag your saved image onto the artboard. Depending on how big the file is you may have to resize the image a tad. Then, send the image to the back so it is behind the filled box. Next, you want to select both items together. The clipping mask action can be found in the Object tab, but if you’re a pro you can use the shortcut (CTRL+7). You did it! You just created your first clipping mask!

Now afterward, if the image is a little off for alignment you may need to do a few small adjustments. You can do so by double-clicking the mask, so you are only manipulating the image. While holding down the Shift key, align the image to your preference.

Design example
Design example

I hope this quick post helps you brush up on your skills working with Illustrator as it did for me. Happy designing!

Articles / Blog

A Breakdown of my Designs + Graphic Design Process

Website Features & Designs That Are Worth Ditching

Website Features & Designs That Are Worth Ditching

Your website is the online version of your office. Especially during and following the era of COVID-19, it is an essential marketing tool for businesses to reach and engage current and prospective customers. The way your website looks and feels will determine how your...

Facebook For Dummies (and Gen Z’ers)

Facebook For Dummies (and Gen Z’ers)

Notes in creating a successful Facebook page, through the tale of a Facebook newbie.How This All Started It seems going into your sophomore year of college you learn a lot more about the real world. It also seems that going into your first marketing internship as a...

Offload your social profiles, website updates, blogging, and everyday branding. 

You pick the day and time! Once you choose a time to chat, you’ll be directed to a design questionnaire which helps me get to know you and your needs a bit better before we chat.