「frames」の検索結果

HyperFramesの映像にズームやパン、マスク、文字の動きを加え、途中の時刻へ移動しても崩れないアニメーションを診断・画像確認まで進めるスキル。

• 映像にズームやパンを加えたいとき
• マスクで画像を見せたいとき
• 文字やSVGを動かしたいとき

既存のRemotion動画のソースをHyperFramesのHTMLとGSAPへ移植するスキル。非対応コードの検出、変換後の映像比較、差異の記録まで扱います。

• Remotion動画をHyperFramesへ移植
• 移植を妨げるコードの事前確認
• 変換前後の映像を比較したいとき

既存のRemotion製動画のソースを、HyperFrames向けのHTMLとGSAPに移植します。変換できない処理の検出、描画結果の比較、差異の記録まで扱うスキルです。

• Remotionの動画構成を移植したいとき
• 移植を妨げるコードを調べたいとき
• 変換前後の映像を比較したいとき

HyperFramesの再利用ブロックや演出部品を探して導入し、表示時間や重なり順を設定して既存の映像に組み込む作業と、新規部品の制作を支援します。

• 映像にチャートを組み込みたいとき
• 既存の映像に粒子表現を加えたいとき
• 表示時間と重なり順の調整

HyperFramesのアニメーションを、小さな動きのルールやシーンのひな型から組み立てるスキル。場面転換、描画技術の選択、作成後の動きの点検まで扱います。

• 動きのレシピを組み合わせたいとき
• ブランド登場演出をひな型から作りたいとき
• シーン間の場面転換の設計

HyperFrames Studioで動画の企画から絵コンテ、制作まで進め、シーン・字幕・音声のトラック整理と安全な文字配置をそろえるための制作ルール集。

• 製品紹介動画を企画したいとき
• シーン・字幕・音声のトラック整理
• 字幕と重要な内容の安全な配置確認

文字や図形の動き、場面転換を組み合わせて、HyperFramesのアニメーションを制作・点検します。動きのレシピやシーンのひな形、実装方式別の資料を参照できます。

• 文字や図形の動きを組み合わせたいとき
• 複数段階で展開するシーン制作
• アニメーションの実装方式の選定

HyperFramesの動画制作を、プロジェクト作成から素材追加、検査、プレビュー、書き出しまで進めます。一括・クラウド描画の選択や、制作中のエラー調査も扱うスキルです。

• 動画プロジェクトを作成・確認したいとき
• ビルドや描画の失敗を調べたいとき
• データ別の動画を一括出力したいとき

動画に使う文字演出や画面効果、図表などの既存部品を検索し、HyperFramesへ導入します。表示の開始時刻や配置を設定し、映像に組み込む作業を支援します。

• タイトル演出や場面転換を探して追加したいとき
• 図表・地図・端末画面を動画に組み込みたいとき
• 同じタグの動画部品をまとめて導入したいとき

動画やアニメーションの依頼内容と既存プロジェクトの状態を確認し、適した制作手順へ案内します。新規制作から字幕追加、編集、検証、書き出しまで扱います。

• Webサイトや企画から製品紹介動画を作りたいとき
• 既存映像に字幕や情報カードを追加したいとき
• 既存のHyperFramesの編集を再開したいとき

HyperFrames (HTML + GSAP → MP4) でアプリのプロモ動画を決定論的に生成するスキル。 HyperFrames 公式スキル（19本）を土台として前提にし、素材の橋渡し・検証ゲート・ 納品仕様・誇張表現の禁止という「公式が扱わない層」だけを担当する。 SNS リール、LP ヒーロー動画、リリース告知、機能デモが対象。 Use when: プロモ動画を作りたい、告知動画を作りたい、HTML から動画を作りたい、 HyperFrames で動画を作りたい、リリース動画を作りたい、SNS 用の縦動画を作りたい。 Triggers: "HyperFrames", "hyperframes", "プロモ動画", "告知動画", "宣伝動画", "HTML から動画", "html to video", "リリース動画", "SNS動画", "縦動画", "リール"

