'scenes' 검색 결과

모션 그래픽을 기획하거나 개선할 때 메시지, 글자의 움직임, 장면 연결, 읽는 시간을 정리해 하나의 의도가 전달되는 영상과 애니메이션을 설계하도록 돕습니다.

• 짧은 제품 소개 영상 기획
• 움직이는 글자의 가독성 개선
• 공통 모티프로 장면 연결

예술적 애니메이션과 해설 영상의 구도, 스토리보드, 화면 속 움직임을 설계합니다. 서른다섯 가지 스타일, 아홉 가지 해설 패턴과 Canvas 코드로 구현을 돕습니다.

• 해설 영상의 스토리보드를 만듭니다
• 애니메이션의 화풍을 선택합니다
• Canvas로 재현할 움직임을 만듭니다

결혼기념일에 부부의 10년을 돌아보는 사진과 글의 HTML 슬라이드를 만듭니다. 검은 배경에 분홍색과 크림색을 조합해 가족과 친구에게 추억과 전환점을 전합니다.

• 결혼기념일 포토 에세이 제작
• 10년의 추억과 전환점 돌아보기
• 가족과 친구에게 부부의 여정 소개

개인의 경험과 신념을 이야기 흐름이 있는 HTML 슬라이드로 만듭니다. 파스텔 카드 템플릿으로 구성과 본문, 시각적 방향, 발표자 노트를 정리합니다.

• 개인의 신념을 전달할 발표 자료를 만듭니다
• 한 해의 경험을 이야기로 정리합니다
• 파스텔풍 HTML 슬라이드를 만듭니다

Three.js로 브라우저에서 표시하고 조작할 수 있는 3D 요소와 경험을 제작합니다. 장면 구성, 재질 외관, 조작 방식, 렌더링 후 시각 효과를 다룹니다.

• 웹 페이지에 3D 요소 제작
• 브라우저에서 조작하는 3D 경험 제작
• 재질 외관과 조작 방식 조정

Build HyperFrames animations from small motion recipes, scene templates, and transitions. The skill guides runtime selection, including GSAP, Lottie, and Three.js, and provides an audit script to examine timing and choreography while following HyperFrames requirements for reproducible rendering.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Combine motion recipes into a scene
• Build a multi-phase brand reveal from a template
• Design transitions between scenes

Generate cinematic clips with Seedance 2.0 using camera directions, multiple shots, and synchronized speech, sound effects, and ambience. Reference images help maintain character appearance, while the skill guides prompt structure, provider selection, previews, and checks of the finished clips.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Producing trailers and teaser clips
• Generating multiple shots with a consistent character
• Creating dialogue scenes with matching mouth movements

Generate 4–30 second videos with synchronized audio using ByteDance Seedance 2.5. Organize image, video, and audio references, write shot-by-shot prompts, and define continuity rules to keep characters and locations consistent across cuts.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Generating short videos with synchronized audio
• Planning multi-shot scenes with consistent characters and locations
• Building video prompts from image, video, and audio references

Add glow, depth-based blur, color correction, and other finishing effects to Three.js scenes. Covers combining effects with EffectComposer, writing custom shaders for screen effects, handling window resizing, and adjusting rendering workload.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding glow to objects in a 3D scene
• Adjusting background blur and scene colors
• Highlighting selected objects with outlines

Helps agents build the foundations of a Three.js scene, including cameras, rendering settings, object grouping, and movement. Code examples cover coordinate systems, resizing, animation timing, resource cleanup, and basic performance improvements for browser-based 3D projects.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Set up a browser-based 3D scene
• Choose between perspective and orthographic cameras
• Move or rotate several objects as a group

Build asset loading for Three.js scenes, including 3D models, textures, and HDR images for backgrounds and reflections. Coordinate multiple files, track loading progress, reuse cached assets, and handle failures with retries or fallback files.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Load GLTF/GLB models into a Three.js scene
• Show loading progress across multiple assets
• Use HDR images for backgrounds and reflections

