Creating Custom Overlay Using ChatGPT and Photopea

Legacy Article: This article covers the legacy FMBooth (Windows + iPadOS) software. FMBooth (Windows + iPadOS) has been replaced by FMX. See FMX documentation →

This guide walks through creating a custom overlay using ChatGPT to generate the concept and Photopea to build the final file.

1. Download an Existing PSD File

The easiest way to start is by downloading an existing PSD file. You can use this link to get an example overlay: Example Overlay PSD

Download that file on your computer.

2. Open the PhotoPea Web App

Open the PhotoPea Web App and place the downloaded PSD file in it.

This web app is similar to Photoshop. If you're familiar with that software, you'll find it easy to learn and use.

Click File on the top right and then click Open, then find your PSD file in your downloads folder. You can also open the file explorer on a separate window and then move the PSD file into PhotoPea.

3. Create an Account on ChatGPT

Go to chatgpt.com and sign up. You can use your business or personal email and you don't need to subscribe — you can use their free service.

4. Create Your Background Using AI

Just like cloud AI, you can generate AI images on ChatGPT simply by using a prompt. All you need to do is create a sentence or phrase describing the background you want for your overlay.

Example prompt: Create a corporate-themed portrait background with a resolution of 1200x1800

Once you are satisfied with the picture or the background, just click the download button on the top right of the photo.

5. Place the AI-Generated Background on PhotoPea

Going back to your PhotoPea with the loaded PSD file, all you need to do is drag your background file from your file explorer and place it on the PhotoPea.

You can resize it as much as you like, depending on your preference.

Just remember — if you're using this as an overlay, you need to fill the entire picture. Once that's done, move the image file to the Layers Panel so that it's positioned just below "Group 3." You'll notice that your background will overlap the existing overlay design while maintaining its transparency.

6. Save Your Custom Overlay

If you think everything is perfect, you can now save it by clicking File → Export → PNG

There you go — you can now enjoy creating your own custom overlays with the help of AI anytime.

Related articles