> For the complete documentation index, see [llms.txt](https://courses.prequilt.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://courses.prequilt.com/old-courses/quiltcon-courses/color-it-with-prequilt/07-or-transparency.md).

# 07 | Transparency

## <mark style="color:blue;">Exercise 07</mark>

**07** | *Create a transparency using the Ombre Maker.*

***Objective*** | To use the 2 color stop ombre to create a transparency effect.

![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FQKjRxrQmZDUfcrevMnXq%2F00%20before.png?alt=media\&token=4bfe9982-15bb-4f9b-aaf4-deaa60ce6690) <img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FCXgZX3jza0UFmafJcJTz%2Farrow-right.jpg?alt=media&amp;token=1c5f8497-a558-48fc-b5a9-c52db2b15d76" alt="" data-size="line"> ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FqePggw1dpIr5URYVaWbN%2FScreen%20Shot%202023-02-16%20at%207.53.18%20PM.png?alt=media\&token=9f687556-4675-4e73-865f-517e69797a4f)

### <mark style="color:blue;">01 | Create an Overlap Design</mark>

First we want to create a simple overlapping design using [*One Patch Blocks*](https://glossary.prequilt.com/pq-glossary/os#one-patch-blocks). Once we have a simple design using 3 different color tags, we can then create a transparency.

1. Create a new rectangular grid quilt.
   * If you need a refresher, visit the [*a | Create a new quilt*](/old-courses/quiltcon-courses/color-it-with-prequilt/03-or-how-to-color-tag/a-or-create-a-new-quilt.md) tutorial.
2. To select cell blocks, <mark style="color:blue;">**click on them**</mark> on the digital design wall. Selected cell blocks will be outlined in blue.
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F8E5e7ap77iOIiseeCdlb%2F02%20selected.png?alt=media\&token=636b5e5d-386e-45f2-8620-af043aa2f5b7)
3. Click on the <mark style="color:blue;">**+**</mark> sign next on the 1 PATCH BLOCKS tab.
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2Fx2FrZoRUPDsqyM2iwlUp%2F03%20plus.png?alt=media\&token=0e9af957-bf46-40a9-9493-1fc9a38ca1cd)
4. Then click on the <mark style="color:blue;">**Add To Quilt**</mark> button next to the 1 Patch Block for Color Tag A.
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FJKLw397RQOQXDRPvPz0w%2F04%20add%20to%20quilt.png?alt=media\&token=883c2fd7-f410-4850-9abf-a8e3b489423e)
5. We now have a square that is linked to Color Tag A. Deselect the blocks by <mark style="color:blue;">**clicking on the gray area**</mark> outside the digital design wall.
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FoDz7ZZzg1Td45FaBXPNG%2F05%20box.png?alt=media\&token=a81c29a7-11f0-4362-b14c-f1fef6238184)
6. <mark style="color:blue;">**Repeat**</mark> ***Steps 01.2-5*** to create another shape that overlaps the first shape. But this time use the 1 Patch Block for Color Tag C.

   &#x20;![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FotZQyyIugLQsIYbYExuM%2F06%20selected.png?alt=media\&token=ae7c6f39-828b-4e8b-acd3-f639f44cdb11) <img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F8hs4trOJrvQoMzUnzbHU%2Farrow-right.jpg?alt=media&amp;token=5529c361-87cf-4392-bf52-46993033ac49" alt="" data-size="line"> ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2Ff4aE63uIqNiNNfxyGU96%2F06%20filled.png?alt=media\&token=b0ae77b6-3f1c-49f0-8f9a-9e351115b401)
7. <mark style="color:blue;">**Repeat**</mark> ***Steps 01.2-5*** to create the overlapped shape from the first and second shapes. Use the 1 Patch Block for Color Tag B.

   ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F1CD6LcjC8bzXMM6Qy8IX%2F07%20selected.png?alt=media\&token=3c592ff6-0ad9-45d9-b68f-42a64e34a421) <img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FRrpc60Ix3sIPScn6vR2F%2Farrow-right.jpg?alt=media&amp;token=ea057cc5-1499-406e-ad50-dc4a3d3b4a19" alt="" data-size="line"> ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FCAyAmEFrI4AcdTRoYeIl%2F07%20filled.png?alt=media\&token=87c676b2-4da5-43e5-aa08-08b5b85ca64f)
8. Now we're ready to create a transparency. Don't forget to <mark style="color:blue;">**save**</mark> your quilt!

### <mark style="color:blue;">02 | Create a Transparency</mark>

We're going to use the 2 Color Stop Ombre Maker to create our transparency.

