Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

an alternative approach to console animation that doesn't hijack the console 1. inline CSS animation into an SVG 2. style console message with background-image 3. use SVG as the background-image 🚀 console​.info( "%ccome cook", "background-image: url(/animated.svg);" )

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,392 subscribers

93,420 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

We’re finally getting layers in AI images. The new Qwen Image Layered LoRA allows you to decompose any image into layers - which means you can move, resize, or replace an object / background. This is Photoshop-grade editing, offered as an open source model 🤯
0:12

We’re finally getting layers in AI images. The new Qwen Image Layered LoRA allows you to decompose any image into layers - which means you can move, resize, or replace an object / background. This is Photoshop-grade editing, offered as an open source model 🤯

Justine Moore

50,816 görüntüleme • 7 ay önce

From product image to video with just one tool - Dzine As you may have noticed, this is one of my favorite tools. It is also very underrated, as probably 50% of my tutorials include some workflow. I was testing the new image-to-video option today, and I love it. Step - by step guide in comments 🔽 I can do 95% of a workflow without switching between apps. Image generation, Image to image with style reference, background removal, background generation, and 2 frames image to video. The only other app I have been using for this video is CapCut so that I can stitch it together. Step by step 🔽
0:11

From product image to video with just one tool - Dzine As you may have noticed, this is one of my favorite tools. It is also very underrated, as probably 50% of my tutorials include some workflow. I was testing the new image-to-video option today, and I love it. Step - by step guide in comments 🔽 I can do 95% of a workflow without switching between apps. Image generation, Image to image with style reference, background removal, background generation, and 2 frames image to video. The only other app I have been using for this video is CapCut so that I can stitch it together. Step by step 🔽

Teodora P L

28,523 görüntüleme • 1 yıl önce

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.
0:15

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.

Kōda

39,975 görüntüleme • 13 gün önce

I created a pre-loader for my portfolio. This isn’t a video playing in the background it’s an animation made with 100+ SVG frames. Took me a while to get it right 😭 The idea is basically to showcase my terrible sleep schedule LMAO. It's currently live
0:15

I created a pre-loader for my portfolio. This isn’t a video playing in the background it’s an animation made with 100+ SVG frames. Took me a while to get it right 😭 The idea is basically to showcase my terrible sleep schedule LMAO. It's currently live

Adi

51,657 görüntüleme • 15 gün önce

Multi-bot chat allows you to seamlessly combine the unique strengths of different bots to complete tasks. For example, using fal’s latest bots, you can generate an image and remove the background within one conversational thread for a more efficient workflow. (1/2)
0:17

Multi-bot chat allows you to seamlessly combine the unique strengths of different bots to complete tasks. For example, using fal’s latest bots, you can generate an image and remove the background within one conversational thread for a more efficient workflow. (1/2)

Poe

19,538 görüntüleme • 2 yıl önce

As a Product Designer with an educational and professional background in stop motion and frame-to-frame animation, creating these loaders was seamless. I carefully considered the shape of each frame for the desired animation. Here's my process: 👇👇 ◉ ○ ○ ○ - 1/4
0:13

As a Product Designer with an educational and professional background in stop motion and frame-to-frame animation, creating these loaders was seamless. I carefully considered the shape of each frame for the desired animation. Here's my process: 👇👇 ◉ ○ ○ ○ - 1/4

Muhammed Adepoju - Design Yoda

41,672 görüntüleme • 2 yıl önce

Playing around with World Labs' 3D generator and combining it with Runway vid2vid to blend myself and the background better. Although it's only a side perspective, you can tell it doesn't have that static image feel because of how the 3D environment is moving.
0:18

Playing around with World Labs' 3D generator and combining it with Runway vid2vid to blend myself and the background better. Although it's only a side perspective, you can tell it doesn't have that static image feel because of how the 3D environment is moving.

enigmatic_e

19,798 görüntüleme • 1 yıl önce

How to create this kind of video game interface animation with GPT Image 2 and Seedance 2 why is it possible now thanks to GPT Image 2? This model is really good in terms of details and design interface. Also, this model allows you to rework multiple times an image without damaging the quality let me share my workflow👇
0:15

How to create this kind of video game interface animation with GPT Image 2 and Seedance 2 why is it possible now thanks to GPT Image 2? This model is really good in terms of details and design interface. Also, this model allows you to rework multiple times an image without damaging the quality let me share my workflow👇

