Creation of GALLERY.md and related images

First draft of the walkthrough of the Gallery right-hand panel
This commit is contained in:
sarashinai 2024-04-12 22:12:43 -04:00 committed by psychedelicious
parent d0beb45431
commit 4b171fa696
9 changed files with 39 additions and 15 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 221 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 786 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -7,43 +7,67 @@ title: InvokeAI Gallery Panel
## Quick guided walkthrough of the Gallery Panel's features ## Quick guided walkthrough of the Gallery Panel's features
The Gallery Panel is a fast way to review, find, and make use of images you've The Gallery Panel is a fast way to review, find, and make use of images you've
created and loaded and assets that are being used by the Image-to-Image and Unified created and loaded and assets that are being used by the Image to Image and Unified
Canvas tabs. The Gallery is divided into Boards. The Uncategorized board is always Canvas tabs. The Gallery is divided into Boards. The Uncategorized board is always
present but you can create your own for better organization. present but you can create your own for better organization.
![image](../assets/gallery/gallery.png)
### Board Display and Settings ### Board Display and Settings
At the very top of the Gallery Panel are the boards disclosure and settings buttons. At the very top of the Gallery Panel are the boards disclosure and settings buttons.
![image](../assets/invoke-control-panel-1.png) ![image](../assets/gallery/top_controls.png)
The disclosure button shows the name of the currently selected board and allows you to show and hide the board previews.
(image of board previews) The disclosure button shows the name of the currently selected board and allows you to show and hide the board thumbnails.
The settings button opens a list of options (image of settings): ![image](../assets/gallery/board_thumbnails.png)
The settings button opens a list of options:
![image](../assets/gallery/board_settings.png)
- Image Size: this slider lets you control the size of the image previews (images of three different sizes). - Image Size: this slider lets you control the size of the image previews (images of three different sizes).
- Auto-Switch to New Images: if you turn this on, whenever a new image is generated, it will automatically be loaded into the current image panel on the Text to Image tab and into the result panel on the Image to Image tab. Thi7s will happen invisibly if you are on any other tab when the image is generated. - Auto-Switch to New Images: if you turn this on, whenever a new image is generated, it will automatically be loaded into the current image panel on the Text to Image tab and into the result panel on the [Image to Image](IMG2IMG.md) tab. This will happen invisibly if you are on any other tab when the image is generated.
- Auto-Assign Board on Click: Whenever an image is generated or saved, it always gets put in a board. The board it gets put into is marked with AUTO (image of board marked). Turning on Auto-Assign Board on Click will make whichever board you last selected be the destination when you click Invoke. That means you can click Invoke, select a different board, and then click Invoke again and the two images will be put in two different boards. (bold)It's the board selected when Invoke is clicked that's used, not the board that's selected when the image is finished generating.(bold) Turning this off, enables the Auto-Add Board drop down which lets you set one specific board to always put generated images into. This also enables and disables the Auto-add to this Board menu item described below. - Auto-Assign Board on Click: Whenever an image is generated or saved, it always gets put in a board. The board it gets put into is marked with AUTO (image of board marked). Turning on Auto-Assign Board on Click will make whichever board you last selected be the destination when you click Invoke. That means you can click Invoke, select a different board, and then click Invoke again and the two images will be put in two different boards. (bold)It's the board selected when Invoke is clicked that's used, not the board that's selected when the image is finished generating.(bold) Turning this off, enables the Auto-Add Board drop down which lets you set one specific board to always put generated images into. This also enables and disables the Auto-add to this Board menu item described below.
- Always Show Image Size Badge: This toggles whether to show image sizes for each image preview (show two images, one with sizes shown, one without) - Always Show Image Size Badge: This toggles whether to show image sizes for each image preview (show two images, one with sizes shown, one without)
Below these two buttons, you'll see the Search Boards text entry area. You use this to search for specific boards by the name of the board.
Next to it is the Add Board (+) button which lets you add new boards. Boards can be renamed by clicking on the name of the board under its thumbnail and typing in the new name.
### Board Thumbnail Menu ### Board Thumbnail Menu
Each board has a context menu (ctrl+click / right-click). (image of menu) The options are: Each board has a context menu (ctrl+click / right-click).
![image](../assets/gallery/thumbnail_menu.png)
- Auto-add to this Board: If you've disabled Auto-Assign Board on Click in the board settings, you can use this option to set this board to be where new images are put. - Auto-add to this Board: If you've disabled Auto-Assign Board on Click in the board settings, you can use this option to set this board to be where new images are put.
- Download Board: This will add all the images in the board into a zip file and provide a link to it in a notification (image of notification) - Download Board: This will add all the images in the board into a zip file and provide a link to it in a notification (image of notification)
- Delete Board: This will delete the board (bold) WARNING! This will delete all the images in the board and the board itself. - Delete Board: [!CAUTION] *** This will delete all the images in the board and the board itself. ***
### Board Contents
Every board is organized by two tabs, Images and Assets.
![image](../assets/gallery/board_tabs.png)
Images are the Invoke-generated images that are placed into the board. Assets are images that you upload into Invoke to be used as an [Image Prompt](https://support.invoke.ai/support/solutions/articles/151000159340-using-the-image-prompt-adapter-ip-adapter-) or in the [Image to Image](IMG2IMG.md) tab.
### Image Thumbnail Menu ### Image Thumbnail Menu
Every image generated by Invoke has its generation information stored as text inside the image file itself. This can be read directly by selecting the image and clicking on the Info button in any of the image result panels. Each image also has a context menu (ctrl+click / right-click) (image of menu) The options are (items marked with an * will not work with images that lack generation information:
Every image generated by Invoke has its generation information stored as text inside the image file itself. This can be read directly by selecting the image and clicking on the Info button ![image](../assets/gallery/info_button.png) in any of the image result panels.
Each image also has a context menu (ctrl+click / right-click).
Info button ![image](../assets/gallery/image_menu.png)
The options are (items marked with an * will not work with images that lack generation information):
- Open in New Tab: This will open the image alone in a new browser tab, separate from the Invoke interface. - Open in New Tab: This will open the image alone in a new browser tab, separate from the Invoke interface.
- Download Image: This will trigger your browser to download the image. - Download Image: This will trigger your browser to download the image.
- * Load Workflow: this will load any workflow settings into the Workflow tab and automatically open it. - Load Workflow *: this will load any workflow settings into the Workflow tab and automatically open it.
- * Remix Image: this will load all of the image's generation information, (bold)excluding its Seed, into the left hand control panel - Remix Image *: this will load all of the image's generation information, (bold)excluding its Seed, into the left hand control panel
- * Use Prompt: this will load only the image's text prompts into the left-hand control panel - Use Prompt *: this will load only the image's text prompts into the left-hand control panel
- * Use Seed: this will load only the image's Seed into the left-hand control panel - Use Seed *: this will load only the image's Seed into the left-hand control panel
- * Use All: this will load all of the image's generation information into the left-hand control panel - Use All *: this will load all of the image's generation information into the left-hand control panel
- Send to Image to Image: this will put the image into the left-hand panel in the Image to Image tab ana automatically open it - Send to Image to Image: this will put the image into the left-hand panel in the Image to Image tab ana automatically open it
- Send to Unified Canvas: This will (bold)replace whatever is already present(bold) in the Unified Canvas tab with the image and automatically open the tab - Send to Unified Canvas: This will (bold)replace whatever is already present(bold) in the Unified Canvas tab with the image and automatically open the tab
- Change Board: this will oipen a small window that will let you move the image to a different board. This is the same as dragging the image to that board's thumbnail. - Change Board: this will oipen a small window that will let you move the image to a different board. This is the same as dragging the image to that board's thumbnail.
- Star Image: this will add the image to the board's list of starred images that are always kept at the top of the gallery. This is the same as clicking on the star on the top right-hand side of the image that appears when you hover over the image with the mouse - Star Image: this will add the image to the board's list of starred images that are always kept at the top of the gallery. This is the same as clicking on the star on the top right-hand side of the image that appears when you hover over the image with the mouse
- Delete Image: this will delete the image entirely from Invoke - Delete Image: [!CAUTION] *** this will delete the image entirely from Invoke ***
## Summary ## Summary