ๆญฃๅœจๅŠ ่ฝฝ่ง†้ข‘...

่ง†้ข‘ๅŠ ่ฝฝๅคฑ่ดฅ

Saw this "Text Behind Image" tool today and wanted to see if I can recreate it. And I did. Runs 100% in the browser! First version is live now. Link below ๐Ÿ‘‡

115,576 ๆฌก่ง‚็œ‹ โ€ข 1 ๅนดๅ‰ โ€ขvia X (Twitter)

10 ๆก่ฏ„่ฎบ

Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘ ็š„ๅคดๅƒ
Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘1 ๅนดๅ‰

The model can take a while to download. So be patient. I tested this on a Macbook M2. Probably doesn't run on a potato.

Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘ ็š„ๅคดๅƒ
Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘1 ๅนดๅ‰

Here are some more examples

Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘ ็š„ๅคดๅƒ
Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘1 ๅนดๅ‰

If there is demand for it I will add more features like more fonts, italic formatting & better UX to how to format the text. Also open to feedback ๐Ÿ™๐Ÿซถ

Mitra ็š„ๅคดๅƒ
Mitra1 ๅนดๅ‰

Works very well for a first version! ๐Ÿ‘

Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘ ็š„ๅคดๅƒ
Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘1 ๅนดๅ‰

Oh this is sick

Jim Monge ็š„ๅคดๅƒ
Jim Monge1 ๅนดๅ‰

I think here's how it works: 1. Duplicate the image 2. Isolate the subject and remove the background on the top layer image 3. Render the text in between the top and bottom layer image There's a handful of background removal API out there but I'm curious what you used on this app.

Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘ ็š„ๅคดๅƒ
Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘1 ๅนดๅ‰

100% how it is done. No API, this is running locally with transformers.js.

Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘ ็š„ๅคดๅƒ
Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘1 ๅนดๅ‰

damn

Daniel Stark ็š„ๅคดๅƒ
Daniel Stark1 ๅนดๅ‰

Cool! :)

Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘ ็š„ๅคดๅƒ
Dreaming Tulpa ๐Ÿฅ“๐Ÿ‘‘1 ๅนดๅ‰

nice one!

็›ธๅ…ณ่ง†้ข‘