INK

246,444 görüntüleme • 3 ay önce

Seedance 2.0 on TapNow Prompt: Image 1: Woman Image 2: Man CAMERA Shot in the style of a handheld DV 16mm tape camcorder. The footage is filmed entirely from Image 2's point of view, with him holding the camcorder himself. Maintain authentic handheld imperfections throughout: natural hand shake off-center framing delayed autofocus clumsy zoom-ins and zoom-outs self-camera shots where faces are sometimes partially cut off imperfect framing that occasionally loses the subject Every shot is either a selfie shot or first-person POV filmed by Image 2. The camcorder itself never appears on screen. SCENE Image 1 and Image 2 are at Gangneung Beach at night. Image 1 hugs Image 2 from the front, lifting him into her arms. The camera is filmed from Image 2's perspective while being carried. Image 1: "That confession you made earlier... was it real... or not?" "Be clear. Tell me honestly." Image 2: "Whyyy~~ Can't I joke around~~?" Still carrying Image 2 in his arms, Image 1 suddenly runs into the ocean. Image 2: "Hey! Hey!! Don't do it!!!" The camera shakes violently as they rush into the water, and the video abruptly ends. LOOK A DV 16mm tape camcorder travel footage aesthetic: soft, slightly blurry digital tape image quality subtle tape noise highlights that bloom slightly under natural light minor automatic exposure fluctuations muted, low-contrast colors realistic skin tones AUDIO Natural nighttime ocean waves. Audio recorded with an old camcorder, including noticeable tape hiss and recording noise.
0:15

Seedance 2.0 on TapNow Prompt: Image 1: Woman Image 2: Man CAMERA Shot in the style of a handheld DV 16mm tape camcorder. The footage is filmed entirely from Image 2's point of view, with him holding the camcorder himself. Maintain authentic handheld imperfections throughout: natural hand shake off-center framing delayed autofocus clumsy zoom-ins and zoom-outs self-camera shots where faces are sometimes partially cut off imperfect framing that occasionally loses the subject Every shot is either a selfie shot or first-person POV filmed by Image 2. The camcorder itself never appears on screen. SCENE Image 1 and Image 2 are at Gangneung Beach at night. Image 1 hugs Image 2 from the front, lifting him into her arms. The camera is filmed from Image 2's perspective while being carried. Image 1: "That confession you made earlier... was it real... or not?" "Be clear. Tell me honestly." Image 2: "Whyyy~~ Can't I joke around~~?" Still carrying Image 2 in his arms, Image 1 suddenly runs into the ocean. Image 2: "Hey! Hey!! Don't do it!!!" The camera shakes violently as they rush into the water, and the video abruptly ends. LOOK A DV 16mm tape camcorder travel footage aesthetic: soft, slightly blurry digital tape image quality subtle tape noise highlights that bloom slightly under natural light minor automatic exposure fluctuations muted, low-contrast colors realistic skin tones AUDIO Natural nighttime ocean waves. Audio recorded with an old camcorder, including noticeable tape hiss and recording noise.

WasifAI

23,300 görüntüleme • 1 ay önce

Starting the Ferrari Luce is engineered as pure theatre. It begins with a tactile glass key, featuring an automotive-first E Ink display that draws power only to shift its colour. As it fades from yellow to black and docks into the console, the cabin awakes. Stillness gives way to motion.
0:18

Starting the Ferrari Luce is engineered as pure theatre. It begins with a tactile glass key, featuring an automotive-first E Ink display that draws power only to shift its colour. As it fades from yellow to black and docks into the console, the cabin awakes. Stillness gives way to motion.

Ferrari Focus

251,234 görüntüleme • 6 ay önce

Have you ever imagined your city turning into a Lego world? With Kling O1, that fantasy becomes real! Tools: Kling IMAGE O1, Kling Image to Video Use this image-generation prompt: Present a clear, 45° top-down isometric miniature Lego-style 3D cartoon scene of New York built entirely from plastic bricks. Recreate the city’s most iconic landmarks and architectural elements using distinctive Lego block geometry. Use clean, glossy brick textures with subtle PBR reflections and soft, playful lighting and shadows. Keep the composition minimalistic with a soft, solid-colored background. Feeling inspired? Just change the city name and watch a whole new Lego universe come to life!
0:11

