Recraft Studio 教學：如何為角色設計風格一致的環境概念圖

Build a custom style from your character, design the locations of her world in it, and place her inside each scene with Recraft Studio.

Character Design in Recraft, Part 4

A character without a world is a sticker. Environment concept art gives her somewhere to be: streets she walks, places she works, and light that changes with the time of day. The hard part is making the world look like it belongs to the same artist who drew the character.

This guide builds that world in Recraft Studio. You turn the hero image into a custom style, design locations in it, and then place the character inside each one.

Why environment concept art comes after the character

Designing the character first gives the world its rules. Her palette becomes the palette of the city, her linework becomes the linework of the buildings, and her job decides which places matter. A color scout needs markets full of dyed fabric, rooftops with a view, and stations where people pass by.

Write three to five locations before you generate anything. For each, note what the character does there.

What you'll use

• Recraft V4.1 Pro + custom style (Create → Model, Style, 10 credits per image)
• Nano Banana 2.1 (Select an image → Edit image, 7 credits per image)

Credit costs as shown in the model picker at the time of writing. You also need a custom style, created in Step 1 with Create a style.

Step 1: Build a custom style from the hero

Select the hero image, plus the turnaround from Part 2 if you have it, and choose Create a style. Name it after the character, for example "Color Scout 2D". Keep the style version on V4 and set the style match to Precise.

Test the style in the playground with a prompt that has no character in it, such as "a rooftop garden". If the test looks like the hero's linework and palette, the style is ready. For more on how styles work, see how to generate AI images in your own design style.

Step 2: Design the locations

In Create, choose Recraft V4.1 Pro, select your custom style, and set the aspect ratio to 16:9. Describe the place, the time of day, and the props that tie it to the character's job. Ask for an empty walkway or open floor in the foreground: that is where the character will stand later.

Full-bleed wide environment concept art, edge to edge, no people: a solarpunk rooftop garden at golden hour above a dense green city. Raised wooden planter beds with herbs, slanted solar canopies, laundry lines with colorful fabrics, water tanks painted signal orange and mint, a small workbench with paint jars and color swatches, a distant skyline of terraced towers covered in plants and small wind turbines. Warm low sun from the left, long soft shadows. Clean linework, flat cel colors, paper grain. Palette: signal orange, cobalt blue, mint, off-white, graphite, sage green. Open floor space in the foreground. No text, no signage.

Full-bleed cinematic environment background painting that fills the entire frame edge to edge, no white margins, no vignette, no people: a narrow near-future street market of color vendors in a green city at dusk. Stalls hung with fabric swatches, paint chips and dyed yarn, cobalt blue awnings, warm paper lanterns strung overhead, tangled cables and climbing vines, solar panels on balconies, wet stone pavement reflecting the lights, a deep dusk sky with soft clouds behind the rooftops. Clean linework, flat cel colors, paper grain. Palette: signal orange, cobalt blue, mint, off-white, graphite, warm amber light. Clear walkway in the center foreground. No text, no signage.

A style built from a character on a white background can carry those white margins into scenes. "Full-bleed, edge to edge" in the rooftop prompt was not enough, and the image still came out with light margins. The longer instruction in the market prompt, "fills the entire frame edge to edge, no white margins, no vignette", fixed most of it. If the edges still come out light, crop the image or extend it with Outpaint.

Step 3: Place the character in the world

Select the market environment, then add the hero as a second reference. Open Edit image, keep Nano Banana 2.1, and set the aspect ratio to 16:9. The environment is image 1 and the hero is image 2.

Place the young woman and her floating white drone from image 2 into the street market from image 1. She walks toward the camera down the central walkway, holding up a small fabric swatch to compare it with a stall, while the drone hovers beside her head and scans the swatch with a soft cobalt light. Keep her face, hair, amber visor, signal-orange jacket, crossbody bag, cargo pants and sneakers exactly as in image 2. Keep the market layout, lighting and palette from image 1, add matching warm lantern rim light on her. Same 2D linework, flat cel colors and paper grain throughout, so character and background look painted by one artist. Full-bleed wide frame. No text.

This is the most reliable setup: the environment fixes the layout and the rendering, and the hero fixes the character. Giving her an action that touches the scene, like holding a swatch up to a stall, keeps her from looking pasted on.

You don't need a finished environment for every location. For the rooftop and the tram station, we attached the market scene as image 1, only as a style reference, and described the new place in the prompt:

Create a new full-bleed scene with the young woman and her floating white drone from image 2, drawn in exactly the same 2D linework, flat cel colors and paper grain as image 1. Scene: an elevated tram station in a green city on a rainy blue evening. She stands under the glass canopy holding a clear umbrella, looking up at the rain, while the drone shelters under the umbrella next to her face, its cobalt lens glowing. Moss on concrete pillars, mint-tiled walls, puddles reflecting orange signal lights, a tram arriving in the background. Cool blue ambient light with warm orange accents. Keep her face, hair, amber visor and outfit exactly as in image 2. Wide frame, no white margins, no text, no signage.

The character stayed recognizable in both, but Nano Banana drifted toward a softer, more painterly look, because image 1 no longer showed the actual place. That is the trade-off: a matching environment protects the style, a described one gives you speed.

Step 4: Keep the world consistent

A world feels real when it repeats itself. Pick a few recurring elements and use them in every location:

• Props: dyed fabric, laundry lines, planters, and wind turbines on the skyline.
• Palette: the character's colors, with orange used sparingly so she still stands out.
• Light: vary the time of day between scenes, not the rendering style.

Keep the environments in their own Frame on the canvas. When you need a new scene, start from the closest existing location instead of a blank prompt.

Troubleshooting

• White margins around the scene. Add "full-bleed, no white margins, no vignette"; crop or outpaint what remains.
• The scene drifts to a painterly look. Generate the location in your custom style first and use it as image 1, instead of describing a new place in the prompt.
• The character looks pasted on. Ask for "correct scale and lighting for the scene" and give her an action that touches the environment.
• The character is too small. Describe her position: "in the foreground, full body, about a third of the frame height".

What's next

The world is ready. Part 5: Mascot Design turns her companion drone into a vector mascot and a sticker pack.

FAQs

What is environment concept art?

Environment concept art is the design stage for places: streets, interiors, and landscapes that set the mood and rules of a world before final artwork. It decides layout, light, palette, and the props that make a place recognizable.

How do you design a world for your character?

Start from the character: reuse her palette and linework, and pick locations that match what she does. In Recraft, turn the hero image into a custom style and generate each location in that style.

How do you keep a character consistent in different scenes?

Use two references: the environment as image 1 and the hero as image 2. Name the details that must stay fixed, and change only the action and the place.

Can I use my own style for backgrounds?

Yes. Select your images in Recraft Studio, choose Create a style, and use that style with Recraft V4.1 Pro to generate backgrounds that match your character.