Introduction To Compositing & Fix Deformed Faces In Playground Canvas

Playground AI
17 Jul 202308:08

TLDRIn this informative video, the host shares three essential tips for working effectively in Playground Canvas. First, they demonstrate quick navigation techniques using the mouse's scroll wheel, shift, and control keys. The second tip addresses the common issue of fixing deformed faces in images by duplicating, cropping, and resizing the image, followed by using the 'Image to Image' feature with stable diffusion for a high-quality result. The third tip showcases the compositing technique, which combines multiple images to create a single, cohesive image. The host also covers background removal, layer management, and resizing of characters to achieve the desired composition. The video concludes with a promise of more in-depth tutorials and a series of 'getting started' videos for beginners.


  • πŸ–₯️ Use the scroll wheel on your mouse to navigate up and down the canvas, and hold shift to navigate left and right.
  • πŸ” Holding Ctrl while using the scroll wheel allows you to zoom in and out of the canvas easily.
  • 🌐 Holding the spacebar lets you grab and move the entire canvas freely.
  • πŸ“ To fix deformed faces, duplicate the image, crop to frame the face, and then resize it while holding Alt to keep it centered.
  • πŸ”„ When resizing an image, holding Shift gives you a freeform option, whereas Alt maintains the aspect ratio.
  • 🎨 Use 'Image to Image' with a higher strength setting (60-80%) for faces to make them more defined, and choose 'Stable Diffusion Excel' for high quality.
  • πŸ–ŒοΈ Lower the opacity of the corrected face layer to align it with the original image and use the eraser tool to remove any seams.
  • 🧩 For compositing, use the 'Background Remover' tool to separate characters from their backgrounds and then arrange them in a new image.
  • πŸ”„ Double-check the results of the 'Background Remover' and fix any imperfections before proceeding.
  • πŸ“ Start with high-quality, larger images and resize them down after arranging to maintain clarity.
  • πŸ”„ Use the bracket keys and Alt to adjust the size and position of characters in the composite image.
  • ♻️ Keep original layers intact in case you need to make changes, and use copy-paste techniques to streamline the compositing process.

Q & A

  • What are the three powerful tips shared in the video for navigating around the canvas?

    -The three tips are: 1) Using the mouse scroll wheel to scroll up and down, 2) Holding shift to move the canvas left to right, and 3) Holding Ctrl to zoom in and out.

  • How can you duplicate an image in Playground Canvas?

    -You can duplicate an image by clicking on it and pressing Ctrl+C to copy, then Ctrl+V to paste, or by holding Alt and dragging out of the image to create a duplicate.

  • What is the purpose of cropping and resizing an image in the context of fixing deformed faces?

    -Cropping and resizing an image helps to frame the face and make it larger, which can make it easier to correct and define the facial features.

  • How can you adjust the image strength when using the 'Image to Image' feature?

    -You can adjust the image strength by moving the generator duration box. For a result closer to the original, a higher value like 60 to 80 is advised, but you can choose a lower value for a more distinct result.

  • What is the role of 'Stable Diffusion Excel' in generating more defined faces?

    -Stable Diffusion Excel is used to ensure high-quality results when generating more defined faces from less defined originals.

  • How do you align the corrected face with the original image?

    -You can align the corrected face by adjusting the opacity of the corrected image to see through it, and then manually aligning it as best as possible using visual cues like clothing.

  • What is the process to remove seams after combining two images?

    -To remove seams, you use the 'Elk Painting' feature by pressing 'G' to generate and then 'E' to erase the seams. You can adjust the brush size using the square brackets and go over the seams to smooth them out.

  • How can you deal with artifacts or traces of a seam after generating the image?

    -If there are artifacts or traces of a seam, you can use the 'Object Eraser' tool by pressing Shift+E and brushing over the area to remove any remnants.

  • What is compositing and how is it useful in creating images with multiple characters?

    -Compositing is the technique of combining different images to create a new image. It's useful for having multiple people or characters in one image, allowing for more complex and detailed compositions.

  • How do you remove the background from an image in Playground Canvas?

    -You can remove the background by selecting 'Background Remover' from the top left of the image. It's important to double-check and fix any imperfections before proceeding.

  • What are the steps to compose multiple characters into a single image?

    -First, remove the backgrounds from each character image. Then, bring all characters to the desired positions, adjusting their sizes and layering order as needed. You can use bracket keys and Alt to adjust sizes and bring elements to the front or back.

  • What is the advice given for managing layers and making changes in the compositing process?

    -It's advised to keep the original layers separate in case you want to make changes. You can also select all assets and copy-paste them to create a new composited image.



🎨 Canvas Navigation and Face Definition Tips

The first paragraph introduces three powerful tips for working with canvas. The first tip focuses on using a mouse with a scroll wheel for quick navigation, including holding Shift for horizontal movement and Ctrl for zooming. The second tip addresses the common issue of deformed faces in images. The solution involves duplicating the image, cropping to frame the face, resizing while keeping the aspect ratio, and using the 'Image to Image' feature with stable diffusion for high-quality results. The third tip is about painting over seams to create a seamless image, which can be done using the 'Playground' option and the 'E' key for erasing. The paragraph concludes with a demonstration of these techniques to improve the clarity and definition of faces in full-body shots.


