「frames」の検索結果

段階表示やクリックによる分岐、発表者用ノートを備えた操作可能なスライドを作成します。既存ページの見た目や動きを引き継ぐスライド化にも対応します。

• ノート付きの提案資料を作りたいとき
• 要点を一つずつ表示したいとき
• クリックで補足資料を開きたいとき

正方形のタイルが浮き上がって順に反転し、裏側の見出しを見せる8秒の映像部品です。文字やタイルの大きさ、反転方向、奥行きや影など18項目を調整できます。

• タイル反転で別の見出しを見せたいとき
• 紹介動画の冒頭アニメーション制作
• デザインに合わせた奥行きや影の調整

霧の奥から飛来するガラス片が見出しを形作り、カメラの手前へ飛び去るタイトル映像を作れます。文字や破片の数、回転、霧の濃さを調整できます。

• 動画にガラスのタイトル演出を入れたいとき
• 見出しに合わせて破片や動きを調整したいとき
• HyperFramesにタイトル部品を追加したいとき

HyperFrames動画の場面切り替えで起きる白いちらつきを防ぎ、背景、不透明度、シーンの重なり、最終フレーム保持を確認して接合部の描画を整えるスキル。

• 暗い映像の白いちらつきを直したいとき
• クロスフェードの透けを調べたいとき
• マスタータイムラインの組み立て

ショーリール品質（Behance / OFFF / Awwwards級）のモーショングラフィックス動画を HyperFrames（HTML + GSAP + SVG + Canvas、Apache-2.0）で制作する。remotion-motion-reel の HyperFrames 版で、Remotion の Company License が不要な構成。テーマ・素材（キャラクター画像、音声など）から世界観・コピー・デザインシステム・タイムライン・サウンドを補完し、120BPM/60fps で拍同期した映像を実装・レンダリングまで行う。「HyperFramesでかっこいい動画」「ライセンスフリーでモーショングラフィックス」「ショーリールをHTMLで」などの依頼時に使用。

レトロなピクセル調の３シーン動画を、Hyperframes向けのHTMLで作るスキル。タイトルや配色を変え、場面転換や動きを備えた構成に仕上げます。

• ピクセル調の紹介動画を作りたいとき
• ３シーンの動画を差し替えたいとき
• HTMLで場面転換を確認したいとき

音楽の拍や盛り上がりを解析し、文字や画像・動画の動きを合わせた映像を作るスキルです。追加素材がなくても構成でき、計画と映像の確認を経てMP4に仕上げます。

• 音楽に合わせた宣伝映像を作りたいとき
• 曲と写真からスライドショーを作るとき
• 動く文字だけで音楽映像を作りたいとき

Webサイトの画面やブランド素材を取り込み、サイト紹介やSNS向けの動画をHyperFramesで制作します。構成・台本づくりから音声、字幕、検証まで進めます。

• ポートフォリオの動画ツアー制作
• ブログやLPをSNS動画にしたいとき
• 音声・字幕付きのサイト紹介

氷のロゴが砕けて二つのテキストへ組み直される22.5秒の動画を、周回するカメラで見せるHyperFrames用ブロック。文字や質感、破片の動きを調整できます。

• 氷を使ったロゴ動画を作りたいとき
• 二つのメッセージを連続して見せたいとき
• 氷の透明感や霜、ひび割れの調整

Figmaのロゴや配色、画面部品をHyperFramesに取り込み、編集可能なHTMLや動画素材として利用し、絵コンテの状態変化から動きを組み立てるスキル。

• Figmaのロゴを動画素材にしたいとき
• ブランドの色を部品へ反映したいとき
• Figmaの画面を編集可能なHTMLに変換

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

日本語の概要は準備中です。原文の説明を表示しています。

Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

日本語の概要は準備中です。原文の説明を表示しています。

線で形を描いた立体文字がポータルから現れ、別のフレーズへ切り替わる8秒のタイトル映像を作れます。文字の切替速度や乱れ、奥行きの霧、色を調整できます。

• 立体文字を使った動画の冒頭制作
• タイトルを別のメッセージへ変えたいとき
• ポータルや文字の乱れの調整

記事やメモ、テーマから、顔出しや実写撮影を使わない解説動画を制作します。構成・台本から図解や文字の演出、ナレーション、MP4出力まで進めます。

• 記事を解説動画にしたいとき
• 概念を図解と文字で説明したいとき
• 音声付きの手順動画を作りたいとき

葉が画面を横切って開き、二つの見出しを順に見せる12秒のタイトル映像を作れます。文字の書体や大きさ、葉の数、移動速度、残った葉の揺れを調整できます。

• 自然を感じる動画の冒頭制作
• 二つの見出しを順に見せたいとき
• タイトルに合わせた葉の動きの調整

商品サイトのURLや台本、制作概要をもとに、製品紹介・発売告知の動画を作ります。素材収集からブランドに沿った画面設計、構成、ナレーション、映像の組み立てを進めます。

• SaaSやアプリの公開告知
• 新機能を紹介したいとき
• 支給された台本のプロモーション動画化

複数シーンの動画を一続きの動きとして見せるため、切り替え前後の方向と速度、視線をつなぐ要素、場面内の動きを設計し、境界を検証するHyperFrames向けスキル。

• シーン切り替えの動きを統一したいとき
• 共通の要素で場面をつなぎたいとき
• 待ち時間を情報表示や操作に変えたいとき

製品紹介動画で、大きなカーソルを動かして視線を誘導する演出を設計します。画面外からの登場、クリックとアニメーションの連動、次のシーンへの受け渡しを扱います。

• 製品UIの動画で視線を誘導したいとき
• クリックで入力や画面変化を始めたいとき
• 静かなシーンに動きを加えたいとき

角を丸めた立体カードが右から入り、順に回転して注目カードを見せ、左へ抜ける映像部品。内容や形状、照明、背景、カメラを40変数で調整できます。

• 複数カードを立体カルーセルで見せたいとき
• 注目カードを一時停止して見せたいとき
• JSONでカード内容を差し替えたいとき

Create, implement, or review hyperframes keyframes work with format, accessibility, performance, and visual-verification controls. Use when the requested deliverable depends on hyperframes keyframes.

日本語の概要は準備中です。原文の説明を表示しています。

プロジェクトの内容を読み取り、紹介の切り口とトーンを決めて短い告知動画を制作するスキル。動画に加え、ポスター画像と共有用の文章も出力し、縦横比や音声を指定できます。

• プロジェクトの告知動画を作りたいとき
• 縦長・正方形の紹介動画を用意したいとき
• プロジェクトに合う動画のトーンを選びたいとき

HTMLで動画の構成と動きを作り、音声に同期する字幕や読み上げ、音楽に反応する演出を組み合わせます。タイトルや場面転換も扱い、表示のはみ出しや文字の見やすさを検査します。

• 短い商品紹介動画の制作
• 音声に同期する字幕を付けたいとき
• ナレーションと動く文字の組み合わせ

動画に使う画像・音楽・音声などを探し、ローカル素材として記録・再利用します。素材が見つからない場合の生成、字幕や文字起こし、映像の色調整や加工も扱います。

• 画像・BGM・効果音の調達と保存
• ナレーション・文字起こし・字幕制作
• 暗い映像の補正やレトロ風の加工

GitHubのプルリクエストから差分やコミットを読み取り、変更内容を説明する動画を作成します。新機能、修正、リファクタリングを実際のコードで伝えます。

• PRの新機能を動画で説明したいとき
• バグ修正の変更点を伝えたいとき
• リファクタリングを解説したいとき