# Tracer for Quilt Block

The Tracer feature is a great way to take an image of an idea or inspiration source and use it as a guide to trace a quilt block. In this tutorial, you'll learn how to import an image and use it to create a custom quilt block in PreQuilt.

## <mark style="color:blue;">a | Upload the Tracer Image</mark>

To prepare for the Tracer feature, have your inspiration image saved onto your computer.

1. From your quilt's digital design wall (or quilt grid), click on the <mark style="color:blue;">**BLOCKS**</mark> tab.&#x20;

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FBNVYIo0u6D1UWPMS7OP9%2FScreen%20Shot%202023-06-05%20at%204.40.32%20PM.png?alt=media&#x26;token=a6961034-cf94-4778-9cde-9fd828f04a09" alt=""><figcaption></figcaption></figure></div>
2. Click on <mark style="color:blue;">**Make Custom Block**</mark> to create a new block. The Block Editor window will open.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FbFnzWsksaC5jNR3TTE6A%2FScreen%20Shot%202023-06-05%20at%204.40.15%20PM.png?alt=media&#x26;token=38c8b0f3-b74f-4f92-91da-8c3ebce94118" alt=""><figcaption></figcaption></figure></div>
3. On the left side control panel, click on the <mark style="color:blue;">**Tracer**</mark> button. A pop-up window will open.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FkCi0vwiwZyJoJF4HwuTx%2FScreen%20Shot%202023-06-05%20at%204.41.59%20PM.png?alt=media&#x26;token=9514a523-e139-43a2-abcc-41f51aa918da" alt=""><figcaption></figcaption></figure></div>
4. In the pop-up window, click on the <mark style="color:blue;">**Upload Image**</mark> button.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F9mxaHGeEizbtEDYYFEGw%2FScreen%20Shot%202023-06-05%20at%204.42.36%20PM.png?alt=media&#x26;token=71ca2e25-f520-4eec-9b98-22fb7cd620cc" alt=""><figcaption></figcaption></figure></div>
5. Select the image you want to use to trace the new block and click <mark style="color:blue;">**Open**</mark>.

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FGdokNrBauM2zOCxS9Vm2%2FScreen%20Shot%202023-06-05%20at%204.43.23%20PM.png?alt=media&#x26;token=afa303b6-d37c-4ceb-8b52-9eec7e70ca1e" alt=""><figcaption></figcaption></figure>
6. The image is now loaded into the background of the quilt block.&#x20;

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FEDcH94du0nE2KuQSMy9w%2FScreen%20Shot%202023-06-05%20at%204.44.12%20PM.png?alt=media&#x26;token=4b43b7a3-86f8-4528-a24b-13f81bb0a839" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">b | Position the Tracer Image</mark>

Now that the image is loaded into the background of the block, let's position it so the image we want to trace fills the entire quilt block space.

1. First let's scale the Tracer image so that the focal point of the image is the same size as the quilt block.

   * In this example, I want the post-it note only to be used as the tracer image.

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FcTdofjL7Nz7NQKrb4FPR%2FScreen%20Shot%202023-06-05%20at%204.44.12%20PM.png?alt=media&#x26;token=5a3cdabd-d2ac-43ac-9ed0-55d9862f95eb" alt=""><figcaption></figcaption></figure>
2. Click on the <mark style="color:blue;">**+ and/or - buttons**</mark> next to the scale to increase or decrease the size of the image.
   * <mark style="color:blue;">**PRO TIP:**</mark> Holding down the shift button and using the up (to increase) and down (to decrease) arrows will increase or decrease the number in increments of 10.
   * ![](https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FbDibGrd88kuwDpBprbdT%2FScreen%20Shot%202023-06-05%20at%204.50.12%20PM.png?alt=media\&token=8be50ec6-e055-42ab-a20b-3fb1be3606f9)
3. Once you have the approximate scale, now let's move the image into the top left corner so that there's nothing else in the background except for the post-it note focal point. To do this, click on the <mark style="color:blue;">**+ and/or - buttons**</mark> next to the *Offset Top* and *Offset Left* to move the image left to right and top to bottom.
   * <mark style="color:blue;">**Note:**</mark> You might need to change the scale once moving the focal point into position.
   * ![](https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FN9VhAaI3kFBOQwSCcOKN%2FScreen%20Shot%202023-06-05%20at%204.56.47%20PM.png?alt=media\&token=073b71e9-7ef3-490a-8b00-527947ad2b39)
