当記事はYTPMVアドベントカレンダー2025に参加しています。

adventar.org

お疲れ様です。えびせん。。。です。。
相も変わらず句点の多い1行目ですね、
ありがたいことにお誘いが来たので書くことにしました。

切り抜きのすゝめということで

↑これの続きというか補足というか、そんな感じのベースで書きいてこうと思います
ガチで思ってた200倍いいねきてビビった

切り抜き素材のメリット・デメリット

まず先にデメリットから話します。

ええ、めんどくさいです。
めんどくさいとも。

画像1枚ならまだしも動画で切り抜くとなるとゲロ作業になります。時間もかかりますし。

ちょっと楽にするためのあれこれについても後で書きます。そんな期待しないで

あとは、、、

まあ、めんどくさいです。めんどくさがりな自分からするとゴミカス作業です。

あと強いて言うなら

めんど

メリットについて

いくつかあります。
まず画面が可愛くなります。

これ過去一かわいい
各シーンのかわいい部分を切り取って集めてるのでかわいいの濃度が高くなるという理屈を思いついたのですがどうでしょう。
次期館長の動画もこうやって例に挙げられるようになったのうれしいね

次に新たなスペースを作ることができます。
ちょうどいい例があります。

これじゃあ主旋律の置くスペースがありませんね。どうしましょう…

主旋律のスペースありました！

そう！後ろ側に！

切り抜いたおかげで存在しなかったスペースを新たに生み出すことができました！うれしいね

ほかにもコードを重ねたり…

画面にはめ込んだり…

石垣にはめたり…

トビラで閉じたり…

切り抜き素材が1つあるだけで構成の幅が広がります。
とてもおいしい

あと1つあります。
メリットというには少し弱いですが、「素材の動きを取り入れることができる」ということです。。。

素材がマイナーなので分かりにくいですが、ここのメインリードの動きは元のアニメによるものです。↓↓↓

これもある意味で素材の味だと思います。その素材である理由が一段上がる感じ

メリットも伝えたことだし切り抜き方法から伝えていきましょう。
普段から切り抜きしてる人からすると大した内容じゃないのですっ飛ばしてもらって変わりません。。。

切り抜きの方法について

普段どんな感じで切り抜いているかというのをメインに書いていきます。

ところで今書いてるのは2025年12月4日なのですが、先ほど同行された阿保草さんのnoteにこれから書こうとしてたことがほど書かれてました！あちゃー　　超優良記事↓↓↓↓↓↓

なのでちょっと詳しめに書いていきます。

自分が切り抜きに使ってるのは主にこの３つ
①GIMP
②Discord botのPicsart
③AE ロトブラシ

まんま阿保草さんのnoteまんまですね🙃🙃🙃

それぞれについて詳しく

①GIMP

GNU Image Manipulation Program の略らしいです。かっこいい
ほとんどの人がこのソフトでやってると思いますし、特に言うことが…

実際に切り抜いてみましょうかね
まずはこの画像を切り抜いてみます↓↓

まずGIMP開くとこんな感じの画面です。

画面中央に画像ファイルをドラッグ＆ドロップすれば読み込んでくれます。

レイヤー（L）＞透明部分（A）＞アルファチャンネルの追加（H）がオンになっていることを確認し、切り抜き開始です。

自分は自由選択ツールでキャラの周りをポチポチやってくスタイルです。

まだそんなになれてなかったり、柔軟性高い人はこっちのほうがいいかも↓↓↓↓

あとは自分が良く使うショートカット

マウスホイール押し込み ⇒ 移動
Delete ⇒ 選択範囲の消去
Back Space ⇒ パスを一つ消す
Ctrl + マウスホイール ⇒ 拡大/縮小
Shift + マウスホイール ⇒ 横移動
Ctrl + Shift + A ⇒ 選択解除

こんな感じでしょうか

じゃあ切り抜いていきましょうか

必要か？これ必要か？

普段こんな感じで切り抜いてます。これくらいだと5分くらい
昔はGIMPでしかやってませんでしたが、最近は次に話す「Picsart」でうまく切り抜けなかったり回数上限数超えたりしたときに使ってます。

書記のチカ、書記のチカ、ラー！を作った自分にとって数枚程度へでもねえ！！

②Picsart

PicsartのDiscord botです。

自分一人のサーバーに招待して使ってます。

