In this example I used this prompt:
Based on this skill above, generate images for a website for an AI agency. The design should include eight sections, with one image per section, eight distinct images in total. The website should feel polished and clean and rather minimalist with less info, but with striking image effects/visuals and creative layouts. Use orange as the main color. All images should be horizontal
TIPS:
-
Please run your prompt multiple times in different chats to get more results to choose from
-
Use thinking mode for better quality
-
Generate one image per website section
-
images 2.0 can generate up to 10images at once
Optional: refine/iterate till you get the perfect result
Just prompt and refine in chatgpt till you get a really nice result.
Use this to edit one image at a time.
Or change the style of all images.
If you’re done, download all images.
Extract all images
Now you need to extract all assets from your images. So this means for example these:
This is how I extract these images:
Prompt:
extract the images on the right, generate them total should be 7 extracted generated images, please dont change them, they should look exactly the same
Prompt:
in this image there are 4 images used. extract them and generate all 4. so generate 4 different images in total
Remove background of your assets
Sadly chatgpt no longer has the feature of generating transparent images anymore (hope it will be there again soon :))
Turn it into a website
I’m using Codex for building this website.
Work on one section everytime. Start by adding your first section and prompting something like this:
lets build a website. i will provide the images and you just clone the rest of the website. so do NOT generate or build the asset in this image. focus on the components and details. here is the hero section. copy it. after that give me the dir of the folder where i need to put my images in use react + nextjs start local dev server afterwards
Tagged with
Keep reading
