![見出し画像](https://assets.st-note.com/production/uploads/images/123958663/rectangle_large_type_2_e8079feb339526e2129e3cf9c1013961.png?width=1200)
ブラウザ版(WEB版)CapCutを徹底解説!※windows編
副業や趣味として人気の動画編集。
最近挑戦する人が増えてきた印象があります。
本格的に動画編集をしている方向けのソフトではAdobe Premiere Proなどの有料ソフトが主流ですが、無料ソフトも負けていません!
今回は無料ソフトのなかでも動画編集界隈で使える!と話題の
CapCutのブラウザ版(WEB版)を徹底解説してみました!💁♀
【はじめに】CapCutとは
CapCutとは中国を代表するIT企業「Bytedance(バイトダンス)」が提供する
無料動画編集アプリです。
スマホアプリ版が2020年4月にリリースされ、
初心者でもスマホで簡単な動画が作成できると瞬く間に世界中で人気になりました。
2023年1月にはパソコン版(ブラウザ版)が正式リリースされ、
動画編集界隈では動画編集依頼の際にCap Cutでの編集を
依頼される場合もあるそうです。
ダウンロード方法
下記URLへアクセスします。
https://www.capcut.com/ja-jp/tools/desktop-video-editor
1,「windows用ダウンロード」をクリックします。
![](https://assets.st-note.com/img/1696474824958-szrqwbGISJ.png)
2,このようなアイコンのファイルがダウンロードされるのでダブルクリックします。
![](https://assets.st-note.com/img/1696480341312-pepOgrvWJg.png)
3,「はい」をクリックします。
![](https://assets.st-note.com/img/1696482121522-j1u7qnjb6s.png)
4,「インストール」をクリックします。
![](https://assets.st-note.com/img/1696483796279-az4bm6qmiC.png)
5,インストールが完了されるとこのような画面が表示されます。
![](https://assets.st-note.com/img/1696491995330-sB1DUVdWEE.png?width=1200)
これでCapCutのダウンロードは完了です。
次に使用方法の解説をしていきます。
動画素材のインポート
1,「新しいプロジェクト」をクリックします。
![](https://assets.st-note.com/img/1696492751870-JHhCfdpM9G.png?width=1200)
2,このような画面が表示されるので、「インポート」をクリックします。
![](https://assets.st-note.com/img/1697540473344-hC2JudgYTN.png?width=1200)
3,エクスプローラーが開くので、編集したい動画素材を選択します。
![](https://assets.st-note.com/img/1697541354810-qS0MPlAKOM.png?width=1200)
4,インポートした動画を編集欄にドラッグ&ドロップします。
![](https://assets.st-note.com/img/1696560469959-oDKSXS2PSY.png)
これで動画素材のインポートは完了です。
次は動画の比率調整の方法を解説していきます。
動画の比率調整の方法
1,動画が表示されている枠の右下に「比率」というアイコンがあるので、
クリックします。
![](https://assets.st-note.com/img/1697613418966-XZ0dTs6hyl.png)
2,横長や正方形など動画の比率を選択できます。
![](https://assets.st-note.com/img/1697613795224-C1JKshCggg.png)
「カスタマイズ済」を選択すると、好きなサイズにカスタマイズできます。
![](https://assets.st-note.com/img/1697613885442-QYcE7nqQps.png)
編集について
■編集コマンド
基本の編集で使用する初期設定のショートカットキーは以下になります。
![](https://assets.st-note.com/img/1697078808726-M9LEo2mncH.png?width=1200)
ショートカットキーの設定は「ショートカット」から変更することが可能です。※設定にはログインが必要です。
![](https://assets.st-note.com/img/1697079312982-FTe22o4rLM.jpg?width=1200)
よく使うコマンドは自分の使いやすいキーボードに設定しておくことをオススメします!
赤枠の部分をクリックして、設定したいキーボードを押すと設定可能です。
![](https://assets.st-note.com/img/1697079538122-iZelg6U6Wm.png)
分割はよく使うコマンドなので、私は「Z」に設定します。
設定が完了したら、「保存」をクリックして保存します。
![](https://assets.st-note.com/img/1697079760567-yYu3FMG7TY.png)
分割はよく使うので、個人的に使用しやすい「Z」に設定しました。
■画面配置の変更方法
それぞれの枠の間にカーソルを合わせるとこのような矢印が表示されます。
![](https://assets.st-note.com/img/1697534286077-HgUxLhHRxi.png?width=1200)
矢印を動かすと画面配置の変更が可能です。
例えば…編集中の動画の表示を大きくしたり…
![](https://assets.st-note.com/img/1697534687573-HNe3vmoAZm.png?width=1200)
作業スペースを拡大したり…
![](https://assets.st-note.com/img/1697534768004-DHhMacVcZQ.png?width=1200)
PCの画面が2つある場合は、枠をドラッグ&ドロップすると、
他画面への移動が可能です。
![](https://assets.st-note.com/img/1697535464847-WlBJsMBH6O.png?width=1200)
自分の作業しやすい配置で作業しましょう!
■動画の編集方法
動画の必要な部分のみ使用したいので、まずは動画のカットを行います。
1,スペースキーで動画を再生します。
赤枠内の白い線の部分が現在の動画の位置です。
![](https://assets.st-note.com/img/1697536667561-IoAoGe7uIH.png)
2,カットしたい場所で再度スペースキーを押して動画を止めます。
3,最初に「カット」として設定したキーボードを押します。
※カットした動画と動画の間が赤枠内のように切れていればカット完了です。
![](https://assets.st-note.com/img/1697537222897-BsywY3DwG1.png)
4,不要な部分をクリックします。
![](https://assets.st-note.com/img/1697537542013-O9joqEDYI7.png)
5,Ctrl+XまたはBack spaceで切り取ることができます。
![](https://assets.st-note.com/img/1697537962222-WDo9qOhuzx.png)
6,誤ってカットした場合はCtrl+Zで前の状態に戻すことが可能です。
7,動画の末尾など後々使う可能性がある部分はカットではなく
白枠内のアイコンをスライドすることで動画の短縮ができます。
![](https://assets.st-note.com/img/1697539958801-WZLZ8VlB4K.png)
また、編集中に再生ボタンを押さなくても先の動画をみることができます。
一度白い線をクリックします。
![](https://assets.st-note.com/img/1697536667561-IoAoGe7uIH.png)
このような黄色い線が表示されるので、確認したい部分にカーソルを合わせると動画を再生せずに該当部分の確認が可能です。
![](https://assets.st-note.com/img/1697540014050-fwUGcmkbdP.png)
次に画像や動画の追加を行います。
1,「メディア」をクリックします。
![](https://assets.st-note.com/img/1697541081155-UcwJw8tQMX.png)
2,「インポート」をクリックします。
![](https://assets.st-note.com/img/1697541246002-WVs9wnhEGc.png)
3,エクスプローラーが開くので、編集したい動画素材を選択します。
![](https://assets.st-note.com/img/1697605082700-5rWXdJhz0T.png?width=1200)
※エクスプローラーを開いていれば該当画像や動画を
ドラッグ&ドロップでもインポートは可能です。
4,画像の表示比率を変えたいときは画像の右下をクリックしたまま動かすと
写真の表示比率を変更できます。
![](https://assets.st-note.com/img/1697614722222-hXzPz3EPKv.png?width=1200)
以上の手順で入れたい動画や写真をたくさんいれて
一本の動画を作成しましょう!
次に動画の再生速度の調整について解説します。
1,動画を選択し、画面右上「速度」をクリックします。
![](https://assets.st-note.com/img/1698229833026-yRhzZogz2I.png)
2,赤枠で囲まれたバーで動画の速度調整ができます。
![](https://assets.st-note.com/img/1698230109331-mtOQy4HqxV.png)
右側に動かすと速度を早めることができ、左側に動かすと遅くすることができます。
以上で動画の速度変更は完了です!
このように短尺の動画や写真を繋げて一つの動画にしていきます!
![](https://assets.st-note.com/img/1698368067994-tCA7zuZBfJ.png?width=1200)
◎BGMの付け方
1,「メディア」をクリックします。
![](https://assets.st-note.com/img/1697541081155-UcwJw8tQMX.png)
2,「インポート」をクリックします。
![](https://assets.st-note.com/img/1697541246002-WVs9wnhEGc.png)
3,動画に入れたいBGMを選択します。
4,インポートしたBGMを動画にドラッグ&ドロップします。
動画をクリックすると、右上に音量調整項目が表示されるので、
スライドバーで音量を調整しましょう。
![](https://assets.st-note.com/img/1701403815689-7OQJF9GAsA.png)
■テキストの入力方法
【任意のフォント・色にしたい場合】
1,画面左上「テキスト」をクリックします。
![](https://assets.st-note.com/img/1698369499458-JGcBVztRsV.png?width=1200)
2,デフォルトテキストを動画の上にドロップ&ドラッグします。
![](https://assets.st-note.com/img/1698370155443-pzYZMRVJ2U.png)
3,任意のテキストを赤枠内に入力します。
テキスト入力をすると左側の動画に反映されます。
![](https://assets.st-note.com/img/1698370526267-6y2Tzlbban.png?width=1200)
エンターキーでテキストの改行もできます。
![](https://assets.st-note.com/img/1698371448295-zz8LO0Duya.png?width=1200)
フォントを触ると任意のフォントに変更することができます。
![](https://assets.st-note.com/img/1698370822820-McoB3K7UWs.png?width=1200)
フォントサイズのバーを移動させることで文字の大きさ調整ができます。
また、数字を調整することでも文字の大きさ調整ができます。
![](https://assets.st-note.com/img/1699409440877-CnC5yRhTnh.png?width=1200)
ですが、CapCutは動画内での文字の操作が簡単なので、
白い枠右下をクリックしたままマウスを動かすと
文字の大きさ調整ができます。
![](https://assets.st-note.com/img/1699410308658-Z97I1aDZIv.png)
アイコンをクリックすると、テキストに加工ができます。
![](https://assets.st-note.com/img/1698375564011-8qCozeTDBU.png)
「色」横の白い部分をクリックすると、文字の色の変更ができます。
![](https://assets.st-note.com/img/1699409940517-FE971C1ha2.png?width=1200)
「整列」横のアイコンをクリックすると、「中央揃え」「右揃え」
「縦書き」などができます。
![](https://assets.st-note.com/img/1699410054625-suBnb0no13.png?width=1200)
【CapCutのココがスゴい!!!!!】
プリセットスタイルという項目があるのですが、文字本体や枠の色の
自動テンプレートがあるんです!!!!
![](https://assets.st-note.com/img/1699410550187-bToirW6CWz.png)
文字の色や枠の色のいい感じの組み合わせを考えるのって難しいですよね…ですが!CapCutにはテンプレートがあるので簡単に良い感じのフォントができちゃいます!💖
ちなみに…
右上の「エフェクト」をクリックすると、
もっとたくさんのスタイルが出てきます!
![](https://assets.st-note.com/img/1699411957710-S6SNOxuVPh.png?width=1200)
こんなに種類があったら、文字の色や枠は考えなくても良さそうです🤔
■テキストのアレンジ
テキストにアニメーションをつけたり、テキストを音声で読み上げてくれる機能があります。
◎アニメーションをつける方法
1,画面上部「アニメーション」をクリックします。
![](https://assets.st-note.com/img/1699412473370-NdZvAQWFWJ.png)
2,アニメーションがたくさん出てくるので、好きなものを選択します。
![](https://assets.st-note.com/img/1699412571568-rHNeZKJRr5.png)
◎音声読み上げ機能を利用する方法
1,テキスト読み上げをクリックします。
![](https://assets.st-note.com/img/1699412673034-W95Cru2v38.png)
2,好きな音声を選択して「読み込みを開始」をクリックします。
![](https://assets.st-note.com/img/1699412845061-2SOhqd9MTj.png)
選択した音声がテキストを読み上げてくれます。
![](https://assets.st-note.com/img/1699412982800-OEZ9YjFzJk.png)
■BGMや効果音の付け方
1,「メディア」をクリックします。
![](https://assets.st-note.com/img/1697541081155-UcwJw8tQMX.png)
2,「インポート」をクリックします。
![](https://assets.st-note.com/img/1697541246002-WVs9wnhEGc.png)
3,動画に入れたいBGMを選択します。
![](https://assets.st-note.com/img/1701403841270-9AdNRX6xk3.png?width=1200)
4,インポートしたBGMを動画にドラッグ&ドロップします。
![](https://assets.st-note.com/img/1701403841717-SwOhd2gAbr.png)
動画をクリックすると、右上に音量調整項目が表示されるので、
スライドバーで音量を調整しましょう。
![](https://assets.st-note.com/img/1701403841295-IILvwTi9R8.png)
完成した動画の書き出し方法
動画を書き出すのもめちゃくちゃ簡単です!!!
1,画面右上「エクスポート」をクリックします。
![](https://assets.st-note.com/img/1701404384975-6KgFtHg6uy.png)
2,動画のタイトルや保存先設定が可能です
![](https://assets.st-note.com/img/1701405043766-hhJTqqi045.png)
3,他にも、解像度やファイル形式の変更が可能です。
![](https://assets.st-note.com/img/1701405344598-eZnHef3Lwa.png?width=1200)
4,「エクスポート」をクリックすると動画の書き出しが可能です。
![](https://assets.st-note.com/img/1701405531762-j5u4VBim67.png)
5,エクスポート後、このような画面が表示されますが、
共有をしないなら「キャンセル」をクリックで大丈夫です。
![](https://assets.st-note.com/img/1701405431695-lOPBGoYsds.png?width=1200)
解説は以上になります!CapCutは機能がシンプルで、わかりやすく、素人でも簡単に高クオリティな動画を作成することができます!
プライベートな動画を作成するのはもちろん、
広告動画を作成するのにも向いていますので、
ぜひ利用してみてくださいね🎶
ちなみに…
▼今回私が作成した動画
https://drive.google.com/file/d/1h5JHEjCSIX9Kug7oVfh0fZqIXAiTeRut/view?usp=sharing
お腹すいてきた~!🤣
長くなりましたが、最後まで読んでくださり、ありがとうございました!
なにかのお役に立てれば…と思います!🙇♀
この記事が気に入ったらサポートをしてみませんか?