> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nex.art/llms.txt
> Use this file to discover all available pages before exploring further.

# Sketch Control

> Control your outputs using a Sketch.

In this section, we will go over how to use your own uploaded sketch asset to control your  image generation.

<Tip>
  High quality images perform the best for image controllability.
</Tip>

#### 1. Hover over the image that you uploaded

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/1.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

#### 2. Click on “Use As”

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/2.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

#### 3. select “Sketch Image”

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/3.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

#### 4. Head back to Prompt on the left action bar

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/4.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

#### 5. Type in your prompt

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/5.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

#### 6. Check to make sure the aspect ratio of your Generation and Input Image match

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/6.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

#### 7. Click “Generate” below or press enter.

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/7.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

## Important Notes

### Aspect Ratio

1. It is extremely important to match your generation’s aspect ratio to the aspect ratio of the asset being used. To do this, ensure you are in the Prompt tab and click on Aspect Ratio at the bottom of the column

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/8.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

2. Select the Aspect Ratio that is closest to that of your Input Image before generating.

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/9.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

3. If you do not do this, your image will come out distorted like the examples below:

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/10.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

### High quality images perform the best for image controllability.

high quality images perform the best for image controllability. It is important that sketches have clearly defined lines as well as no blur. Examples of clear sketches below:

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/11.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/12.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

### Edit Image:

1. if you want just a specific part of your image to be used as a Sketch input, click on Edit Image

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/13.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

2. in the Edit Image modal, move the image selection area around to capture what you want your generation to focus on.

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/14.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/15.png" style={{ borderRadius: '0.5rem' }} />
</Frame>

3. in the Edit Image modal, you can also adjust Image Weight. Move the slider left if you want your output to be less influenced by the image and move it to the right if you want your output to be more influenced by the image.

<Frame>
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/nex/images/blocks/sketch/16.png" style={{ borderRadius: '0.5rem' }} />
</Frame>
