# Image Center

The Image Center allows the importing, editing and organizing of graphic images that can be pasted into the tie-up and weft area.  This feature, in combination with block substitution or network drafting can be used to produce images in the cloth.

<figure><img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FbQEs41HdlYhhWYFaPIYH%2Fimage.png?alt=media&#x26;token=b719b433-eda5-4662-ab7a-782ae2d7bfad" alt=""><figcaption><p>Image Center Areas</p></figcaption></figure>

<figure><img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FOkjhxS6W7m5NYMZafWNk%2Fimage.png?alt=media&#x26;token=a871d6ce-9f18-4ed9-99d4-b4a841ab7964" alt=""><figcaption><p>Image Panel Operations (Hover is available for short description)</p></figcaption></figure>

### Image Panel Operations (icons)

1\) Open File <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FThNRgWPoBR6Bfm88Qfyr%2Fimage.png?alt=media&#x26;token=6cda28c9-548e-417a-9e7a-f26b768ed19d" alt="" data-size="line"> Navigate to any image file (.bmp, .jpg, .png) and open into Image Panel.

2\) Save File <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FnEQaH7IyWIQhefZ3WFLi%2Fimage.png?alt=media&#x26;token=e1e4b1be-546f-4b75-ac38-f00019229a32" alt="" data-size="line">  Specify file name and location, and save image with any changes.

3\) Transparent <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2Fff1mt65mEDk4tchhYvqj%2Fimage.png?alt=media&#x26;token=f22cfd51-9704-4440-a983-4bd9b7bceca6" alt="" data-size="line">Save the background as transparent on save.

4\) Rotate <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2F8CcMpVu5eZSNglFrs779%2Fimage.png?alt=media&#x26;token=ca988460-d0fd-4432-8f43-34750216edf8" alt="" data-size="line">The default is to rotate 90 degrees. The drop down allows a specified angle of rotation.

5\) Flip Vertical <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FPAkD35ElMGUprfCeKdsN%2Fimage.png?alt=media&#x26;token=5117cbda-58c8-4a72-94ec-b166083972be" alt="" data-size="line">. Flip the image vertically

6\) Flip Horizontal <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FtOI9hw2bN090IGBz7D7X%2Fimage.png?alt=media&#x26;token=d621dda5-a95f-4907-a449-ae1aa5176747" alt="" data-size="line">. Flip the image horizontally

7\) Image Inversion Filter <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2F4m0jsnBiJ7KxA6I5oMV8%2Fimage.png?alt=media&#x26;token=3f1eaf8c-09eb-4a61-bcee-c432384de90e" alt="" data-size="line"> Invert darks and lights

8\) Crop <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FXlCN0rvPNl9GpPB3JcBJ%2Fimage.png?alt=media&#x26;token=059e1d5f-c6c9-4603-b540-d2a6023d46c5" alt="" data-size="line">. Crop the image to be used for the Profile Image

9\) Wand Mask <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2Fot3yzCp30QvLoYPg0BGO%2Fimage.png?alt=media&#x26;token=201cbe18-6975-4353-b57f-1431ec49c7fe" alt="" data-size="line"> Select a range of colors that can be removed or changed

10\) Clear Wand Mask<img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FkZBZiYOVu3iqFpBU4W0P%2Fimage.png?alt=media&#x26;token=c377852b-0121-446e-99e1-e128e8c649c2" alt="" data-size="line">  Clear out wand mask selections

11\) Mask Inversion <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2F1T5Gcl81Tv0FepoBYVrl%2Fimage.png?alt=media&#x26;token=07c692ea-778c-40ca-943e-5c7630bff718" alt="" data-size="line"> Invert the Mask

### Profile Panel Operations (icons)

<figure><img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2F2vwJIBEk7fNfaUl0fRbO%2Fimage.png?alt=media&#x26;token=baab153b-d345-4cb4-a8c5-cd68c4711462" alt=""><figcaption><p>Profile Operations</p></figcaption></figure>

1\) Clear  <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FcjyxaW0rNZfhT8arYhyF%2Fimage.png?alt=media&#x26;token=14493120-c54b-4348-a6eb-0e6b252e3bbf" alt="" data-size="line">    Clear the Profile and Image Panels to start a new edit

2\) Save <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2F8vaQ22tJ3yrrQ0INQfMw%2Fimage.png?alt=media&#x26;token=5902f39e-2989-4fcc-9846-1fc10aba3d30" alt="" data-size="line"> Select the location and save the profile image (png preferred).

3\) Edit <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FzhM3odHWXSPiYYkkzeaY%2Fimage.png?alt=media&#x26;token=08974871-8137-43c7-b5f8-9515cf5971f9" alt="" data-size="line">. Open ability to edit the pixels in the Profile

4\) Brush Size <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FX6kNgBfFqiMZxN2UyleE%2Fimage.png?alt=media&#x26;token=4a2e2924-b850-43a1-bea6-786d0eb1cae4" alt="" data-size="line">. When editing, ability to control the size of the "brush" to cover more pixels