Generate HeyGen videos from text prompts or specify avatars, voices, scripts, and scenes for controlled production. This deprecated skill covers explainers and presentations; its replacement skills separate prompt-based generation from detailed avatar video creation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Generating explainer videos from text prompts
• Creating avatar presentations with an exact script
• Specifying avatars and backgrounds for each scene

Turn a written brief into an explainer video by generating narration, images, music, and optional talking presenters. Assemble scenes with Remotion, adjust their timing to the generated audio, review still frames, and render an MP4.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating a narrated product introduction
• Turning a sprint review into a video
• Adding an animated presenter to a scene

Build Remotion videos using the toolkit’s shared backgrounds, comparison layouts, presenter overlays, and custom scene transitions. Apply its 30fps timing conventions and rendering practices to assemble scenes and coordinate them with voiceover.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add glitch or light-leak scene transitions
• Show two videos side by side
• Overlay a presenter or corner logo

Inspect video content locally by extracting frames with ffmpeg and transcribing speech with Whisper. The skill produces timestamped image paths, transcript segments, and video details in JSON, giving an agent material for visual review without requiring API keys.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing scenes and speech in a local video
• Transcribing video audio without API keys
• Extracting frames at scene changes or regular intervals

Create mathematical and geometric animations in Python with Manim Community Edition. Use guidance, examples, and scene templates to structure animations, display equations, plot graphs, control cameras, and render two-dimensional or three-dimensional scenes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Animating equations and derivations
• Creating function graphs and area visualizations
• Building 3D surfaces with camera movement

Add mouse, touch, and keyboard interaction to Three.js scenes. Implement object picking, camera navigation, dragging, and transform handles, with examples for selection feedback, coordinate conversion, and limiting the cost of interaction checks.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Select 3D objects with clicks or touch
• Add camera rotation and zoom controls
• Drag, rotate, and scale objects

Create explainer, demo, or marketing videos from a written idea using HeyGen's Video Agent. It handles scripts, avatars, visuals, voiceover, pacing, and captions, then provides a download URL when generation finishes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create a product demo from a written description
• Turn an explanatory topic into a video
• Draft a marketing video

Create Three.js shapes, custom meshes, 3D text, and point clouds. Explains vertex editing and geometry utilities, plus instancing, a technique for efficiently drawing many copies of the same shape with different positions, sizes, or colors.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating basic solids and path-based 3D shapes
• Building and modifying custom meshes
• Displaying 3D text, point clouds, and wireframes

Set up lighting and shadows in Three.js scenes. Choose light types, create outdoor or studio lighting, use environment images to illuminate materials, and tune shadow settings to balance appearance with rendering performance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create sunlight and sky lighting outdoors
• Set up studio or three-point lighting
• Use HDR images for environment lighting

Find reusable visual effects, charts, titles, and other video elements, then install and integrate them into HyperFrames compositions. It explains how to place standalone scenes on a timeline and merge smaller effect snippets into existing HTML.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Find and add a title effect or transition
• Integrate charts, maps, or terminal visuals into a video
• Install multiple video blocks sharing a tag

Design oversized cursor animation for HyperFrames launch videos. Guide viewers toward interface actions, make clicks trigger the next animation, and connect scenes through deliberate pointer movement, with guidance on size, appearance, entry, targeting, and exit.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Guide attention through a product interface video
• Trigger typing or transitions with a click
• Add purposeful movement to a static scene

Migrate an existing Remotion video composition to HyperFrames HTML and GSAP animation. Check the source for unsupported patterns, translate compatible scenes, compare rendered videos for visual differences, and document anything that could not be preserved.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Migrate a Remotion composition to HyperFrames
• Check source code for migration blockers
• Compare rendered videos after conversion

Guide the visual and storytelling choices for HyperFrames videos, including colors, fonts, composition, narration, and pacing. Use existing brand specifications or choose a visual style to give scenes a consistent look and rhythm.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Matching a video to existing brand guidelines
• Choosing colors and fonts for a video
• Planning the pacing of a multi-scene video