Tutorial: How to Make a Digital Quilt Mock Up


Click Photo to Enlarge

Choosing fabrics colors and placement for a quilt can be a difficult decision.  When I started my first quilt, I wanted to be able to “preview” it before it was set in stone (or thread, I suppose).  So, I decided to create a digital mock up, using the most basic computer program I had…Paint!

The first thing to mention is that I do not have any special software for editing/creating images (such as Photoshop or something similar).  This is why I ended up doing this in Paint.  If you have a Microsoft-based computer, you should have Paint.  If you don’t have this program, I’m sure there are plenty of other great programs out there that will make this possible, but I wanted to find the simplest (and cheapest…Photoshop is pricey!) solution.
Open Paint.  To find this program on your computer, click the Windows/Start button on your PC, click All Programs, and click Accessories.  Paint should be somewhere in the middle (circled below).


Click Photo to Enlarge

Save the image of your Quilt Pattern to your desktop and right click on the image and click Open with Paint.  For me this was easy since I was following a digital Quilt Along.  I was able to use the image that Oh, Fransson had posted of the Mod Sampler Quilt as my pattern.  If you’re using a pattern you purchased and do not have a digital copy of it, you can either scan the pattern to your computer, or try creating the layout from scratch in Paint (or an equivalent image editing software).

quilt along

Next you need to open your web browser and begin running searches for each of the fabrics that you are planning to use in your quilt.  Try doing a Google Image Search and typing in the name of the fabric. 

You can see that I typed in Daisy Chain Amy Butler and found some good results.  I decided to use the one that I circled below.  Simply open up the image (you may need to click See Full Sized Image) then right click on the swatch and save it to your desktop.  Since you will be saving many swatches to your desktop, I like to rename the image to the title of the fabric.

google image search

Click Photo to Enlarge

Find each fabric you’re planning on using in your quilt and save each image as a copy to your desktop.  If you don’t know the name of the fabric, or can’t find photos online, get out your digital camera, go somewhere with a lot of natural light and try to get some good close-up photos of your fabric.  You can use these photos in the same way you would use an image you found online.
Open your first fabric swatch in Paint (alongside your quilt pattern which should still be opened in another window of Paint).

CaptureHighlight the Select tool in Paint (see image to the left). 

Using the Select tool, highlight a section of your fabric swatch that cooresponds to the shape you are pasting it to.  For example, if the first quilt piece in your pattern that you will be using is a square, select a square of your fabric swatch.  Don’t worry about the size or scale of the square you select, you will be able to adjust that later. 

While selecting the swatch, click Ctr+C.  Tab back to your other window in Paint, which has the Quilt Pattern open, and click Ctr+V to paste the image to your pattern. 

Now you can drag the swatch to where you want it and adjust the size to match your pattern. 





The image above shows just after I have pasted my swatch into my pattern and moved it to the correct place, but before I have resized it to fit the pattern.


Click Photo to Enlarge

The image above shows how the piece looks once I have adjusted the size and shape of the swatch to match my pattern piece.

Quick Tip:  Once you adjust the size/shape of a fabric swatch the be the correct scale needed for a pattern, you can make an exact copy of the swatch by holding the Control key and dragging the swatch to the next needed spot.

As you can see below, for my pattern I will need an exact replicate of the first square I created to be in the upper left hand spot of my first block.  So, to do this I held down the Control key and moved it to the new location.  Here is the result I got:


Click Photo to Enlarge

Repeat these steps until you have replaced every piece in your pattern with a swatch from your fabric.  Remember, if you need to paste a long, skinny shape for the binding, just highlight a very long/skinny swatch from the fabric and once you paste it into the pattern you will be able to adjust the length and width.
EDIT:  I received an email from a reader named Jennifer who had some great suggestions for how to use this method for shapes other than squares and rectangles.  Here’s what she had to say:

“To do circles, paste your swatch to the side of your pattern.  Use the circle tool to draw a circle on top of your swatch (hold the shift key to get a circle rather than an oval).  Then, erase what’s around your circle.  You can then select that area using the regular select tool and move it to your pattern just like a square.  Just remember to go to “Image” and remove the check mark beside “Draw Opaque”.  You could do the same type thing for a triangle, but there’s not a real tidy way to do the triangle.  You can also select whatever shape you want (curves even) using the other select tool.”

Thanks, Jennifer!

I used this process in my post entitled Help Me Choose as a way to test out different color options for sashing fabrics.  I’m so glad I used it too, because I am very happy with how my quilt turned out!
I hope this works out for you, let me know if any part of the process is confusing or too complicated.  Post your results!  I’d love to see what all you creative people come up with!
Good luck and happy quilting!