/sticker_maker image: [添付ファイル]と入力して送信するとフォルダから画像を選んで切り抜いてくれます。コピペ用↓

/sticker_maker image: [添付ファイル]

いちいち覚えなくても「/st」ぐらいまで入力すると候補に出てきたり、前に使った履歴からコピペしたりできます。

AIによる切り抜きなのですが、かなり精度よく、無料で高画質保存ができるので重宝しています。

とはいっても！

とはいってもAIによる切り抜きなので、完ぺきではないです。

動画を切り抜こうとすると一貫性がなかったり

マジ？ってところに穴が開いたり

よけいなものが引っ付いたり

まあこれらはギリ許せます。不要な部分を切り抜いたり、上から元画像を張ってふさいだりと、出力結果からどうにかできるので。

ただこれはちょっとというのがあって、

ふちどりの判定が弱いです。
たしかに見分けがつきにくいですが、自分で切り抜いた場合には起こりえないミスですし、あとから修正しようにも難しく、結局切り抜きなおしになることにもなります。
切り抜きにも回数制限があるのでこうゆうのはちょっともったいない感じがします。

ちょっと愚痴みたいになっちゃいましたが手軽さが神です✨✨✨
ひとくちサイズのYTPMVにも動画の切り抜きにも作業時間を一気に減らすことができます。

あ、そうそう、動画を切り抜くには1フレームずつ出力して1つずつアップロードしていくしかありません。
一気に上げるとどれ保存したかどれアップロードしたかわからなくなったりするので注意！

使い方ガイド
①/sticker_maker を入力

②画像を選択

③送信

④待ち

⑤完成

ちょっとガタガタですな。

③AE ロトブラシ

AfterEffectのロトブラシという機能です。
有料です。
https://youtu.be/EArUyKkaRoc?si=p4h-pm28hixnGw0i

