Brett Profile picture
May 15 โ€ข 5 tweets โ€ข 2 min read โ€ข Read on X
Holy sh*t. Sound on. ๐Ÿ”Š

Endless looping, animated Airbnb-style icon with AI generated sound, all in one app.

Full tutorial below.
To do all of this, we'll use ChatGPT to generate the initial icon. Simple as this: Image
Next, let's head over to Kling.

Switch the model to Kling 1.6 (2.0 doesn't support start/end frame selection).

This option is at the top of your screen.

Upload the same photo for the start and end frame as shown below, enter a simple prompt and let it cook. Image
Once the video is generated, underneath it click "AI sound" and it'll take you to the menu shown below.

Kling will automatically generate a prompt for the sound based on the context of the video. Image
And just like that, you're done.

We went from generated a 3D icon, to animating it while making it endless loop, and adding sound all within just a few minutes.

These tools are getting insane.

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Brett

Brett Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @BrettFromDJ

May 14
Animated Airbnb-style icons with AI. โ˜•๏ธ

ChatGPT + Runway (full tutorial below).
Started off with a screenshot of Airbnb's icons and a simple prompt. Image
Had to provide one follow-up prompt to get exactly what I wanted. Image
Read 6 tweets
May 12
Another day, another tutorial.

This time; how to make Perplexity-style video (no video experienced required).

Let's jump into it.
First things first: we need to generate an image to use.

I roughly knew I wanted a man standing in a field of grass, so I told ChatGPT to generate a few prompt options surrounding this idea, in the style of a Perplexity advertisement.

Here's the one I ran with:

"A man standing alone in a dark field at night, illuminated by a soft circular spotlight on the grass below him. The grass is slightly dewy and glows under the light. The surroundings fade into darkness. The scene is quiet, contemplative, and surreal. The man wears a white dress shirt and brown trousers, casting a long shadow behind him. Cinematic lighting, volumetric glow, high contrast between light and dark, warm tones. In the style of a Perplexity AI advertisement."
As you can see, ChatGPT took:

1) Man standing in field of grass
2) Perplexity-style ad

and filled in the in-between with rich details.

ChatGPT is your best friend when it comes to constructing cool scenes and prompts.
Read 11 tweets
May 3
The secret hack to generating images like this. ๐Ÿ‘€

Every creator should read this. Image
Looking through Pinterest, I looked up surreal art and came across the image below.

This will serve as my inspiration. Image
To recreate something similiar, I could have uploaded it to Midjourney as a reference, and generated something in the same vain.

But oftentimes it's more exciting to see what Midjourney comes up on its own without a reference image.

So I needed to craft a prompt.
Read 9 tweets
May 2
Probably one of the most valuable posts I've ever made on design and AI.

You need to learn this workflow.

Buckle here. Here's the full tutorial: Image
First, let's combine style and image references in Midjourney.

I've provided 2 style references, and one 1 image reference below if you want to follow along with this tutorial.

The dark-style images define the mood, whereas the building image defines the subject(s). Download now.Image
Image
Image
Let's take these images and throw them in Midjourney exactly as I do below:

"landscape": tells MJ the subject I want generated (feel free to be as specific or broad as you want here).

"--ex 100": a new parameter MJ just introduced that can create some unexpected creative results. Changing the number anywhere from 0-100 affects the results drastically, so have fun with it.

"--ar 12:16": simply tells MJ what aspect ratio you want to generate. In this case, it's 12:16.

Then hit Enter to start generating.
Read 14 tweets
May 1
Chrome logos go so hard.

Here's everything you need to make your own in ChatGPT. ๐Ÿงต

Bookmark for later.
Instead of using a prompt, let's just use a simple reference image.

This will show GPT 4o exactly what material you want.

Download this now. Image
Next, upload the reference photo and your logo (in that order) to ChatGPT.

Then use the following prompt:

"Apply the material of the object in the left image to the object on a right image. Maintain the exact shape and form of the object in the right image. Solid black background #000000. 8k resolution."
Read 5 tweets
Apr 17
Pixelated icons in ChatGPT. ๐Ÿ‘€

Prompts & reference photos included below.

You're welcome. ๐Ÿ™‚ Image
I've created a reference photo to simplify the process.

Download the attached photo, and then search Pinterest, Google, or your favorite icon library for a colored icon you like.

Using a colored icon is important here. Image
Upload the reference image and your icon or logo to ChatGPT in that order, and use the following prompt:

"Style the icon in the second photo in the same pixelated style as the icons in the left image. Give it the same color as the image on the right. Solid black background."
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(