# 02 Creating Quilt Blocks

Our Ribbon Star quilt progress:

* [x] Select your quilt grid
* [ ] Import or design your quilt block
* [ ] Choose your quilt fabric colors
* [ ] Add blocks to quilt grid
* [ ] Finessing your quilt *(optional)*
* [ ] Add sashing *(optional)*
* [ ] Add borders *(optional)*
* [ ] Add binding
* [ ] Using printed fabric swatches *(optional)*
* [ ] Download quilt map, blocks & swatches

{% hint style="info" %}
[<mark style="color:blue;">**Block Library**</mark>](https://help.prequilt.com/welcome-to-prequilt/about-this-help-guide/glossary#block-library)<mark style="color:blue;">**:**</mark> PreQuilt has a selection of common quilt blocks. Feel free to grab one any of your quilt designs!
{% endhint %}

Now that the foundation of your quilt has been created (*see* '[*Quilt Grid*](https://help.prequilt.com/prequilt-101/starter-quilts/first-prequilt-quilt/01-creating-a-quilt-grid)*'* *tutorial*), it's now time to start placing blocks into your quilt. First, we'll need to import or create our quilt block. Then, we'll need to add it to the quilt.

As a default, a Half-Square Triangle (HST) block is preloaded. For this tutorial, we will ignore it. You can also delete it, if you'd like.

## <mark style="color:blue;">A | Import Block from Library</mark>

If you're using a common, traditional quilt block, there's a good chance it's available in the built-in [*<mark style="color:blue;">Block Library</mark>*](https://help.prequilt.com/welcome-to-prequilt/about-this-help-guide/glossary#block-library). To import a block from the library:

1. Click on the '<mark style="color:blue;">**BLOCKS**</mark>' tab on the [*Left-Side Control Panel*](https://help.prequilt.com/welcome-to-prequilt/about-this-help-guide/glossary#control-panel). It'll automatically expand and will have 1 HST default block.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FKaTm5hzb9m1ekUcY4qb9%2FScreen%20Shot%202022-10-05%20at%2010.16.18%20AM.png?alt=media&#x26;token=64729cb7-b66e-44db-b25e-04bbc8c54add" alt=""><figcaption></figcaption></figure></div>
2. Click on the dropdown arrow on '<mark style="color:blue;">**Show More Options**</mark>' and click on '<mark style="color:blue;">**Load Blocks**</mark>**'**.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FvYBdxU2bKO5gzp4hyRw7%2FScreen%20Shot%202022-10-05%20at%2010.17.05%20AM.png?alt=media&#x26;token=a11bd38a-dc45-43c2-9936-1c261681c1e5" alt=""><figcaption></figcaption></figure></div>
3. A pop-up will appear with 3 tabs: PreQuilt Blocks (Block Library), Your Block Stash, and Collaborators. To use any of the blocks in these tabs, follow the same instructions.

   * ***NOTE:*** Collaborator Block Libraries are additional one-time purchased Add-On products.

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FGX9hF3RskP5W7MVOLhNp%2FScreen%20Shot%202022-10-05%20at%2010.25.33%20AM.png?alt=media&#x26;token=609f475d-9efd-43a5-b8e0-2bb5aef12c33" alt=""><figcaption></figcaption></figure>
4. Find the block you'd like to import (*example: Churn Dasher*). Hover over it and an 'Add' button should appear inside the block. Click on the '<mark style="color:blue;">**Add**</mark>' button. It will appear on the right side, indicating that it's ready to be imported.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2Fc1J4ZPmI2f9LPecsUyft%2FScreen%20Shot%202022-10-05%20at%2010.26.26%20AM.png?alt=media&#x26;token=e59d5bad-6483-47fa-9570-ec03ce6bf5c9" alt=""><figcaption></figcaption></figure></div>
5. Click on the '<mark style="color:blue;">**Import**</mark>' button on the top right side to add the block to your current quilt project.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FzXyDyFaK9uPJxi6hb3eZ%2FScreen%20Shot%202022-10-05%20at%2010.28.54%20AM.png?alt=media&#x26;token=23f0d02f-212b-471b-81ab-ceb16498dee9" alt=""><figcaption></figcaption></figure></div>
6. The *Churn Dasher* block is now in your '**BLOCKS**' tab control panel. It's now ready to be added to the quilt. --> [*<mark style="color:blue;">Proceed to 04 Using Blocks in Quilt</mark>*](https://help.prequilt.com/prequilt-101/starter-quilts/first-prequilt-quilt/04-using-blocks-in-quilt)*.*

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FjIKZWooMgN64U1PtTj3l%2FScreen%20Shot%202022-10-05%20at%2010.30.35%20AM.png?alt=media&#x26;token=930173ed-ec8c-41ac-bc46-58c7ddb3eafd" alt=""><figcaption></figcaption></figure></div>

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

If the block you want to use is not in the [*<mark style="color:blue;">Block Library</mark>*](https://help.prequilt.com/welcome-to-prequilt/about-this-help-guide/glossary#block-library), you can create a block yourself to use! For this help guide, I'll go through the steps to create a **Ribbon Star** block.

![](https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F8sYuWBt9VGOI8MG1aE5W%2FScreen%20Shot%202022-11-16%20at%203.11.25%20PM.png?alt=media\&token=46802d75-a7c9-4207-b9cc-216a77b8035a)

* This block is pieced together on a 4 x 4 grid
* For this 12" block example, each pieced component is 3" finished
* The block is made up out of squares and half-square triangles

1. Click on the '<mark style="color:blue;">**BLOCKS**</mark>' tab on the [*Left-Side Control Panel*](https://help.prequilt.com/welcome-to-prequilt/about-this-help-guide/glossary#control-panel). It'll automatically expand and will have 1 HST default block.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F68tReUiUHbSoCA7iniBZ%2FScreen%20Shot%202022-10-05%20at%2010.16.18%20AM.png?alt=media&#x26;token=8b055f20-86f8-4ca1-8c96-2f4b5632e553" alt=""><figcaption></figcaption></figure></div>
2. Click on the '<mark style="color:blue;">**Make Custom Block**</mark>' button.&#x20;

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FwRClH1VLhc8Ho9GWH2YD%2FScreen%20Shot%202022-11-16%20at%2010.47.37%20AM.png?alt=media&#x26;token=5f819164-c3d0-4ecd-ae8f-87685efedd09" alt=""><figcaption></figcaption></figure></div>
3. The [*Block Editor*](https://help.prequilt.com/welcome-to-prequilt/about-this-help-guide/glossary#block-editor) panel will open, ready to create a new block.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FGmKM3giY0FiHd5Smi9q3%2FScreen%20Shot%202022-11-16%20at%2010.48.19%20AM.png?alt=media&#x26;token=6fd873b6-b583-4cd3-a960-2b4fcd8bf26c" alt=""><figcaption></figcaption></figure></div>
4. On the left side control panel, change the **Block Info**:

   * Name your block
   * Change the block width and height (if necessary)
   * Change the [*<mark style="color:blue;">Gridlines</mark>*](https://help.prequilt.com/welcome-to-prequilt/about-this-help-guide/glossary#grid-lines) to 4 for both the horizontal and vertical units (This will divide our block into 16 equal sized units).
   * Make sure the gridlines are on (visible) by toggling it as seen below

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FPi7wyRML0eNVJV01CdcP%2FScreen%20Shot%202022-11-16%20at%2011.18.40%20AM.png?alt=media&#x26;token=acbf58a0-8092-47bc-a2b9-936a50c72af2" alt=""><figcaption></figcaption></figure></div>
5. To create this block in PreQuilt, we will use the shapes (in black below the [*<mark style="color:blue;">Block Editor Canvas</mark>*](https://help.prequilt.com/welcome-to-prequilt/about-this-help-guide/glossary#block-editor-canvas) area). Click on the <mark style="color:blue;">**square shape**</mark> underneath the blank block.
   * ![](https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FiDxzpm85hEZXXvaOLxd0%2FScreen%20Shot%202022-11-16%20at%209.45.14%20AM.png?alt=media\&token=da936cd6-d468-4a69-8955-b6042a37b08f)
6. One square will appear in the block area. Click on the <mark style="color:blue;">**square**</mark> 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><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FBH1p7XTZu7Ft2slUKhiP%2FScreen%20Shot%202022-11-16%20at%209.47.41%20AM.png?alt=media&#x26;token=93ac0444-e6ae-408f-a591-332bf56bf76c" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FxLhXUeQ2tfvbz2mx5GhR%2FScreen%20Shot%202022-11-16%20at%209.47.55%20AM.png?alt=media&#x26;token=6d83b897-32f3-4e4b-aac1-a173d7b9a74f" alt=""><figcaption></figcaption></figure></div>
7. Then 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. It should snap to fit the size of the grid unit perfectly.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FG2SKvZU4dvXzwK5vkFQx%2FScreen%20Shot%202022-11-16%20at%209.49.07%20AM.png?alt=media&#x26;token=37c799ad-cb3a-4997-bdaa-0d2c567344dc" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F5RW0VOgifvA3cGBE8xru%2FScreen%20Shot%202022-11-16%20at%209.49.16%20AM.png?alt=media&#x26;token=0f17acda-4c11-4331-8e84-ebca61e65889" alt=""><figcaption></figcaption></figure></div>
8. Since we'll need 4 of these squares, click on the [*<mark style="color:blue;">**Clone**</mark>*](https://help.prequilt.com/fixes-faqs/block-editor-buttons/clone) button on the central [*<mark style="color:blue;">Toolbar</mark>*](https://help.prequilt.com/welcome-to-prequilt/about-this-help-guide/glossary#toolbar). This will duplicate our first square.

   <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FkCPLcIm7bc2klpSGiRWV%2FScreen%20Shot%202022-11-16%20at%2010.02.58%20AM.png?alt=media&#x26;token=3e4969ed-a767-4eaa-86f4-17b2ec24c3de" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FwDLCGCy0Lwawr9aNaBES%2FScreen%20Shot%202022-11-16%20at%2010.03.37%20AM.png?alt=media&#x26;token=bd178e01-bb18-4ad2-90c5-1eaf8d94dda8" alt=""><figcaption></figcaption></figure></div>
9. Move the newly created square into the top right corner of the block area.
10. Repeat ***Steps B.8-9*** till all 4 corners are filled.

    <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2Fd9NCQLWxVtIYLC5Ve7RC%2FScreen%20Shot%202022-11-16%20at%2010.47.08%20AM.png?alt=media&#x26;token=4a7dd3d7-e6a0-4976-bbac-b1a1bae6f2cb" alt=""><figcaption></figcaption></figure>
11. Repeat ***Steps B.5-9*** using the half-square triangle (HST) shape to create the background pieces of the Ribbon Star block.&#x20;

    <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FgdDrW8GBVSjKPtFcApvl%2FScreen%20Shot%202022-11-16%20at%2011.06.54%20AM.png?alt=media&#x26;token=70080f1a-bb88-446a-ac02-209d965a2bee" alt=""><figcaption></figcaption></figure>
12. Now, we'll want to create the foreground HST shapes that create the Ribbon star block. Click on the <mark style="color:blue;">**HST shape**</mark> on the bottom. It will be beige, like the background color. With the shape selected, click on the '<mark style="color:blue;">**Link**</mark>' button on Color Tag (B). Now the HST piece is black.

    * **REMINDER:** Don't forget to create both the background (*step B.11*) and star HST pieces to create a square unit. If you only do the foreground, the block will not be complete.

    <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FkXy3s5iV9acFDlOAJQpt%2FScreen%20Shot%202022-11-16%20at%2011.08.41%20AM.png?alt=media&#x26;token=cd9a1294-ecae-4309-bd7a-5bc305b28fd8" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FObUUKKJrK1ho0SzBzVPk%2FScreen%20Shot%202022-11-16%20at%2011.08.52%20AM.png?alt=media&#x26;token=d4638ed8-80a2-46f7-ab95-484413e3cf73" alt=""><figcaption></figcaption></figure></div>
13. <mark style="color:blue;">**Move**</mark> the black HST into place in order to create the Ribbon Star block. [<mark style="color:blue;">**Clone**</mark>](https://help.prequilt.com/fixes-faqs/block-editor-buttons/clone) the black HST and move it until you have the entire Ribbon Star block created.

    <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FdB2uV9pZY2pG73n3GQ0I%2FScreen%20Shot%202022-11-16%20at%2011.10.55%20AM.png?alt=media&#x26;token=53eb9401-31d8-451e-a205-e3be81c1fb4a" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FU47gafMJaVFmMCrCuDZC%2FScreen%20Shot%202022-11-16%20at%2011.15.57%20AM.png?alt=media&#x26;token=deda087c-2915-456e-b894-b95c65b912b0" alt=""><figcaption></figcaption></figure></div>
14. <mark style="color:blue;">**Save**</mark> the block to the quilt.

    <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2Fa68mkEWMcOj70bXg7C2U%2FScreen%20Shot%202022-11-16%20at%2011.16.15%20AM.png?alt=media&#x26;token=345c1c45-d4bd-446b-81d3-0c1cfd95349f" alt=""><figcaption></figcaption></figure></div>