自分は大学のアカウントがあるのでそれ使ってますが、もう少しでなくなるんですよね( ´⚰︎`°。)
正直ロトブラシ以外使ってないから買うか悩み…

画像ではなく動画の背景透過をしてくれるやつです。

さすがはAdobeソフト

精度もなかなかです。

二次元素材もいけます。さすが

これ作った時設定よくわかってなかったので服に穴空いてますが、しっかり設定すればほぼ完ぺきにできると思います。

Adobeソフト持ってる人に対して使い方の説明必要ないだろと思ったので手順については割愛します。

④塗りつぶしクロマキー

先こっち書くべきだったかもだけどさっき思い出したので

使い方は配布動画見てください。。。

今回は左側の人が欲しいので

かなり重いですが、かなりきれいに切り抜けます。
小さくすれば残ってる部分縁も気にならないし、余分な部分もグリッピングやマスクで削ればOK！
重さについても透過aviでいったん出力すればOK！

aviで出力する手法は切り抜き素材の保存にも便利なので広まってほしいね

縁が残って気になる場合はAviUtlのデフォルトでにある「境界ぼかし」の「透明度の境界をぼかす」にチェックいれて設定値を2くらいにすればある程度きれいになります

縁取りもかければだいぶパーペキ！

一部が見切れてる切り抜き素材に縁取りをかけるときは「領域拡張」かけるといいって聞いたことあるのを共有しときます

背景がほぼ単色のときはぜひお試しあれ～

⑤クロマキー・カラーキー・ルミナンスキー

これについても書いておこうかな
AviUtlのデフォルトのやつです。ハマるやつがあれば楽できるので一応試しておくが吉

クロマキー

偶然たまたま元の背景がGBだ！

えーこちゃんの目も抜けそうでしたが「彩度範囲」と「境界補正」を0にすればなんとかなりました。

上からクロマキーかけてない動画を目元だけ重ねればヨシ👉

カラーキー
なんかよくわかんないけどクロマキーより小回り利くイメージです。

さきほど素材の動きも生かせるてとこで出てきたこいつです。
ここにはカラーキーを使ってます。

まずこんな感じにします。設定値は↓こんな感じに

ぼかしの値が大きいのは次につながってることで

これに縁取りをかけます。
これに対して「上のオブジェクトでグリッピング」をかけます。

すると…

縁取りが元素材の柄になるので他の素材の上に乗せたときになじんでくれます。そんな感じがします。

ルミナンスキー
明るい部分か暗い部分抜いてくれるやつです。

黒背景や白背景のほかにシーチェンジとかに使えたりします。
おいしいね
ぼかしの値をいじれば気持ち良さめに欲しいとこが残ったりします。

これは極端な例

切り抜きの使い方

やっとメインですの。

自分の過去作で使った動きを中心に素材の動かし方の提案をしていこうと思います。

例①

まずはよく使うぽよぽよ動くやつです。
sm42081782

設定値はこんな感じ↓

ただこれだと画像サイズによってY移動の値を計算しなければなりません。
1080pxの高さを拡大率66.67％にして90％にしたときに…みたいな
ましてや↓こんな感じの見切れてない素材にこの動きをつけたいとなったらまたややこしくなります。

正直めんどくさいですよね～

そこでこいつ！

拡張描画の中心X・中心Y～

AEのアンカーポイントみたいなやつですという説明はあまり適してない

ぱっと見では入れた値と逆方向に動くように見えますが、よく見るとオブジェクトの中心を示す十字ポインタが動いてないことがわかります。

つまりその画像の中心の座標を変える設定なわけです。

ではこの画像の中心を画像の端っこに設定するとどうなるでしょうか

画像サイズは1080pで編集サイズが720pなので拡大率66.67、Yが360、中心Yが540となっています。

ぱっと見では変わりませんがここで拡大率のエフェクトを入れてみましょう。

ごめんちさと
つまりは拡大率の値だけでぽよぽよ動かすことができますということが言いたかった。。。

「さっきのと変わんないじゃん」って？

その通り見た目上は同じなのですが、中心値を変えるとオブジェクトにかける設定が少なく済みます。

さっきのと比べると移動してるのが拡大率Yだけなので、わざわざ画像サイズをもとに計算したり、見切れていない素材に対しても中心を合わせればいいので変に調整しなくて済みます。うれしいね

拡大率Xもいじるとよりもちもちしてかわいくなります。

こんな感じで上に減速系のイージング（これは7番）、下に加速系のイージング（これは6番）にすると滑らかな動きになります。
ベースっぽい動き？

X軸方向にも応用可！

ちなみに中心XYをつかえばこんな感じに小窓を並べるときにも便利！

例②

ベースの動き
特にぶんもーぶんもーて感じのRedZoneとかZerd_01とかのオクターブ違いのやつです。
シンプルなのでYTPMVではよくオクターブ違いの２音を１つの動きにすることが多いですさっきの減速加速を組み合わせたやつみたいに。。
JJ8sYUYHvnk

縦動画全部ShortにするのガチゴミすぎyOUtUBE
これ改めて書こうと思うと書き方に悩むな

こうゆうベースの表現は画像２枚を入れ替えるのが好き

ただ単に上下に動かすだけでなく少し回転をいじるといい感じになるという話
反転前も加速系のイージングで回転、反転後に減速系のイージングで回転とやると滑らかになってキャラが生き生きして見えます。体感

4YRlMZ1tzq0 / d_nuM6d3lPc / sm45499423

イージング7で動いている物体に対してイージング1の別の動きを加えると変な動きしてくれるので楽しいです。

例③

ベース関連でえこれも入れておこうかな
sm44449582

動きすぎなので「アニメーション効果」の「震える」をオフにしたやつも貼ります。

こうしてみると意外とシンプルですね

7・15で入って6・22で戻るって感じです。
なんでこんな番号とっちらかってるんだろ

これに対して「メディアオブジェクト」で「アニメーション効果」「震える」を全体にかけると元の変な動きをしてくれます。

よりランダム感出したくて振動と角度で別の値にしてるんだ
記憶になかった

「アニメーション効果」の「震える」は感覚の値をあげると変な動きを楽にできるので楽しいです。おすすめ

中心XYも変えてるので角度の影響が大きくなるのも面白い

もうちょっと書こうかと思ったけど時間ないしavi使ったとこは再現するの大変だからいい感じに上げられる例がなかった＞＜

ざっくりこんな構成で書こうというのは考えていましたが、内容までしっかり決めてなかったので反省ですね。。。

まとめ

• Picsartありがとう！

• 中心XYを使うといろいろと楽！

• ひとつのオブジェクトに別番号のイージングかけると変な動きして楽しい！

おわりに

マシュマロ置いておくので気になることとか感想とか投げてくれるとうれしいな

最後に切り抜き作業のモチベーションをあげる方法を伝授してこの記事を終えようと思います。

ご視聴ありがとうございました！