Welcome! Use this tool to create a simple scrolling parallax effect from a single image. First, load your image using the button below. Then, click on the displayed image six times to define the top and bottom edges for three layers (background, middle, foreground). After selecting the layers, click 'Generate Parallax' to see the result and adjust settings.
Load an image to begin.
Layer 1 (Background) → Layer 2 (Middle) → Layer 3 (Foreground)
You can use a prompt like the following with an image generation AI (ChatGPT 4o model) to create a suitable source image. Modify the theme in [brackets].
Create a wide image (1792×1024) for a 2D parallax background in a side-scrolling video game. The theme is: [post soviet city in 90s] The image should be divided into 3 horizontal layers, same width, stacked vertically: Top row: This is the background and does not require transparency. Middle row: A midground layer, with less elements than the background, drawn in silhouette with some transparency so it can scroll separately. Bottom row: A foreground layer with a ground and relevant elements, less elements than the midground, also partially transparent for parallax scrolling. All layers should have a consistent art style. Use a transparent background for the middle and bottom layers, and keep visual separation between layers by leaving a small gap or distinct lighting. Do not blend the layers together. Vary the color theme between layers ensuring pleasing visual aesthetic. Output as a single image with three stacked rows. Resolution: 1792×1024 Transparent background: Yes (middle and bottom layers) Style: 2D pixel art / game art Purpose: Parallax background layers for a video game