# 02 | Create a block

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

**02** | *Create a custom Sawtooth Star block.*

***Objective*** | To create a quilt block from scratch. We call this a [*custom quilt block*](https://glossary.prequilt.com/pq-glossary/cs#custom-quilt-block).  We will be creating this Sawtooth Star block:

![](https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F1AtLosUb2r7v5i2w4XQk%2Fd%2005%20scaled.png?alt=media\&token=efb2f1fc-1e8e-4c96-a445-580917e85e66)

***Did You Know*** | Custom quilt blocks are designed and created using the [*<mark style="color:blue;">Block Editor</mark>*](https://app.gitbook.com/s/6bPmBgJH7XZ5gcieNGS3/pq-glossary/bs#block-editor), a pop-up window in PreQuilt.

### <mark style="color:blue;">01 | Create a New Custom Block</mark>

1. Click on the <mark style="color:blue;">**BLOCKS**</mark> tab on the [*<mark style="color:blue;">left side control panel</mark>*](https://app.gitbook.com/s/6bPmBgJH7XZ5gcieNGS3/pq-glossary/cs#left-side-control-panel).

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FLmIP0dqrKjTz2t2PWJEd%2F01-01%20blocks%20tab.png?alt=media&#x26;token=e0f4adb5-678b-47da-9878-4dfb9c68da60" alt=""><figcaption><p><em>Left Side Control Panel tabs</em></p></figcaption></figure></div>
2. Click on the <mark style="color:blue;">**Make Custom Block**</mark> button.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FyTRnvjFlxgg3TfkY0Ahy%2F01-02%20custom%20block%20button.png?alt=media&#x26;token=4918e6a1-4b37-454e-9120-a5bbec87fad9" alt=""><figcaption></figcaption></figure></div>
3. The [*<mark style="color:blue;">Block Editor</mark>*](https://app.gitbook.com/s/6bPmBgJH7XZ5gcieNGS3/pq-glossary/bs#block-editor) window will open.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F0Kft5BMaSi7d0aYeLEiT%2F01-03%20block%20editor.png?alt=media&#x26;token=aca07192-7061-4d7e-a054-fe634677d779" alt=""><figcaption><p><em>The Block Editor window</em></p></figcaption></figure></div>

### <mark style="color:blue;">02 | Changing the Block Settings</mark>

The Block Editor has some options in the left side control panel that will help us recreate (or reverse engineer) our desired block - The Sawtooth Star.

1. Click on the <mark style="color:blue;">**Block Info**</mark> tab.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2Fd3OFV83aGqFJsBSoeeTO%2F02-01%20block%20info%20tab.png?alt=media&#x26;token=8b5baf7c-7cf8-4a87-bdb3-546ba0e59d01" alt=""><figcaption></figcaption></figure></div>
2. Rename the block name to <mark style="color:blue;">**Sawtooth Star**</mark>.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FPAf7lOlaIYBwKLdHapAn%2F02-02%20block%20name.png?alt=media&#x26;token=ff2e9b87-c635-453f-8cb1-60290ac499e6" alt=""><figcaption><p><em>To stay organized, name your block</em></p></figcaption></figure></div>
3. Change both the horizontal and vertical gridlines to <mark style="color:blue;">**4**</mark>.

   * **Note:** The Sawtooth Star can be divided into 16 equal squares (4 columns and 4 rows). This information will help us know how many gridlines to set.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FX7ze2uVZWbPX3VZH9vn0%2F02-03%20gridlines.png?alt=media&#x26;token=397de63f-e2c0-4a0a-8216-963ef08c1e61" alt=""><figcaption></figcaption></figure></div>
4. Ensure snapping is on - as a default it is turned on.

   * **Note:** If the circles are outlined, snapping is on. If the circles are not outlined, simply click on the buttons to turn snapping on.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FL1NbN8tirOXCL7dSUT93%2F02-04%20snapping.png?alt=media&#x26;token=3e7f52f1-d1af-4a8b-b935-a42886832f9f" alt=""><figcaption></figcaption></figure></div>

### <mark style="color:blue;">03 | Create Quilt Block Pieces</mark>

Creating a quilt block in PreQuilt is much like piecing a block with fabric. To create our Sawtooth Star, we're going to use the different shapes beneath the [*<mark style="color:blue;">Block Editor Canvas</mark>*](https://app.gitbook.com/s/6bPmBgJH7XZ5gcieNGS3/pq-glossary/bs#block-editor-canvas) to create the different pieces of the block - squares, half square triangles (HSTs), and flying geese triangles.

#### <mark style="color:blue;">a | Create a Square Piece</mark>

1. Click on the <mark style="color:blue;">**Square shape**</mark> beneath the empty Block Editor Canvas (<img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FrhfAVsByJAZH6JjALod2%2F03-01%20square.png?alt=media&#x26;token=a4da912f-08d5-449a-b7a4-5673db99534b" alt="" data-size="line">). Once you click on it, it will appear on the [*<mark style="color:blue;">Block Editor Canvas</mark>*](https://app.gitbook.com/s/6bPmBgJH7XZ5gcieNGS3/pq-glossary/bs#block-editor-canvas).

   <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FBMpVtSbsG9lOmJ0poX5V%2F03-01b%20canvas.png?alt=media&#x26;token=373b58ef-ef39-4b99-a23b-3d63fc4fdae5" alt=""><figcaption><p><em>New square is placed in the center of the Block Editor Canvas</em></p></figcaption></figure>
2. Click on the <mark style="color:blue;">**Square**</mark> on the Block Editor Canvas and while still holding down on the <mark style="color:blue;">**mouse button**</mark>, <mark style="color:blue;">**move**</mark> the square into the top left corner.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FZeL5C09G76PeN0tzohNr%2F03-02a%20original.png?alt=media&#x26;token=9f52df46-54bc-44af-b1db-50aa3a461ddb" alt=""><figcaption><p><em>Originally placed square</em></p></figcaption></figure> <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F8oqdeQu6pMC4JGmtvMK0%2F03-02b%20moved.png?alt=media&#x26;token=782b72b0-6674-4008-96df-a485f7e92ccf" alt=""><figcaption><p><em>Moved square</em></p></figcaption></figure></div>
3. To resize the square to fill the space between gridlines, click on the <mark style="color:blue;">**bottom right box**</mark> on the outside of your square and <mark style="color:blue;">**drag**</mark> it to make the square bigger.&#x20;

   * It should snap to fit the size of the grid unit perfectly.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F2HCObrXD9WKW0MNFxcl9%2F03-03a%20small.png?alt=media&#x26;token=97fe4cc4-6c68-45e3-ba9b-36d55cf21779" alt=""><figcaption><p><em>Smaller square</em></p></figcaption></figure> <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FfcJsVtyDdciWAElAXaOD%2F03-03b%20big.png?alt=media&#x26;token=56136fdc-d511-431e-b50b-295ee13698a7" alt=""><figcaption><p><em>Resized bigger square - fills space between gridlines</em></p></figcaption></figure></div>

#### <mark style="color:blue;">b | Create a Half Square Triangle (HST) Piece</mark>

1. Click on the <mark style="color:blue;">**Half Square Triangle (HST) shape**</mark> found beneath the empty Block Editor Canvas  (<img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F7I4DZScFNnAM4Hg165qU%2FScreen%20Shot%202023-01-11%20at%2010.58.46%20AM.png?alt=media&#x26;token=07b3516f-316c-4654-bc74-ee1eede3eeeb" alt="" data-size="line">). Once you click on it, it will appear on the [*<mark style="color:blue;">Block Editor Canvas</mark>*](https://app.gitbook.com/s/6bPmBgJH7XZ5gcieNGS3/pq-glossary/bs#block-editor-canvas).

   <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FqNR2jLjQ13OYBBxcT46H%2F03-04b%20canvas.png?alt=media&#x26;token=32f92b13-d885-4875-8024-7846f2b60bc6" alt=""><figcaption><p><em>Newly added HST piece</em></p></figcaption></figure>
2. On the left side control panel, click on the <mark style="color:blue;">**Link**</mark> button next to Color Tag B.&#x20;

   * This will change the color of our HST from beige to black.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FzfsoiqpFXKyFBADf31zB%2F03-05%20color%20change.png?alt=media&#x26;token=37544ff6-0c63-4826-88ed-83cb7747ca4f" alt=""><figcaption><p><em>To change a piece's color, link a different color tag.</em></p></figcaption></figure></div>
3. Click on our black <mark style="color:blue;">**HST**</mark> piece and while still holding down on the <mark style="color:blue;">**mouse button**</mark>, <mark style="color:blue;">**move**</mark> the HST to the right of the square.&#x20;

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FNxMaO8HIYjoyurUkHTBF%2F03-06a%20original.png?alt=media&#x26;token=092ff140-7081-48cf-8011-5368ac8d0fd6" alt=""><figcaption><p><em>Color Tag B linked to HST piece</em></p></figcaption></figure> <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FUVCWn4Vra3PrwfQFAD0c%2Fhst%2003-03b%20moved.png?alt=media&#x26;token=bf6a1b05-0f08-4f85-8109-9859f6b4ac38" alt=""><figcaption><p><em>HST piece moved</em></p></figcaption></figure></div>
4. To resize the HST piece to fill the space between gridlines, click on the <mark style="color:blue;">**bottom right box**</mark> on the outside of your HST and <mark style="color:blue;">**drag**</mark> it to make the HST bigger.&#x20;

   * It should snap to fit the size of the grid unit perfectly.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FB1aBTURu7skRH2zdz1en%2Fhst%2003-04a%20small.png?alt=media&#x26;token=c0e9fa73-99d3-4254-a380-363ecccb05dc" alt=""><figcaption><p><em>HST piece small</em></p></figcaption></figure> <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FX0PcrV6O0SFItx5JYfzs%2Fhst%2003-04b%20big.png?alt=media&#x26;token=087c8914-eebd-40f5-aa66-66b79bc66271" alt=""><figcaption><p><em>HST piece resized to fit between gridlines</em></p></figcaption></figure></div>

#### <mark style="color:blue;">c | Create a Flying Geese Triangle Piece</mark>

1. Click on the <mark style="color:blue;">**Isosceles Triangle shape**</mark> found beneath the empty Block Editor Canvas  (<img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FfIG1iIAWhDh2SRP61dvK%2Ffg%2001a%20isosceles.png?alt=media&#x26;token=e7cb2d13-1c78-41d7-a375-fc72b174523c" alt="" data-size="line">). Once you click on it, it will appear on the [*<mark style="color:blue;">Block Editor Canvas</mark>*](https://app.gitbook.com/s/6bPmBgJH7XZ5gcieNGS3/pq-glossary/bs#block-editor-canvas).
2. Click on our <mark style="color:blue;">**Isosceles Triangle**</mark> piece and while still holding down on the <mark style="color:blue;">**mouse button**</mark>, <mark style="color:blue;">**move**</mark> it to the grid box to right of the HST.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FzQmvAWInUsvUnNNz9Hr0%2Ffg%2002a%20og.png?alt=media&#x26;token=da1c844d-cde7-44bd-9447-27052e56e29c" alt=""><figcaption><p><em>Newly added isosceles triangle piece</em></p></figcaption></figure> <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FCb379YlBdBKJ1Oacyb31%2Ffg%2002b%20moved.png?alt=media&#x26;token=f22fd9e3-58dd-4ab3-b9b1-a6aeb125978b" alt=""><figcaption><p><em>Moved isosceles triangle piece</em></p></figcaption></figure></div>
3. To resize the isosceles triangle piece to fill the space between gridlines, click on the <mark style="color:blue;">**top right box**</mark> on the outside of your isosceles triangle and <mark style="color:blue;">**drag**</mark> it to make it bigger.&#x20;

   * It should snap to fit the size of the grid unit perfectly.

   <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FN6qpfzLkenob9YyhzdkY%2Ffg%2003a%20small.png?alt=media&#x26;token=9c86aaea-80bb-457c-8240-d1f19eda8516" alt=""><figcaption><p><em>Small isosceles triangle</em></p></figcaption></figure>

   <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FJ2eGksHBzQHcCoA0ViQz%2Ffg%2003b%20big.png?alt=media&#x26;token=7caa33dd-5d29-4b46-9383-afe20fa978ad" alt=""><figcaption><p><em>Isosceles triangle piece resized to fit between gridlines</em></p></figcaption></figure>
4. To change the shape (width) of the isosceles triangle piece to create the flying geese triangle, click on the <mark style="color:blue;">**middle right box**</mark> on the outside of your isosceles triangle and <mark style="color:blue;">**drag**</mark> it to the right to create the new triangle shape.&#x20;

   * It should snap to fit the size expanding **2** grid units perfectly.

   <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F8XGgFRF715bhdKVvg6O5%2Ffg%2003b%20big.png?alt=media&#x26;token=33f74fc2-7b11-4165-bef1-147ff56bd37d" alt=""><figcaption><p><em>Isosceles triangle piece before reshaping</em></p></figcaption></figure>

   <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FeqVpxaUbzwr2foMKzLPO%2Ffg%2004b%20reshaped.png?alt=media&#x26;token=97f7b769-2c01-4f6e-bda3-ee67b255b48d" alt=""><figcaption><p><em>Isosceles triangle piece reshaped into a flying geese triangle</em></p></figcaption></figure>
5. Rotate the flying geese triangle by clicking on the <mark style="color:blue;">**Rotate**</mark> button <mark style="color:blue;">**4**</mark> times (<img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2Fe7SGJyw6mIu8amWNlQ1r%2Ffg%20rotate%20a.png?alt=media&#x26;token=dc54bde9-f1f2-4c19-b59d-adf372e064f2" alt="" data-size="line">) on the vertical [*<mark style="color:blue;">Toolbar</mark>*](https://app.gitbook.com/s/6bPmBgJH7XZ5gcieNGS3/pq-glossary/ts#toolbar).

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FUTeXpx83wX4HnpEOj9Zb%2Ffg%20rotate%20b.png?alt=media&#x26;token=76ab2e78-8b0e-4901-8425-2d36b464bf21" alt=""><figcaption></figcaption></figure></div>

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FnR5rfRctZrtYxfBmQTmZ%2Ffg%2005%20rotate%20c.png?alt=media&#x26;token=6dd0dff8-cbbc-495d-8b48-dd04ae87165a" alt=""><figcaption><p><em>Rotated flying geese triangle</em></p></figcaption></figure></div>
6. <mark style="color:blue;">**Move**</mark> the flying geese triangle to the left so that it nests next to the black HST.

   * **Note:** It should snap seamlessly right up against the HST.

   <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F5j66vML3nwoJpkZZeIIR%2Ffg%2006%20moved.png?alt=media&#x26;token=667a395c-ee6e-43c1-9f1c-8dcba8b5e0e9" alt=""><figcaption><p><em>Moved flying geese triangle</em></p></figcaption></figure>

### <mark style="color:blue;">04 | Clone Pieces to Create Sawtooth Star Block</mark>

Now we have the three different shaped pieces that make the Sawtooth Star block. We can now clone (copy) each of these pieces until we have our completed block.

1. Click on the <mark style="color:blue;">**Square**</mark> piece in the Block Editor Canvas.
2. Click the <mark style="color:blue;">**Clone**</mark> button (<img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2Ftuv8Gw07ShxwGwcm7E4F%2Fd%2001a%20clone.png?alt=media&#x26;token=305fc73b-8048-4813-8d8c-237367d6ecf3" alt="" data-size="line">)on the vertical Toolbar.

   * **Note:** A second square will be added to the canvas area.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FO8asMkFBMH3UpD7Mv3XX%2Fd%2001b%20clone.png?alt=media&#x26;token=da2939b0-f623-4c3f-8f50-5c07d78de071" alt=""><figcaption></figcaption></figure></div>

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F9rULE5bCqXuzceFNTKhn%2Fd%2002a%20clicked.png?alt=media&#x26;token=d3999ed3-7a83-4421-b41b-59e0ebda639c" alt=""><figcaption><p><em>Selected first square piece</em></p></figcaption></figure> <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F1sPtWPhutwRHJVvr6ifX%2Fd%2002b%20cloned.png?alt=media&#x26;token=80af3948-070b-4bd1-999f-ccba8a0be769" alt=""><figcaption><p><em>Cloned square piece - now there are 2</em></p></figcaption></figure></div>
3. <mark style="color:blue;">**Move**</mark> the second Square piece to the top right corner of the canvas.

   <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FkQSXZ6TJgQHdwaErfnH2%2Fd%2003%20moved.png?alt=media&#x26;token=15a5ac31-b42b-44ca-a406-687a78924dab" alt=""><figcaption><p><em>Moved second (cloned) square piece</em></p></figcaption></figure>
4. <mark style="color:blue;">**Repeat**</mark> ***Steps d.1-3*** for the remaining squares, HSTs, and flying geese triangles until you have all the outside pieces of your Sawtooth Star block.

   <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F3VusdUVyOq38V25X6G9Z%2Fd%2004%20outside.png?alt=media&#x26;token=105b394d-82a3-4f68-8d15-c20c188d8414" alt=""><figcaption><p><em>Outside pieces of the Sawtooth Star Block</em></p></figcaption></figure>
5. To create the last piece, the center square piece:

   1. <mark style="color:blue;">**Clone**</mark> one of the square pieces
   2. Change the color of the square to black by clicking the <mark style="color:blue;">**Link**</mark> button next to Color Tag B.

      <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FeiVJlY8ClOgJGQAfhqTo%2Fd%2005%20cloned.png?alt=media&#x26;token=54665477-49f1-47fd-989b-91da7afce98b" alt=""><figcaption><p><em>Cloned square piece</em></p></figcaption></figure> <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FlKhYFfA3bL9E5nzpBDV0%2Fd%2005-2%20black.png?alt=media&#x26;token=04ffeda4-cafe-4ebf-8e29-05754baa7b0c" alt=""><figcaption><p><em>Cloned square piece - now black using Color Tag B</em></p></figcaption></figure></div>
   3. <mark style="color:blue;">**Move**</mark> it to one of the center squares
   4. Resize it by clicking on the <mark style="color:blue;">**bottom right box**</mark> on the outside of the square and <mark style="color:blue;">**dragging**</mark> it to make it bigger.&#x20;
      * It should snap to fit the size of 4 grid units perfectly.

   <div><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FyKmPlsInG1nyO3apRyAU%2Fd%2005%20moved.png?alt=media&#x26;token=3e194488-88aa-4545-b1de-c74af921d820" alt=""><figcaption><p><em>Moved square piece</em></p></figcaption></figure> <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FWR5e3eaMSAzXaYPAHV1Q%2Fd%2005%20scaled.png?alt=media&#x26;token=0d63ab5d-e07d-4fe1-9e19-33f0d5cbf4bf" alt=""><figcaption><p><em>Resized square piece</em></p></figcaption></figure></div>

### <mark style="color:blue;">05 | Save Block to Quilt</mark>

Ta da! We've now created the Sawtooth Star block and need to save it to the quilt we started.

1. Click on the <mark style="color:blue;">**Save**</mark> button (<img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2F4hsviev2x0Q0daEgmbP9%2F01a%20save.png?alt=media&#x26;token=09f6f9a6-6e12-4c1b-87aa-f2c85543d34c" alt="" data-size="line">) in the top right corner of the Block Editor window.

   <figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FEjDeymUpaKNiQvvR7OlS%2F01b%20save.png?alt=media&#x26;token=a94c3998-9a73-44dc-b857-63e6b1a27af7" alt=""><figcaption></figcaption></figure>
2. Click on <mark style="color:blue;">**Save To Quilt**</mark>.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FCnOhMnS6DjqxOBkvsvSO%2F02%20save%20to%20quilt.png?alt=media&#x26;token=8076bca6-0d1c-49f0-9265-375ae9fc95c1" alt=""><figcaption></figcaption></figure></div>
3. The Block Editor will close and you will now see our new block in the BLOCKS tab.

   <div align="left"><figure><img src="https://2632437258-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIxhpDEaPtVb8DXlSENh%2Fuploads%2FFVdzjLQfr3s9jm4nsk1j%2F03%20blocks%20tab.png?alt=media&#x26;token=f096fd05-f175-4a27-9b44-3e928c7f7a4d" alt=""><figcaption><p><em>Blocks saved in this quilt</em></p></figcaption></figure></div>

###