🧩 Compositing Multiple Images into One

The second paragraph explains the technique of compositing, which combines different images to create a new one. This is particularly useful for creating images with multiple characters. The process starts with using the background remover tool to remove the background from each character image. After ensuring everything is intact, the characters are resized and arranged in the desired order, with the biggest character placed in the middle. The paragraph also covers how to adjust the size and position of each character, using the bracket keys and Alt key for precise control. The final step is to copy and paste all the elements into a single image for a seamless composition. The speaker also mentions an upcoming series of getting started videos for beginners and assures viewers that more in-depth tutorials on canvas will be released soon.



πŸ’‘Navigating around canvas

Navigating around canvas refers to the process of moving and viewing different parts of an image or artwork within a digital workspace. In the video, the speaker demonstrates how to use the mouse scroll wheel, holding shift, and control keys to quickly pan, zoom, and move the canvas for a better view. This is essential for manipulating and editing images effectively.

πŸ’‘Deformed faces

Deformed faces in the context of the video refers to images where the faces of people are not clearly defined or appear distorted. The speaker addresses a common issue viewers face and provides a solution to correct this by duplicating the image, cropping to focus on the face, and using image-to-image translation with stable diffusion Excel to enhance the clarity of the faces.

πŸ’‘Duplicating image

Duplicating an image in a digital canvas means creating an exact copy of the original image for further editing without altering the original. The video script explains two methods: using traditional copy-paste keyboard shortcuts (Ctrl C and Ctrl V) or by holding the Alt key and dragging the image to create a duplicate. This technique is used to fix deformed faces by focusing on the face area.


Cropping is the process of cutting away parts of an image to improve its composition or focus on a specific area. In the video, the speaker uses the crop tool to frame the face of the subject in the image and then resizes the cropped image to make it larger while keeping it centered, which helps in enhancing the clarity of the face.

πŸ’‘Image-to-image translation

Image-to-image translation is a technique used in digital art and editing where one image is transformed into another by applying specific styles or effects. The video demonstrates using this technique with stable diffusion Excel to take a cropped face and generate a more defined version of it, improving the overall quality and clarity.

πŸ’‘Stable diffusion Excel

Stable diffusion Excel is a high-quality image generation model used in the video to enhance the definition of faces in images. It's part of the process where the speaker duplicates, crops, and adjusts the image to generate a more detailed face, which is then used in the final composition.


Opacity in digital editing refers to the degree to which material is impervious to light or the transparency level of an object or layer in a digital workspace. The speaker mentions adjusting the opacity of the generated face image to allow for better alignment with the original image before merging them together.

πŸ’‘Seam painting

Seam painting is a technique used to blend or remove visible seams or lines that result from combining different parts of an image. In the video, the speaker uses this technique to clean up the edges of the generated face, making it appear as if it was part of the original image without any visible lines or distortions.

πŸ’‘Background remover

Background remover is a tool used in digital editing to automatically detect and remove the background of an image, leaving only the subject. The video script describes using this tool to prepare images for compositing by removing their backgrounds and allowing for easier layering and composition.


Compositing in digital art is the process of combining multiple images or elements to create a single, cohesive image. The video demonstrates compositing by layering different character images, adjusting their size and position, and ensuring they are properly aligned to create a new image with multiple subjects.


Layering in digital editing involves arranging different elements or images on separate layers within a project, allowing for individual manipulation and control over each element. The video script discusses layering as a part of the compositing process, where characters are placed on different layers to control their position and size relative to each other in the final composition.


Navigating around canvas quickly using mouse scroll wheel, shift, and control keys.

Fixing deformed faces in images by duplicating and cropping the image to focus on the face.

Resizing images while maintaining aspect ratio or using free form option with shift key.

Adjusting image strength for a more defined or slightly different look in the generated image.

Using stable diffusion Excel for high-quality image generation.

Aligning the duplicated image with the original by adjusting opacity and using clothing as a reference.

Erasing seams with the painting tool and adjusting brush size for precision.

Generating a seamless image after seam removal and addressing any remaining artifacts.

Compositing technique to combine different images into a new image with multiple characters.

Using background remover to isolate characters for compositing.

Double-checking the integrity of the image after background removal and making necessary adjustments.

Creating a layered composition by adjusting the size and position of characters.

Maintaining separate layers for flexibility in making changes to the composition.

Copying and pasting all assets as one image for a final composite.

Upcoming series of getting started videos for beginners to learn from the basics.

Utilizing the close proximity of shift and control keys for efficient canvas navigation.

Holding spacebar to move the entire canvas freely.

Selecting 'for image' to introduce variation in the generated image.

Switching to playground choices for elk painting to erase seams.

Using the object eraser tool to remove any remnants of the seam.