1. Click on the <mark style="color:blue;">**COLOR TAGS**</mark> tab on the [*<mark style="color:blue;">left side control panel</mark>*](https://glossary.prequilt.com/pq-glossary/cs#left-side-control-panel).
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FXUw4AP42lWME6YkdSxcE%2F01%20color%20tab.png?alt=media\&token=0b2f3231-f892-45f0-9da2-d4c8e88bd30a)
2. Click on <mark style="color:blue;">**three dots**</mark> (<img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FReoRyMuBnEWZ6xq588ap%2F02a%203%20dots.png?alt=media&amp;token=a4cddf09-5fc9-46fa-ac17-60386b1e5522" alt="" data-size="line">) next to the Create Color Tag button.
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F06kOBeWaA6PD9FSJzgPR%2F02b%203%20dots.png?alt=media\&token=4809061d-472f-4940-8111-372c9cbebce5)
3. Click on <mark style="color:blue;">**Ombre Maker**</mark> on the dropdown menu.
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F0Glj7vlDh8njRq5A5H4e%2F03%20ombre.png?alt=media\&token=0242e00c-63ca-489a-b296-5ca4911e3dbf)
4. The Ombre Maker control panel will slide out.
   * <mark style="color:blue;">**Tip:**</mark> You can change the default solids library to your preference using the dropdown menu. The default is set to Kona.
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FxC88yBs2uOfeeoY0vchU%2F04%20ombre%20maker.png?alt=media\&token=26dca74c-0581-4851-bc88-5a80a3948ad6)
5. Click on <mark style="color:blue;">**Create Ombre**</mark> on the 2 Color Stop tile.
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FGJ4oXyyPJTt2cD4w0jlb%2F05%20tile.png?alt=media\&token=4728f57e-8068-4714-9779-0a28a3ee5351)
6. Another panel will slide in. This is where you set the transparency. A 2 color stop ombre has 2 anchoring color stops with steps in between.
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F2axIM149E7Suzr24p5al%2F06%20panel.png?alt=media\&token=b57e9fad-289c-4e00-90d5-98cae8265f63)
7. <mark style="color:blue;">**Drag and drop**</mark> the color tag for our first shape into the STOP 1 box. This is the first anchoring color tag.
   * *In this example*, I'm going to drag Color Tag A into the STOP 1 position.&#x20;
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FndjXaLpRN3i0S39ePxCw%2F07%20panel.png?alt=media\&token=5a6f4e7e-2580-4613-95f8-58de2cebfd39)
8. <mark style="color:blue;">**Drag and drop**</mark> the color tag for our second shape into the STOP 2 box. This is the second anchoring color tag.
   * *In this example*, I'm going to drag Color Tag C into the STOP 2 position.&#x20;
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FnFdvn0YpEYkbp8RiIH2h%2F08%20panel.png?alt=media\&token=ff8dca75-cfde-4d91-9284-38524ccd491d)
9. <mark style="color:blue;">**Drag and drop**</mark> the color tag for our overlapping shape into the STEP 1 box. This will be our transparency color.
   * *In this example*, I'm going to drag Color Tag B into the STEP 1 position.&#x20;
   * **Note:** Once Color Tag B is dragged into the STEP 1 position, it automatically changes to a color that will create an ombre in relation to both STOP 1 and STOP 2.
   * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F82eMLwZX7mV4IS4SyKNz%2F09%20panel.png?alt=media\&token=5b87233d-a766-4a75-80a5-421ae0ae0757)
10. We can look at the preview to see what this ombre will look like before committing to it.

    <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FDUjBGPAUl9qoAhctqo0G%2F10%20preview.png?alt=media&amp;token=d2f98e3c-e73d-433f-a468-56e050df982d" alt=""><figcaption><p><em>Preview of our 2 Color Stop transparency ombre</em></p></figcaption></figure>
11. If you're happy with the ombre and color tags being used, click on <mark style="color:blue;">**Save and Apply Ombre**</mark>.
    * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FU5MOGWkNAYDceFJCmpCy%2F12%20save.png?alt=media\&token=2b5b258e-f9ed-4259-989f-b20cdac47abb)
12. The new ombre is now saved under 'Your Ombres'. To exit, click on the <mark style="color:blue;">**X**</mark> (<img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FSIeZHEG2gA68uGc7Iwcz%2F13a%20x.png?alt=media&amp;token=8d6ee9da-88e0-46b0-863c-d7dc12120597" alt="" data-size="line">) in the top right corner of the Ombre Maker panel.
    * ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FE8zexbUb0FkCEWuw2Rme%2F12%20panel.png?alt=media\&token=ff6477c8-bf8a-45c2-925e-51291220685d)
13. Don't forget to <mark style="color:blue;">**save**</mark> the quilt!
    1. ![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FqRRs58k1piDNtkXQFwV3%2F13%20finished.png?alt=media\&token=429227ba-a40e-46d4-9737-d75391f8aee0)
14. For fun, use the Randomize Color button (<img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FpVcH3CMNHZ2pgrS39hm3%2F00%20button.png?alt=media&amp;token=8b8eaac8-3353-4f93-8216-59765c5de080" alt="" data-size="line">) to see what fun color transparencies you can create.

    <div><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FAsCCDNIShhPek3Bsg4wN%2FScreen%20Shot%202023-02-16%20at%207.52.15%20PM.png?alt=media&amp;token=6173f6f0-3c8d-4f23-87ff-207aa6c51277" alt=""><figcaption></figcaption></figure> <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FcA2SxNISBsxhVHYR5WPO%2FScreen%20Shot%202023-02-16%20at%207.53.18%20PM.png?alt=media&amp;token=9ab97ccc-e2b5-4641-a098-da43c13b5a9e" alt=""><figcaption></figcaption></figure></div>
