How to Design A Half Square Triangle Block In Illustrator

I start all of my quilts in Illustrator. I usually quilt in all solid colors and use a kona cotton swatch library that was made by Alyssa Lichner to ensure color accuracy but recently I bought a stash of vintage fabric and realized I would have to figure something else out. So after a little bit of head scratching, I came up with a solution that I just had to share! 

1.) Take pictures of the fabric you intend to use. These pictures will become your swatches.

2.) Drag and drop your "swatches" into Illustrator and place them to the side of your piece. 

3.) Use the rectangle tool to create a square.

Step 1.png

4. Use the line tool to the left of the rectangle tool to draw a triangle within the square to create your Half Square Triangle

Step 3.png

5. Delete the square and select the lines. Hover over Object at the top of the drop down menu, scroll down to Path, and select Join. 

Screen Shot 2018-04-14 at 10.41.24 PM.png

6. Fill the triangle with white, duplicate the swatch that you would like to turn into a half square triangle, place the triangle over the swatch, select both the triangle and swatch. Hover over object, scroll down to Clipping Mask, and select Make. 

Screen Shot 2018-04-14 at 10.49.49 PM.png

7. Taa-Daa! You've created your first HST! Repeat these steps as many times as it takes to design your desired quilt block. 

Screen Shot 2018-04-14 at 8.23.30 PM.png

I used an HST for this example because it's the most versatile quilting shape but you can create all kinds of geometric shapes using the line tools and following the rest of the steps. So, have fun and get creative! Here's the block I came up - I can't wait to start stitchin :)


Here's a design that I mocked up and the actual fabric reality. As you can see, this mock-up method is pretty precise and takes all of the guessing work out of designing patterned fabric :)