回転する文字や地球儀、速度の異なる複数のレイヤーを組み合わせ、CSSで動く16:9のヒーロー画面を制作。動画書き出し用のHTMLにまとめます。

• マーケティング用の動くヒーロー画面制作
• 文字が動くタイトルカード制作
• リングと地球儀のループポスター制作

HyperFramesの動画制作を、プロジェクト作成から表示・動作の検査、編集画面での確認、動画出力まで案内し、AWS Lambdaでのクラウド出力も扱うスキル。

• 動画プロジェクトを立ち上げたいとき
• 文字のはみ出しや場面表示の確認
• Studioで確認して動画を出力したいとき

商品紹介や解説、字幕追加などの依頼を、素材と目的に合うHyperFramesの制作手順へ振り分け、HTMLを使った動画制作の進め方を案内するスキル。

• 商品紹介動画の制作手順を選びたいとき
• 記事やメモを解説動画にしたいとき
• 人物動画に字幕や図版を加えたいとき

HyperFramesに配置済みの音声を調整し、声とBGMの重なりや音量差を整えます。フェード、音質補正、時間に沿った音量変化、複数トラックの一括処理を扱います。

• BGMに埋もれる声を聞きやすくしたいとき
• 音声にフェードを付けたいとき
• 声の音量差や音質を整えたいとき

HTMLから動画を作るHyperFramesで、シーンの構造や表示時間、音声・動画の配置を整え、繰り返し同じ結果で描画できる構成を作成・検証するスキル。

• HTMLで動画の構成を作りたいとき
• クリップの表示時間とトラックの設定
• 再利用する子シーンの組み込み

HyperFrames動画の配色、書体、画面構成、ナレーションの方針を整えます。既存のデザイン仕様やブランドに沿って、場面ごとの見せ方とテンポを設計します。

• ブランドに沿った動画にしたいとき
• 動画の配色と書体を選びたいとき
• 複数場面のテンポを整えたいとき

点でできた球体の周囲を特徴紹介カードが回る、10秒の映像を追加します。タイトル、説明文、アクセント色、回転角度を変更できるHyperFrames用の部品です。

• 動くカードで製品の特徴を紹介したいとき
• HyperFrames動画に10秒の場面を加える
• 紹介カードの文章と色を合わせたいとき

文章やデータを、Hyperframes / Remotion向けの連続フレームアニメーションにまとめます。自動再生や手動操作、描画用のメタデータを備えます。

• 短い台本をアニメーションにしたいとき
• データを場面ごとに説明したいとき
• Remotion用の描画素材の準備

HTMLから動画を作るHyperFramesで、描画可能なプロジェクトの構造と再生タイミングを整えます。シーンの分割、動画・音声の配置、検証も扱います。

• 動画用HTMLの基本構造を作りたいとき
• クリップの時間とトラックの整理
• 再利用するシーンの接続

HyperFramesの動画制作で、配色・書体・画面構成・ナレーション・場面のリズムを整理し、既存のデザイン仕様に沿って見た目と演出方針を整えるスキル。

• 既存のデザイン仕様に動画を合わせたいとき
• 雰囲気に合う配色と書体を選びたいとき
• 場面とナレーションのテンポを整えたいとき

複数シーンの紹介映像や既存素材の再編集など、自由な構成の動画をHyperFramesで制作・修正します。構成づくりから素材配置、動きや音声の組み立て、検証までを扱います。

• 複数シーンのブランド映像制作
• 既存映像のカットと並べ替え
• 静止タイトルやループの制作

HyperFrames向けにナレーション、BGM、効果音を用意し、文字起こしや字幕の装飾、画像の背景除去まで、映像に必要な音声・メディア素材づくりを支援します。

• 映像用のナレーションを作りたいとき
• BGMと効果音を用意したいとき
• 単語に同期する字幕を付けたいとき

SVGのパーツでできたキャラクターに、首や腕の動き、まばたきなどを付けます。GSAPで演技を組み立て、RemotionやHyperFramesでの再生・検証も扱います。

• 首と腕を連動させたいとき
• まばたきや視線、口の形の確認
• Remotionでフレーム同期したいとき