Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

IT'S FINALLY HERE! 🔥 Magnific Style Transfer! 🔥 Transform any image, controlling the amount of style transferred and the structural integrity ✨ Infinite use cases! 3d, video games, interior design, for fun... Details, 10 tutorials & HUGE surprise 🧵👇

432,434 Aufrufe • vor 2 Jahren •via X (Twitter)

25 Kommentare

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

If you can't wait, here's the link to that website that most of you already love (and we love you back! ❤️). LINK 👇👇👇

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

So, before anything... what's Style Transfer, and what can it do for me? You know, they say a picture is worth a thousand words, right? So, before we jump into the tutorials, let me explain what this is all about. Meet Akira, my dog ❤️. And now, let's do some magic...

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

EXPECTO TRANSFORMIO 🪄 Et voila! So, for each result, I used a reference image with the style, plus my prompt and parameters to guide the transformation. Results are around 1k resolution, so to give them the final extra touches, I did a Magnific 2x upscale on some of them.

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

"Super cool, Javi, but does it work for people too?" Glad you asked, yes it does! In fact, we spent quite a lot of time tuning the "Portraits" options!

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

"And what if I just want to change my image and not transfer any style?" Sure! Just use the "DoNotStyle" flavors and a good prompt explaining what you want. For example: "Tokyo street in winter, (snowy landscape:1.3)". That, along with a 4x upscale, will work wonders!

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

"Ok, that was easy... But you can't make that street be under attack by huge slimes from outer space, can you???" HOLD MY BEER 🍺 Transformation + 4x upscale = 🤯 Hollywood gonna love this shit!

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

Are you starting to understand the implications of this technology? Are you beginning to feel the tingles of power at your fingertips? THIS IS HUGE!!! If you can imagine it, you can transform it! From coloring, texturing, and lighting a sketch if you're a video game studio...

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

To texturizing & lighting a 3D render using just a reference image, your prompt and parameters and giving it super high resolution with the current Magnific upscaling pipeline in less that 5 minutes! Hours and hours of work reduced to 5 minutes. It's crazy! 🤯

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

"And it is easy to use?" Well, more or less! It comes with a ton of options that might give you analysis paralysis 😱😜, but you can start with the defaults to quickly get some cool results! Anyway, let's get to the tutorials so that you have some cool tests to try out!

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

1. Coloring, texturing, and lighting a sketch for a video game. First, the transformation:

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

And second, the 4x upscale:

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

2. Any image to 3d Cartoon style.

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

3. Redesigning interiors in SUPER high resolution (up to 10k with the current Magnific upscaling pipeline).

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

4. Convert any image to a Monkey Island 3 background 🏴‍☠️🦜

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

5. Texturizing and lighting base render First, the transformation:

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

And second, the 4x upscale:

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

6. Illustration and video game assets Style Transfer. Great tutorial from Amira!

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

7. Sketch to reality by Dogan!

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

8. Transform your photo in any avatar of your choice!

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

9. A super in-depth tutorial in English and Chinese, testing all the Style Transfer flavors and engines!

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

10. Chihuahua test from James Yeung!

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

OK, enough! And now... the 🔥 SURPRISE 🔥 We are giving 5 Magnific 🪄 accounts, each with 10,000 tokens, to 5 random people who simply click on the following post to open it (the first one in the thread) and REPOST it. Good luck & enjoy!🤞🍀

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

I will be adding to the thread some of your amazing tests! This one is from @YesIMaDesigner! He applied a 4x upscale after the transformation to get the maximum detail possible. Love to see what professionals can do with this tool!

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

And yes! Now you know in what we have been working for the past months! 🔥 This wasn't an "anime preset" as I led the competition to believe 🤣 It was one of the first tests of Style Transfer + a 4x upscale using the "Art & Illustration" setting.

Profilbild von Javi Lopez ⛩️
Javi Lopez ⛩️vor 2 Jahren

New tutorial!

Ähnliche Videos

