🎞️ Google Slides Photo Booth (feat. ChatGPT) Template & Tutorial by Borci Crafts




🎞️ Google Slides Photo Booth (feat. ChatGPT)

I designed this 4-cut photo booth in Google Slides and then used ChatGPT to turn it into fully functional HTML code. Now, you can use it in Google Chrome to snap the cutest pics without needing any fancy software.

Whether you're taking cute couple pics, capturing funny bestie moments, or just hyping yourself up solo, this interactive photo booth makes it super easy. No weird downloads, no sketchy apps just open it and start posing! It works completely offline, so you don’t even need a WiFi connection to use it. It runs locally on your device, ensuring that your photos stay 100% private. 

I spent hours working on this and I’m giving it away for free because I love making creative projects that everyone can enjoy! If you enjoy this please like my video, it really motivates me to keep making fun content like this!

@BorciCrafts (YouTube, Instagram, TikTok)


❣️ How to make your own photo booth


Step 1: Design Your Layout in Google Slides & Take a Screenshot

Create your own photo booth design in Google Slides and take a screenshot of your final layout. If you need a template, you can use this one that I already made 👇 

https://drive.google.com/drive/folders/1jQdRC4l5Bu4T1GBYNrYkRyfHuTkOIUrp


Step 2: Upload Your Screenshot to ChatGPT

Go to ChatGPT, click "+" to upload your screenshot.


Step 3: Ask ChatGPT to Convert It into HTML Code

ChatGPT prompt I used are...

  • This is a 4-cut photo booth design. Make this work in Chrome. Code in html. Don’t change any design make this EXACTLY the same.
  • Make it work as a photo booth. and add 3,2,1 countdown design 
  • When I click 'download' marge 4 image in to one picture and download
  • Left/Right Inversion the video, image, and  image downloaded

(I didn't put them all in at once but added them one by one in order.)


Step 4: Open a Text Editor

  • Windows users: Open Notepad. 
  • Mac users: Open TextEdit, then press Shift + Cmd + T to switch to plain text mode.




Step 5: Paste & Save Your Code as an HTML File

Paste the HTML code generated by ChatGPT into your text editor. Then, save the file and change the extension from .txt to .html.


❣️ Things to Know 

  • Even with the same prompt, ChatGPT’s response may vary, so results might not always be identical. 
  • Your photos stay private! Everything is stored on your device and NOT shared externally.
  • This HTML code works without an internet connection, so you can use it anywhere.
  • Feel free to edit, customize, and share it
  • DM me if you need help! @BorciCrafts (YouTube, Instagram, TikTok)


Comments

  1. Borci CraftsApril 1, 2025 at 4:45 PM

    Slides and files are opened to everyone! Just make sure to have a copy in your drive. If the slides doesn't work DM me! @BorciCrafts (Instagram, TikTok, YouTube)

    ReplyDelete

Post a Comment

Popular posts from this blog

Valentine’s Day Google Slides (📱Mobile Version) Template & Tutorial by Borci Crafts

Image
Valentine’s Day Google Slides (Mobile Version) by Borci Crafts Valentine’s Day is just around the corner! 💌 Whether you’re celebrating with a special someone, crushing on someone from afar, or just want to have fun with your friends, I’ve got something unique and creative for you! I’ve designed a  fun, customizable Google Slides template & tutorial  that you can use to send a cute and interactive Valentine’s message. It’s super easy to personalize, and you don’t need any fancy design skills—just a little creativity and love.  This project was inspired by the talented @mewtru (if I got that wrong, please let me know!). I m ade this purely for fun, just something cool to share with yall! I legit spent hours working on this, and I’m just giving it out for free. I need motivation to keep making more fun stuff 🥺, so please like my video if you found this helpful  💗  @BorciCrafts  (YouTube, Instagram, TikTok) 📌 How to Access the ...
Read more

Valentine’s Day Google Slides (🖥️ PC Version) Template & Tutorial by Borci Crafts

Image
  Valentine’s Day Google Slides (🖥️ PC Version) by Borci Crafts I’ve got the ultimate interactive Google Slides template & tutorial for you!  I legit spent hours working on this, and I’m just giving it out for free. I need motivation to keep making more fun stuff 🥺, so please like my video if you found this helpful💗  @BorciCrafts   (YouTube, Instagram, TikTok) This project was inspired by the talented @mewtru (if I got that wrong, please let me know!).  I made this just for fun, with no intention of taking advantage of anyone! 📌 How to Access the Template Here’s the Google Slides ( PC Version ) Template:  (under_ review)  https://docs.google.com/presentation/d/1brTArdM8mexeVNHbGp66nB4RY-IPVwRjZXSZInc1p1E/edit?usp=sharing (new_file)   https://docs.google.com/presentation/d/1EUrSLBS1VzH6Q7jmEJVp6lHZXrO9oLRgNjeQpdrBeio/edit?usp=sharing ⚠️ The first file is currently under review, though I’m not sure why. It could be due t...
Read more