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

# Concept Art - Environment

> Leveraging Alpaca AI rendering for environmental concept art iteration and exploration.

<video autoPlay muted loop playsInline className="w-full aspect-video" src="https://alpaca-content-public.s3.amazonaws.com/concept-env-process.mp4" />

In our last guide, we looked at how Alpaca can help accelerate conceptualization for [Character Design](/guides/concept-character).
In this guide we are going to look at how to make the best out of Alpaca for an environment concept.

This time, we are going to start our process with a line art sketch outlining the concept we are trying to develop

<Frame caption="Starting line art sketch">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/sketch.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=3c2d1e8046c6538e5ca6bb654c26436d" alt="Sketch of a mill" width="1680" height="960" data-path="images/guides/concept-environment/sketch.webp" />
</Frame>

With Alpaca we can directly render this sketch, or, if we want Alpaca to follow a precise color scheme we could first quickly add some flat colors to the sketch.

We are going to go for the first option and make our first render to see what Alpaca proposes, using the prompt `mill, barn house, animated style, 3d, uniform background`.

Because our sketch is pretty accurate we don’t want Alpaca to get creative so we are going to set **Freedom** to 0, and because we want a full rendering (as opposed to just flat coloring) we will set **Details** somewhere between 90 and 100.
You can play with those values and the prompt to get different generations.

<Frame caption="3 render options (click to zoom)">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/m0.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=27690c4bb4fed64a43ff8b3d51b88e42" alt="AI render 1" width="1344" height="768" data-path="images/guides/concept-environment/m0.webp" />

  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/m1.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=1a14691e823e49b635c08cc2e359e78c" alt="AI render 2" width="1344" height="768" data-path="images/guides/concept-environment/m1.webp" />

  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/m2.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=5e5290bf35450f88a089175ad6ca7fb8" alt="AI render 3" width="1344" height="768" data-path="images/guides/concept-environment/m2.webp" />
</Frame>

That first one is pretty good, so we will use it as our base.
We want our mill to be on a grassy patch, with a small path leading to the house, and we want everything to be surrounded by a golden wheat field.

Because Alpaca allows us to work iteratively, we can focus on one element at a time, so first we will quickly paint in the grass and the path, and do a second rendering pass.

<Frame caption="Adding a grass patch and path.">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/grass.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=8e5d43f89928f37cd0aa6821a92b0c50" alt="AI render 1" width="1344" height="768" data-path="images/guides/concept-environment/grass.webp" />
</Frame>

At that point we can simply re-render the entire image, or if we want to keep our existing elements exactly as they are, we can mask the grass and path with the **Generation Mask** tool so that only this part will be re-rendered, leaving the rest of the image intact.

<Frame caption="Rendered grass">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/grass-render.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=b4b52615615887da83f0eb5d4835da14" alt="AI render 2" width="1344" height="768" data-path="images/guides/concept-environment/grass-render.webp" />
</Frame>

Looking good! Now we would like to start visualizing our mill as part of a larger environment and see how things fit together.
First, we can a quick extra render pass, keeping Freedom to 0 and bumping Change to around 70-80, and prompting for what we want, for example here `blue sky`.

<Frame caption="Adding skybox">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/render2.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=4732ab3b7ecb5f44cef944e9c4fa0e2e" alt="AI render 2" width="1344" height="768" data-path="images/guides/concept-environment/render2.webp" />
</Frame>

We could continue doing that, while also using **Generation Mask** to bring it more and more details to our image only using prompts.

But, if we have something specific in mind, we can simply do a quick paint over just like we have done for the grass and path before to outline what we are looking for.

<Frame caption="Painting extra elements">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/surroundings.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=b815f7c72728284fec5320620f62c82e" alt="Painting extra elements" width="1344" height="768" data-path="images/guides/concept-environment/surroundings.webp" />
</Frame>

And re-render:

<Frame caption="Render of extra elements">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/surroundings-render.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=aada58fe4d430cdc32e723d8cc08ec95" alt="Render of extra elements" width="1344" height="768" data-path="images/guides/concept-environment/surroundings-render.webp" />
</Frame>

There is another, quicker way of seeing what your mill would look like in various environments:
We can simply extract the mill (using object select in Photoshop for example) and leave the rest of the image transparent, and ask Alpaca to fill in the background.

Though this approach provides less control than the previous method, it's an effective way to generate a wide range of visualizations quickly.

<Frame caption="Extracted asset">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/mill-alpha.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=fd50e7b80c9ab92430a1784593705027" alt="Extracted asset" width="1344" height="768" data-path="images/guides/concept-environment/mill-alpha.webp" />
</Frame>

We can then make a few renders with **Freedom** at 0 and change anywhere from 0 to 50 depending on the effect we want to achieve.
Here are a few examples of renders using various prompts to generate backgrounds:

<Frame caption="'forest, mill, barn house, animated render'">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/forest.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=d3024c23c64c14b3852557734cdebf88" alt="Forest AI render" width="1344" height="768" data-path="images/guides/concept-environment/forest.webp" />
</Frame>

<Frame caption="'snow, mill, barn house, animated render'">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/snow.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=987149752f7b909afc214224c6607f03" alt="Snow AI render" width="1344" height="768" data-path="images/guides/concept-environment/snow.webp" />
</Frame>

<Frame caption="'beach, mill, barn house, animated render'">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/beach.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=1ef49dd822d1834dde7061e6b35e4ed8" alt="Beact AI render" width="1344" height="768" data-path="images/guides/concept-environment/beach.webp" />
</Frame>

<Frame caption="'mountains, mill, barn house, animated render'">
  <img src="https://mintcdn.com/alpacaml/vUSqxKC-ubb-0IQ6/images/guides/concept-environment/mountains.webp?fit=max&auto=format&n=vUSqxKC-ubb-0IQ6&q=85&s=c463544ceeb1c32b70477fa2bd7aed0f" alt="Mountains AI render" width="1344" height="768" data-path="images/guides/concept-environment/mountains.webp" />
</Frame>