CSS Tip! 💫 You can create this responsive perspective warp animation with 3D CSS and container queries ✨ (Video reveals trick 👀) .warp { container-type: size; perspective: 100px; transform-style: preserve-3d; resize: both; overflow: hidden; } Couple of tricks in this one 🤓 The main idea is to create a tunnel (an open-ended cube). On each side of the tunnel, use linear-gradient to create the grid lines ✨ .side { background: linear-gradient(#​fff 0 1px, transparent 1px 5%) 50% 0 / 5% 5%, linear-gradient(90deg, #​fff 0 1px, transparent 1px 5%) 50% 50% / 5% 5%; } To position each side, you rotate on the x-axis by 90deg. Each side would become invisible at this point. So you give the scene perspective 😉 .warp__side--top { width: 100cqi; height: 100cqmax; transform-origin: 50% 0%; transform: rotateX(-90deg); } The cool part here is that you want to make each side the same height. But the container is responsive. So you can use a container query and make sure each side is 100cqmax tall 🫶 Then the "beams". Each side contains "beams". They have different colors, sizes, and positions, and move at different speeds ⚡️ We can control that through scoped custom properties. .beam { width: 5%; position: absolute; top: 0; left: calc(var(--x, 0) * 5%); aspect-ratio: 1 / 2; background: linear-gradient( hsl(var(--hue) 80% 60%), transparent ); translate: 0 100%; animation: warp calc(var(--speed, 0) * 1s) calc(var(--delay, 0) * -1s) infinite linear; } The magic here is though that a beam's animation is as basic as translating it from the top of the side to the bottom. And you can get that distance with a container query again 🔥 @​keyframes warp { 0% { translate: -50% 100cqmax; } 100% { translate: -50% -100%; } } And that is pretty much it! A cool warp animation effect using 3D CSS and container queries ⚡️ If you have any questions, let me know ᵔᴥᵔ CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

187,474 Aufrufe • vor 2 Jahren

🔴 Finally! NVIDIA has finally made the code for Neuralangelo public! It has the ability to transform any video into a highly detailed 3D environment, and it's a technology related to but DIFFERENT from NeRF. 💡 Here's how it works: It takes a 2D video as input, showing an object, monument, building, landscape, etc., from various perspectives and analyzes details such as depth, size, and the shapes of objects. From this, the AI sketches an initial 3D model, similar to how an artist molds a figure. This representation is then refined to highlight more details, just as an artist would make the final touches when sculpting. The result is a 3D environment/model, perfect for use in any environment. Imagine the applications it will have for video games, cinema, virtual environments, VR, and more! 📽️🎮 💡 More details: A year ago, an article was presented on a groundbreaking technique called NVIDIA's Instant NeRF. This technique turns images into stunning 3D scenes in a short time, ideal for creating realistic models for video games and other applications. Although Instant NeRF had a lot of potential, the generated models were not perfect and often lacked detailed structures, appearing somewhat cartoonish. A year on, NVIDIA releases a new technique based on Instant NeRF, named Neuralangelo. This enhances the fidelity of surface structures. While NeRF reconstructs real objects in virtual environments from images or videos, Instant NeRF speeds up this process, and Neuralangelo further improves the quality, making the generated objects appear even more realistic when examined up close. Neuralangelo improves Instant NeRF's approach in two key ways related to the hash grid encoding technique: 1⃣ Numerical gradients have been used to compute higher-order derivatives as a smoothing operation. This optimizes the "hash grid" encoding using numerical rather than analytical gradients, providing a smoother input to the network that produces the 3D model. 2⃣ A "coarse-to-fine" optimization has been implemented in the hash grids to control different levels of detail. That is, they first focus on a smoothed version of the scene, and then refine it with more detailed updates. Well, as Arthur C. Clarke said, "Any sufficiently advanced technology is indistinguishable from magic."

Javi Lopez ⛩️

689,180 Aufrufe • vor 3 Jahren