4. Now we have the focal point of the image filling the entire quilt block area as well as filling the entire quilt block area.

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FU81BI5LHUWDP3jX3exkK%2FScreen%20Shot%202023-06-05%20at%204.54.33%20PM.png?alt=media&#x26;token=8472f265-2247-4fa9-8a19-30f6bd203e88" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">c | Create a Quilt Block Using the Tracer Image</mark>

Now that we have the Tracer image imported and positioned correctly, we can now use it to create our quilt block by placing the patchwork shapes onto the quilt block area.

1. Select the appropriate <mark style="color:blue;">**patchwork piece**</mark> by clicking on it to place it onto the quilt block area.

   * *In this example, I've used a half-square triangle piece.*

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FWJOfaAchufiRM03xOa3p%2FScreen%20Shot%202023-06-05%20at%205.04.32%20PM.png?alt=media&#x26;token=2711eb9b-ba27-4247-90eb-857ac8bee71f" alt=""><figcaption></figcaption></figure>
2. <mark style="color:blue;">**Move**</mark> and <mark style="color:blue;">**resize**</mark> it accordingly.

   * <mark style="color:blue;">**Note:**</mark> See our tutorial on [*<mark style="color:blue;">**Creating Quilt Blocks**</mark>*](https://help.prequilt.com/starter-quilts/first-prequilt-quilt/02-creating-quilt-blocks) for more information on how to do this.

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F6ykHQtDNegHXVJ9Xu5Ht%2FScreen%20Shot%202023-06-05%20at%205.07.42%20PM.png?alt=media&#x26;token=41382040-52df-47f9-9627-dd6eadb337c8" alt=""><figcaption></figcaption></figure>
3. You can <mark style="color:blue;">**change the transparency**</mark> of the patchwork pieces so that you are able to still see the Tracer image while placing your patchwork pieces onto the quilt block.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2Frokci7j3oQUnN4tilmny%2FScreen%20Shot%202023-06-05%20at%205.06.37%20PM.png?alt=media&#x26;token=533adc1c-df94-4b48-9a8c-11a089e3cfc7" alt=""><figcaption></figcaption></figure></div>
4. Continue placing all the appropriate patchwork pieces until the quilt block is completed.

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FwQLKE8vrg2LNZeVxJ4Z5%2FScreen%20Shot%202023-06-05%20at%205.08.47%20PM.png?alt=media&#x26;token=3a3e41ac-7ae1-4d56-a7db-7f74f8e2b3dd" alt=""><figcaption></figcaption></figure>
5. To view only the quilt block and hide the Tracer image in the background, <mark style="color:blue;">**toggle the Enable button**</mark> on the Image (background) tile on the Tracer pop-up window.

   * <mark style="color:blue;">**Note:**</mark> The background image will be completely hidden and the Quilt block will turn onto 100% opacity.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FzyPeEWJq7Fw8H8sylJJX%2FScreen%20Shot%202023-06-05%20at%205.10.20%20PM.png?alt=media&#x26;token=f2d92522-bef9-4432-b1d6-cd8c3a6fe869" alt=""><figcaption></figcaption></figure></div>

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F7wAkeORzqPLFt8YY7319%2FScreen%20Shot%202023-06-05%20at%205.11.56%20PM.png?alt=media&#x26;token=4e142e2a-1b04-4fb8-9060-cbdac0ba5082" alt=""><figcaption></figcaption></figure>
6. Save the block by clicking on the <mark style="color:blue;">**Floppy Disk button**</mark> (<img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FsMqkgH3qxHA2C6fdmwRw%2FScreen%20Shot%202023-06-05%20at%205.12.36%20PM.png?alt=media&#x26;token=8cafc04f-d6b3-4682-a691-1477ad158351" alt="" data-size="line">) in the top right corner of the screen. Then click on <mark style="color:blue;">**Save to Quilt**</mark>.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FApMMCE4HASw46SJh0jdQ%2FScreen%20Shot%202023-06-05%20at%205.12.43%20PM.png?alt=media&#x26;token=98d56476-4b97-4198-bdfb-f73f3c2c669a" alt=""><figcaption></figcaption></figure></div>
7. You now have your custom block that you traced using the Tracer feature!

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FQEwmHTy0OEbTlK9e0L0i%2FScreen%20Shot%202023-06-05%20at%205.16.33%20PM.png?alt=media&#x26;token=99b6e47c-72e9-4c35-8a3f-cd9f7c00044c" alt=""><figcaption></figcaption></figure></div>
