Transcript of @nicopradas's reel
DVwZgQXCK9Q
EFECTO APPLE EN TU WEB CON IA DÍA 26/30 RETO 1000 EUROS
تريد الكلمات وراء هذا الـHook؟
سجّل مجانًا لرؤية الكلمات التي تحمل الثقل + أكثر من 50 Hook فيروسي مشابه من مجالك.
Se puede hacer con IA un efecto como este cuando hacemos scroll en nuestra página, o como por ejemplo, este otro. Para hacerlo nos vamos a esta página y vamos a utilizar Nano Banana para generar las imágenes. Aquí vamos a generar la imagen del frame inicial y la imagen del frame final, es decir, cómo queremos que acabe el efecto. Para generar la imagen final vamos a adjuntar la imagen inicial como referencia. Y vamos a generar un vídeo con el modelo de Kling dándole la imagen inicial y la final, y diciéndole que haga una transición suave, que se separen los componentes, y al final me ha salido un vídeo como este. Vamos a descargarnos este vídeo y vamos a pasarle este prompt a Claude de que básicamente le dice que extraiga los frames del vídeo para hacer la transición. Y quedaría algo así cuando hacemos scroll. También lo podemos hacer más simple con iconos o con imágenes más pequeñas. Comenta la palabra prompt y te lo envío.
حوّل هذا إلى السكريبت الخاص بك
أعد مزج الـHook بالذكاء الاصطناعي بصوتك — جاهز للتسجيل خلال دقائق.
"Se puede hacer con IA un efecto como este cuando hacemos scroll en nuestra página, o como por ejemplo, este otro." [TEXT: "EFECTO APPLE EN TU WEB CON IA DÍA 26/30 RETO 1000 EUROS"] [VISUAL: A laptop screen shows a camera that disassembles into its components as the user scrolls, then a keyboard doing the same.] "Para hacerlo nos vamos a esta página y vamos a utilizar Nano Banana para generar las imágenes." [VISUAL: The laptop screen shows the Higgsfield.ai website with multiple images of camera components.] "Aquí vamos a generar la imagen del frame inicial y la imagen del frame final, es decir, cómo queremos que acabe el efecto." [VISUAL: The user is interacting with the Higgsfield.ai interface, selecting options to generate images.] "Para generar la imagen final vamos a adjuntar la imagen inicial como referencia." [VISUAL: The screen shows a prompt box with text describing the desired exploded view of the camera.] "Y vamos a generar un vídeo con el modelo de Kling dándole la imagen inicial y la final, y diciéndole que haga una transición suave, que se separen los componentes, y al final me ha salido un vídeo como este." [VISUAL: The user navigates to the video creation section, uploads the start and end frames, and the generated video plays showing the camera disassembling.] "Vamos a descargarnos este vídeo y vamos a pasarle este prompt a Claude de que básicamente le dice que extraiga los frames del vídeo para hacer la transición." [VISUAL: The laptop screen shows a code editor (VS Code) with a file named 'camera-video.mp4' and a 'PROMPT.md' file open, displaying instructions for frame extraction and animation.] "Y quedaría algo así cuando hacemos scroll." [VISUAL: The final result is shown, a webpage where scrolling disassembles the camera smoothly.] "También lo podemos hacer más simple con iconos o con imágenes más pequeñas." [TEXT: "TE ENVÍO EL PROMPT PARA CLAUDE CODE COMENTA 'PROMPT'"] "Comenta la palabra prompt y te lo envío."
The video starts by showing a captivating 'Apple-like' scroll effect on a webpage, immediately grabbing attention with a real-world application of AI.
“Se puede hacer con IA un efecto como este cuando hacemos scroll en nuestra página, o como por ejemplo, este otro.”
The speaker introduces the AI tool used to create the visuals, setting up the 'how-to' aspect of the content.
“Para hacerlo nos vamos a esta página y vamos a utilizar Nano Banana para generar las imágenes.”
The video demonstrates the process of generating initial and final frames for the animation using the AI image generator.
“Aquí vamos a generar la imagen del frame inicial y la imagen del frame final, es decir, cómo queremos que acabe el efecto.”
The next step in generating the video animation using the AI tool is shown, detailing how to combine the frames.
“Y vamos a generar un vídeo con el modelo de Kling dándole la imagen inicial y la final, y diciéndole que haga una transición suave, que se separen los componentes, y al final me ha salido un vídeo como este.”
The video then explains the technical implementation of embedding the generated video frames into a webpage using code, addressing the practical application.
“Vamos a descargarnos este vídeo y vamos a pasarle este prompt a Claude de que básicamente le dice que extraiga los frames del vídeo para hacer la transición.”
The final, fully implemented scrolling effect on the webpage is showcased, fulfilling the promise made at the beginning.
“Y quedaría algo así cuando hacemos scroll.”
A direct call to action to receive the prompt for the AI tool, encouraging engagement and providing value.
“Comenta la palabra prompt y te lo envío.”
اعثر على المزيد من الريلز كهذا في مجالك
تابع المنافسين وشاهد ما الذي ينجح فعلًا — يُحدّث يوميًا.
CreatorHouse يُفرّغ، يحلّل ويعيد مزج محتوى منافسيك ومكتبتك — كله في مساحة واحدة.