5\) Rows and Columns <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FzKnua5mffMNimr54Di3F%2Fimage.png?alt=media&#x26;token=f23f0a0a-4092-459f-8cb9-53a384638b92" alt="" data-size="line">. Select from the drop down or enter the size desired.&#x20;

6\) Undo and Redo <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FZuX1edDDo63lctmhhLMg%2Fimage.png?alt=media&#x26;token=0cdc95a3-8023-499b-885b-d7619b1f02b1" alt="" data-size="line">

7\) Update <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FVIkVy35dJpeKe1Qj7cYD%2Fimage.png?alt=media&#x26;token=1f7e7005-14e6-4e49-a2f4-25ec5506080d" alt="" data-size="line"> - Refresh from Image on left.

### Selecting and Viewing Images

TempoWeave includes a sample set of images stored in folders that begin with **“\~Samples.”**\
When you click a **Folder, Album,** or the **Working Set** in the left panel, the related images and profiles appear on the right. If there are more than a few images, a scroll bar will appear on the right side to let you browse through them. You can also create additional Folders or Albums as needed.

For easier viewing, you may want to use the **maximize button** in the upper right corner of the Image Center. The Image Center can be minimized or closed at any time to return to your draft (for example, to paste from the clipboard), and reopened from the **Tools Menu** whenever you’re ready to work with images again. &#x20;

<figure><img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FveLLeNsnimkMd6NN8abd%2Fimage.png?alt=media&#x26;token=5ccb22b6-b1f5-4246-aebf-3262c8e5b074" alt=""><figcaption><p>Minimize, Maximize and Close the Image Center</p></figcaption></figure>

### Adjusting the Profile

The **Threshold slider** adjusts how sensitively an image is translated. Increasing or decreasing the threshold can refine the result, which is especially useful when working with photographs or detailed pictures.

<figure><img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FIni1UMFzfxvUOAdVLe5v%2Fimage.png?alt=media&#x26;token=5657b0c7-9a19-4f77-a611-ce29f9539b3c" alt=""><figcaption><p>Threshold Slider</p></figcaption></figure>

The **Wand Mask** tool is used to filter out a selected color from the image. Once the tool is activated, a slider appears at the bottom of the image, allowing you to adjust the range of color included in the mask. To remove the mask, use the **Clear Wand Mask** tool located next to the wand. Any changes made with these tools update the profile immediately.

### Updating and Saving Changes to Profile Images

Images displayed in the **right panel** can be opened by **double-clicking**. By default, the image size matches the number of shafts and treadles in TempoWeave. You can change this by updating the **rows** and **columns** above the Profile.

To view the file’s storage location on your computer, simply **hover over the image**.

For example, when selecting the **Lizard** from the *Samples* folder, the Profile size defaulted to **32 × 32**.

<figure><img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FXvM3oZZ9Y9Lq3ROje2R3%2Fimage.png?alt=media&#x26;token=a128a27d-24bd-4769-b49f-77cc99804885" alt="" width="375"><figcaption><p>Lizard at 32x32</p></figcaption></figure>

To elongate the seahorse image, the row has been changed to 42, making the profile image fit into a 42x32 grid.  &#x20;

<figure><img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2F0crf8261EWcn6jBbN533%2Fimage.png?alt=media&#x26;token=71e926a8-cbc7-448b-8e50-9b9f7cefa6ec" alt="" width="375"><figcaption></figcaption></figure>

### Placing the Profile Image in the Draft

Copy to Clipboard <img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2FpC2iP4gfivot9TbCnj8f%2Fimage.png?alt=media&#x26;token=c06489c2-96ce-42e7-9ad6-498140e4cbfe" alt="" data-size="line"> to make the Profile Image available for pasting into the tie-up or the weft area in the draft.  The **Image Center** can be minimized, or closed with the **“X”** button, to return to the draft window. To insert an image, place the cursor where you want it to appear, then use the **Paste tool** or press **Ctrl + V**.

### Folders and Albums

**Folder** – A folder (directory) on your computer that contains images.

**Album** – A collection of images grouped by theme or purpose. The actual files may be stored in different locations, but their thumbnails are gathered in the album for easy selection.

**Working Set** – A temporary area where links to images are saved. For example, if you open an image from anywhere on your computer and click **Save** in the Image panel, that image will be added to the Working Set for quick access. Similarly, profiles that are saved will also appear in the Working Set.

To view the **file name and storage location** of an image in the right View Panel, simply **hover over the image**. The full file name and path will be displayed.

<figure><img src="https://3801852105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvDkg_itZXfSAjm0jwH%2Fuploads%2F1ovunypfYFEV3eg0mY2J%2Fimage.png?alt=media&#x26;token=6f36f5f4-85b9-45fa-8d37-df8c53fe874f" alt="" width="365"><figcaption><p>Location of Image File</p></figcaption></figure>

To **remove a reference** to an image, click the **“X”** in the upper-left corner of the thumbnail. A confirmation message will appear asking if you want to remove the selected item.

Keep in mind that removing an image from an **Album, Working Set,** or **Folder** does **not** delete the actual file from your computer—it only removes the reference in the TempoWeave Image Center.

Creating Albums and Folders is optional.