Have you ever imagined your city turning into a Lego world? With Kling O1, that fantasy becomes real! Tools: Kling IMAGE O1, Kling Image to Video Use this image-generation prompt: Present a clear, 45° top-down isometric miniature Lego-style 3D cartoon scene of New York built entirely from plastic bricks. Recreate the city’s most iconic landmarks and architectural elements using distinctive Lego block geometry. Use clean, glossy brick textures with subtle PBR reflections and soft, playful lighting and shadows. Keep the composition minimalistic with a soft, solid-colored background. Feeling inspired? Just change the city name and watch a whole new Lego universe come to life!

Kling AI

38,391 görüntüleme • 8 ay önce

ChatGPT-Image-2.0 × HappyHorse 1.0 作り方： Step 1：ChatGPT-Image-2.0で画面を生成 Prompt Step-by-step shampoo routine: first create enough foam in your hands; do not apply shampoo directly to the scalp; apply the foam to the scalp and gently cleanse. Rinse thoroughly with water, then dry at the end. Clean bathroom background, soft lighting, instructional style, photorealistic, high detail Step 2：HappyHorse 1.0で動画化 Prompt Share 124 Following steps in the reference image, a step-by-step shampoo routine: first create enough foam in your hands; do not apply shampoo directly to the scalp; apply the foam to the scalp and gently cleanse. Rinse thoroughly with water, then dry at the end. Clean bathroom background, soft lighting, instructional style, photorealistic, high detail
0:15

ChatGPT-Image-2.0 × HappyHorse 1.0 作り方： Step 1：ChatGPT-Image-2.0で画面を生成 Prompt Step-by-step shampoo routine: first create enough foam in your hands; do not apply shampoo directly to the scalp; apply the foam to the scalp and gently cleanse. Rinse thoroughly with water, then dry at the end. Clean bathroom background, soft lighting, instructional style, photorealistic, high detail Step 2：HappyHorse 1.0で動画化 Prompt Share 124 Following steps in the reference image, a step-by-step shampoo routine: first create enough foam in your hands; do not apply shampoo directly to the scalp; apply the foam to the scalp and gently cleanse. Rinse thoroughly with water, then dry at the end. Clean bathroom background, soft lighting, instructional style, photorealistic, high detail

KANA｜東京AI映像

22,601 görüntüleme • 3 ay önce

Vibe-coded the first version of in just 7 hours. In 3 months: 60 paid users and 3K+ sign-ups. What it does: places text between the subject and the background of an image — a style that’s quite popular for POV-style YouTube thumbnails Here’s the exact stack I used: 1. ChatGPT – wrote the PRD and broke features into small chunks 2. Cursor – implemented everything step by step (it took me 47 prompts) 3. – database 4. Vercel – deployment 5. Payments – Lemon Squeezy
0:19

Vibe-coded the first version of in just 7 hours. In 3 months: 60 paid users and 3K+ sign-ups. What it does: places text between the subject and the background of an image — a style that’s quite popular for POV-style YouTube thumbnails Here’s the exact stack I used: 1. ChatGPT – wrote the PRD and broke features into small chunks 2. Cursor – implemented everything step by step (it took me 47 prompts) 3. – database 4. Vercel – deployment 5. Payments – Lemon Squeezy

Aditya

70,578 görüntüleme • 10 ay önce

Here's exactly how to create these 3D Animations in under 5 minutes: 1. Generate character with GPT using this prompt: 9X16 image of a 3D hyper-realistic character of (DESIRED CHARACTER), anthropomorphic with a friendly face and large expressive eyes. Unreal Engine 5 render style. Background is a (DESIRED BACKGROUND) 2. Animate the video with VEO 3 3. Clone the entire entire video's voice with elevenlabs and rewrite the entire audio clip and paste it back in with capcut. Thats it, stop wasting money on 3D artists.
0:12

Here's exactly how to create these 3D Animations in under 5 minutes: 1. Generate character with GPT using this prompt: 9X16 image of a 3D hyper-realistic character of (DESIRED CHARACTER), anthropomorphic with a friendly face and large expressive eyes. Unreal Engine 5 render style. Background is a (DESIRED BACKGROUND) 2. Animate the video with VEO 3 3. Clone the entire entire video's voice with elevenlabs and rewrite the entire audio clip and paste it back in with capcut. Thats it, stop wasting money on 3D artists.

mtvmald

66,085 görüntüleme • 6 ay önce

AI animation filmmaking is already here. ❤️‍🔥 3 prompts in the comments: This is not an AD. Workflow orchestrated by its supercomputer agent, created with Higgsfield AI 🧩 Seedance 2.0 + GPT Image 2 + Storyboard
0:16

AI animation filmmaking is already here. ❤️‍🔥 3 prompts in the comments: This is not an AD. Workflow orchestrated by its supercomputer agent, created with Higgsfield AI 🧩 Seedance 2.0 + GPT Image 2 + Storyboard

hedoήist

32,444 görüntüleme • 3 ay önce

To get your website seen on ChatGPT, Gemini, and the rest, do this: 1. Add a detailed summary about your product or services as an llms.txt file on your website 2. Then submit the page to these websites: - - 3. ( Optional ) You can also submit it to Google Search Console Thank me later
0:16

To get your website seen on ChatGPT, Gemini, and the rest, do this: 1. Add a detailed summary about your product or services as an llms.txt file on your website 2. Then submit the page to these websites: - - 3. ( Optional ) You can also submit it to Google Search Console Thank me later

Tomilola • Software Engineer

233,478 görüntüleme • 6 ay önce

I used a movement sheet as a reference image to animate the dance using Seedance 2.0 + GPT image 2.0 GPT Image 2.0 prompt: [STYLE] Monochrome grayscale illustration, 3D-rendered character, clean instructional reference sheet, white background, comic-style cell grid layout, technical diagram aesthetic. [LAYOUT] 4×4 grid layout with a total of 16 panels. Each panel is separated by thin black border lines. Cells are numbered from 1 to 16, with consistent panel sizes. [CHARACTER] image1 (the same character appears consistently in all panels) [PANEL STRUCTURE – per cell] Top-left: bold number badge + English title text Center: full-body character pose illustration Bottom-left: English description text (3–4 lines) Overlay: directional arrows indicating movement [ARROWS / MOTION INDICATORS] Curved arrows, straight arrows, and circular rotation indicators placed around the character to show motion flow and direction. [RENDERING STYLE] Highly detailed 3D sculpted style, soft studio lighting, subtle shadows, no color, grayscale shading, clean linework, game concept art quality. [NEGATIVE] No background scenery, no color tones, no additional characters, no complex background.
0:15

I used a movement sheet as a reference image to animate the dance using Seedance 2.0 + GPT image 2.0 GPT Image 2.0 prompt: [STYLE] Monochrome grayscale illustration, 3D-rendered character, clean instructional reference sheet, white background, comic-style cell grid layout, technical diagram aesthetic. [LAYOUT] 4×4 grid layout with a total of 16 panels. Each panel is separated by thin black border lines. Cells are numbered from 1 to 16, with consistent panel sizes. [CHARACTER] image1 (the same character appears consistently in all panels) [PANEL STRUCTURE – per cell] Top-left: bold number badge + English title text Center: full-body character pose illustration Bottom-left: English description text (3–4 lines) Overlay: directional arrows indicating movement [ARROWS / MOTION INDICATORS] Curved arrows, straight arrows, and circular rotation indicators placed around the character to show motion flow and direction. [RENDERING STYLE] Highly detailed 3D sculpted style, soft studio lighting, subtle shadows, no color, grayscale shading, clean linework, game concept art quality. [NEGATIVE] No background scenery, no color tones, no additional characters, no complex background.

Oogie

352,590 görüntüleme • 3 ay önce

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆
0:16

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆

Yan Liu

67,083 görüntüleme • 2 ay önce

Today, with collaborators at Google, we're announcing 🤩RealFill🤩! A generative AI approach to fill missing regions of an image with the content that should have been there. The best way to turn almost perfect pictures into invaluable memories! page:
0:13

Today, with collaborators at Google, we're announcing 🤩RealFill🤩! A generative AI approach to fill missing regions of an image with the content that should have been there. The best way to turn almost perfect pictures into invaluable memories! page:

Nataniel Ruiz

158,924 görüntüleme • 2 yıl önce