Skip to content

About

This App is to generate photos with cinematic effect and has integrated with Stripe payment upon Downloading the image. This App workflow involves integrating Google AI app with Google Cloud Storage (Bucket), Stripe (test Sandbox)

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

63 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cinematic Photos

An AI-powered application that transforms uploaded photos into cinematic, visually compelling images.

Built with Google AI Studio, this application allows users to upload a headshot or full-body photo, select an outfit and a cinematic vibe from the available options in the app, and generate a new cinematic image of the person wearing the selected outfit and posing in a visually immersive environment.

โœจ Overview

Cinematic Photos uses generative AI to create professional-looking cinematic images from user-provided photos.

URL : https://copy-photocreation.ai.studio

The application combines:

  • ๐Ÿ‘ค User-uploaded headshot or full-body photos
  • ๐Ÿ‘— Selected outfits or fashion styles
  • ๐ŸŽฌ Cinematic vibes (Background / Locations) available in the application
  • ๐Ÿค– AI-generated image transformation

The result is a new AI-generated image that places the person in a cinematic environment, wearing the selected outfit and posing naturally according to the selected vibe, with custom prompt to fine tune the details of the photo.

Workflow of the PhotoCreation with Stripe Payment (Test Sandbox)

๐Ÿง  How It Works (Click Below Image to View DEMO VIDEO)

Project Demo Video

  1. User generates a photo.
  2. Store the full-resolution image securely in private Google Cloud Storage (GCS_Bucket_Name) .
  3. User clicks "Download High Res".
  4. Create a NEW Stripe Checkout Session (in TEST Sandbox).
  5. Customer makes the payment.
  6. The backend retrieves the Checkout Session directly from Stripe using STRIPE_SECRET_KEY.
  7. The backend checks: payment_status === "paid"
  8. The backend gets the imageId from the Stripe session metadata, URL : STRIPE_WEBHOOK_SECRET.
  9. Verification done.
  10. Generate a short-lived secure download URL for the private high-resolution image.
  11. Return the download URL to the payment-success page.
  12. Show: "Payment Successful" "Your high-resolution photo is ready."
  13. Provide a: "Download High Resolution" button that downloads the high-resolution image.

Upon Clicking button, activates Stripe Payment Test mode pop up screen.

StripepaymentPopUP

Upon Successful card payment, Verification status is successful.

Stripepayment

Workflow Diagram below

GHBanner

๐Ÿš€ Features

Example of the CinematicPhoto App UI and Generated Photos based on uploaded sample photos

Family and wedding Photos

wedding
wedding
family
Babyshoot

๐Ÿ“ธ Upload Your Photo

Users can upload up to 3 photos:

  • Headshots
  • Full-body photos
  • Portrait photos

The AI uses the uploaded image as a reference for generating the final cinematic image.

๐Ÿ‘• Select an Outfit (Optional)

Users can select an outfit or fashion style available in the application.

The AI generates the person wearing the selected outfit while maintaining the visual identity of the uploaded person as closely as possible.

๐ŸŽฌ Select a Cinematic Vibe

Users can select from the cinematic vibe options available in the application.

The selected vibe influences the visual atmosphere, mood, styling, lighting, composition and overall cinematic appearance of the generated image.

๐Ÿ–ผ๏ธ Generate Cinematic Photos

The AI combines the user's:

  1. Uploaded photo
  2. Selected outfit
  3. Selected cinematic vibe E.g Corporate Shoot, Casual Shoot, Graduation Shoot, Baby Photoshoot. Personal Makeover Shoot

It then generates a cinematic image showing the person wearing the selected outfit and naturally posed within a visually immersive environment based on the selected vibe.

๐Ÿ–ผ๏ธ Stripe Payment (Test Mode) Activated (pop up) upon Clicking of Download High Resolution image button

Users can enter the testing Card Payment (Test mode) details provide by Stripe url https://docs.stripe.com/testing Upon entering the card payment and successful payment verification

๐Ÿ–ผ๏ธ Upon Successful Stripe Payment, User allowed to Download the high resolution image

End of description

About

This App is to generate photos with cinematic effect and has integrated with Stripe payment upon Downloading the image. This App workflow involves integrating Google AI app with Google Cloud Storage (Bucket), Stripe (test Sandbox)

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages