🌸 CapCut 制作シート

台本を確認 → CapCutを開く → 3ステップで完成

@midori.salon_support
📱 このシートの使い方
リールを選ぶ
下の一覧から今日作るリールをタップ。
台本・写真・音楽の情報が全部開きます。
CapCutを開く(スマホアプリ)
このシートを見ながら、CapCutで新規プロジェクトを作成。
2つのアプリを横に並べるか、都度切り替えてOK。
テキストは「コピー」ボタンで貼るだけ
青い「📋 コピー」ボタンを押す → CapCutの「テキスト追加」に貼り付け。
打ち直し不要。そのまま使えます。
🎉
書き出してインスタへ投稿!
投稿文もコピーボタンで一発コピー。ハッシュタグまでまとめて入ってます。
📊 モニター募集まで進捗
2 / 9本投稿済み
🎯 9本目(モニター募集)でDM5名ゲット!

📋 CapCut 基本手順

毎回これをやるだけ(10分以内)
1
CapCutを開く → 「新規プロジェクト」
「テンプレート」タブは使わず「+」から新規作成。縦型(9:16)を選択。
2
📸 写真・素材をはめる
各スライドの素材(写真 or 無地+背景色)を1枚ずつ追加。1スライド = 約2〜3秒に設定。
3
📝 テキストをはめる
「テキスト追加」→ このシートからコピーして貼るだけ。フォントは「游ゴシック」か「丸ゴシック」がおすすめ。文字色:白 or ピンク。
4
🎵 音楽をはめる
「オーディオ」→「おすすめ」から明るめ・ゆっくりめのBGMを選択。音量は30〜40%に下げて。
5
書き出してInstagramへ
「書き出し」→ 1080p / 30fps。カバー画像はサムネ候補の文字がある枚(1枚目推奨)。

🎬 リール案(未投稿)

✅ 投稿済みリール(タップで開く)

📅 投稿スケジュール(5/19〜6/6)

週3本ペース|月・水・金 17時投稿

📊 リール分析ログ

読み込み中...

📝 リール分析を記録する

🎨 背景素材ギャラリー

CapCutで使う背景をここから選んでね

📸 写真入り背景

表紙
ヒーローネイル
A
サロン
B
チップ
C
施術中
D
ヒーローネイル
F
碧さん笑顔遠め
G
チップ2
H
チップ3
J
ネイビーパール
K
フラワー
L
碧さんアップ
M
碧さんPC前

🎨 無地背景

クリームベージュ
くすみピンク
セージグリーン
ラベンダー
モカブラウン
ボケ・くすみローズ
ボケ・くすみブルー
ボケ・くすみクリーム
リネン・ナチュラル
リネン・クリーム
リネン・グレー
① 施術中
ネイル施術シーン・手元
ヒーローネイル
② ヒーローネイル
フレンチネイルアップ
サロン
③ サロン
サロン内観・空間
チップ
④ チップ
ネイルチップ見本
碧さん
⑤ 碧さん本人(旧)
施術中の碧さん・顔出し
碧さん2
⑥ 碧さん・笑顔(遠め)
お客様目線・サロン全体見える
チップ2
⑦ チップ2(カラフル)
上からの角度・色鮮やか
チップ3
⑧ チップ3(別角度)
横から・ゴールドフレーム
施術中2
⑨ 施術中2(手元)
手元クローズアップ
ネイビーパール
⑩ ネイル(ネイビー×パール)
ネイビー水玉×ゴールドパール
フラワーネイル
⑪ ネイル(フラワー)
イエロー×白フラワー×ストーン

🛠️ 背景写真の作り方(Claudeへの指示)

好きな写真が出てきたら、以下を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 を実行する
⚙️ パラメータの意味(参考)
size_ratio=0.30:写真の高さ = 画面の30%(右下に小さく表示)
white_alpha=38:白15%オーバーレイ(写真が白っぽくなりすぎず、背景と自然になじむ)
feather_ratio=0.13:写真のフチをぼかす量(自然な楕円マスク)
GaussianBlur:境界をさらになめらかにするぼかし処理
※ 顔写真(碧さん)は size_ratio=0.82 にすると大きく映える