台本を確認 → CapCutを開く → 3ステップで完成
@midori.salon_support📋 CapCut 基本手順
🎬 リール案(未投稿)
📅 投稿スケジュール(5/19〜6/6)
📊 リール分析ログ
読み込み中...
📝 リール分析を記録する
🎨 背景素材ギャラリー
CapCutで使う背景をここから選んでね
📸 写真入り背景
🎨 無地背景
🛠️ 背景写真の作り方(Claudeへの指示)
好きな写真が出てきたら、以下をClaudeにそのままコピペして使ってね💅
この写真をリール背景用に加工してください。
【加工条件】
- 出力サイズ:1080×1920px(9:16縦型リール用)
- 背景:グラデーション(上部 #FFF0F5 ライトピンク → 下部 #FFFFFF ホワイト)
- 写真配置:右下、size_ratio=0.30(画面高の30%の高さ)
- 配置座標:x = W - pw - int(W * 0.06)(右寄り)/ y = H - ph + int(ph * 0.1)(下寄り)
- フェザーマスク:楕円形、feather_ratio=0.13(エッジをぼかして自然になじませる)
- 白オーバーレイ:alpha=38(約15%の白で背景と馴染ませる)
- GaussianBlurをマスク境界に適用
- 回転が必要な場合:photo.rotate(-90, expand=True) で右90度回転してからリサイズ
【保存先 — 必ず両方保存する】
① リール用原寸(1080×1920):
~/Desktop/リール背景素材/写真入り/[ファイル名].jpg
② サイト用サムネ(270×480):
/Users/midori/Desktop/alc-workshop/capcut-sheet/bg/photo_[ファイル名].jpg
【サイト反映も一緒にやる】
① index.html の bgFiles 配列に追記(Lの次あたり):
{ file: "photo_[ファイル名].jpg", label: "[アルファベット]\n[表示名]" }
② 背景素材ギャラリーのHTMLにも同じ画像を追記する
③ wrangler pages deploy . --project-name capcut-sheet --branch main を実行する