動画ウェブサービス

FlexClipの使い方(1)機能の紹介 動画編集サービス

掲載・更新日

FlexClipの使い方(1)機能の紹介 動画編集サービス

ブラウザ上で動画編集できるサービスFlexClipの機能と価格、詳しい使い方について解説します。


内村航

この記事を書いた人:内村 航

株式会社ドウガテック代表取締役。2012年より『カンタン動画入門』を運営。動画編集ソフト・アプリのレビュー本数58本。動画編集スクール取材9校。アクションカメラ17台、α7 III、EOS8000D所有。大学講師(日本文理大学情報メディア学科、立命館アジア太平洋大学動画制作ワークショップ等)。著書:暮らしvlogのはじめ方(朝日新聞出版)iMovieのマニュアル本(工学社 I・O BOOKS)

→カンタン動画入門のYouTubeチャンネルを登録する(Click)



動画編集サービスの使い方まとめ


FlexClipとは?

FlexClipはブラウザ上で動画編集ができる無料/有料のウェブサービスです。既存のデザインテンプレートを使ったり、自分で細かく動画編集したりできます。

 FlexClip画面動画編集サービス

機能はカット編集、BGM音楽の挿入、テキストテロップ、トランジション、フィルター、動画の書き出しなどそろっています。


無料プランは解像度720p、ウォーターマーク(透かし)ありです。サイズも透かしも家庭用であればそれほど気にならないと思います。もし気に入ったら有料版を後から検討してみるのもよいでしょう。


有料プランはフルHD1080p、透かしなしで書き出せます。料金は、プラスプラン月$6.99、年$83.91です。日本円で月1,000円、年1.2万円程度です(※2023年時点)。

料金表 FlexClipの使い方動画編集サービス

FlexClipのメリット

  • ・解像度720pまで無料で使える
  • ・直感的に操作できる
  • ・ブラウザのみで動画編集できる

FlexClipのデメリット

  • ・書き出しフルHDは有料
  • ・簡易的な機能
  • ・無料版は透かし有

動画編集ソフト 概要
ブラウザ上で動画編集できるサービス。無料/有料。

無料版は解像度720p、ウォーターマーク(透かしあり)。有料版はフルHD、透かしなし。

直感的に操作でき、初心者でも使いやすい。一部、分かりにくいところもあるので注意。

ブラウザ
日本語

初心者
家庭用
YouTuber
業務用


4K360度アクションカメラ縦動画クロマキー
録音画面録画自動編集DVDBlu-ray



動画編集サービスFlexClipの使い方

動画編集サービスFlexClipの使い方を解説していきます。

新規会員登録する方法

まず無料の会員登録をしましょう。


トップ右上の『ログイン/サインアップ』をクリックしてください。

会員登録する方法 FlexClipの使い方動画編集サービス

Googleや、Facebook、メールアドレスで登録できます。指示の通りに進んでいってください。

会員登録する方法 FlexClipの使い方動画編集サービス

会員登録が済んだら、ログインして動画編集をしてみましょう。



新規プロジェクトを作る方法

ログイン後、自分のホームページが表示されます。

動画編集する方法 FlexClipの使い方動画編集サービス

『ビデオの作成』ボタンをクリックしてください。

動画編集する方法 FlexClipの使い方動画編集サービス

編集モードを好きな縦横比、『タイムラインモード(おすすめ)』か簡易的な『ストーリーボードモード』を選択します。ここではタイムラインモードで進めていきます。選択したら『始める。』ボタンをクリック。

動画編集する方法 FlexClipの使い方動画編集サービス


ローカル(自分のパソコン)から動画を読み込む方法

『メディアをインポートする』という窓が表示されます。中心あたりをクリックしてください。

動画を読み込む方法 FlexClipの使い方動画編集サービス

窓が開くので動画素材を選択し『開く』。

動画を読み込む方法 FlexClipの使い方動画編集サービス

『メディア』に動画が読み込まれました。

動画を読み込む方法 FlexClipの使い方動画編集サービス

動画をタイムラインに挿入する方法

読み込んだ動画右下の+ボタンをクリックしてください。動画が画面下のタイムラインに挿入されます。

動画をタイムラインに読み込む方法 FlexClipの使い方動画編集サービス

動画をトリミングする方法

タイムライン内の動画の右端にマウスを合わせてください。右端をクリックしたまま左に移動させましょう。

動画をトリミングする方法 FlexClipの使い方動画編集サービス

動画が短くトリミングされました。

動画をトリミングする方法 FlexClipの使い方動画編集サービス

次に左端をクリックしたまま右に移動させてください。

動画をトリミングする方法 FlexClipの使い方動画編集サービス
動画をトリミングする方法 FlexClipの使い方動画編集サービス

2本目の動画を挿入する方法

2本目の動画をメディアの中にドラッグ&ドロップしてください。

動画を分割カットする方法 FlexClipの使い方動画編集サービス

挿入した2本目の動画をタイムラインに挿入しましょう。

動画を分割カットする方法 FlexClipの使い方動画編集サービス

タイムラインの表示を拡大・縮小する方法

タイムライン右上にある『ズームイン』ボタンを何度か押してください。

タイムラインを縮小拡大する方法 FlexClipの使い方動画編集サービス

見た目の表示が変わりました。適宜、表示サイズを変更して編集しやすいようにしましょう。

タイムラインを縮小拡大する方法 FlexClipの使い方動画編集サービス

動画を分割カットする方法

動画を分割したい位置に合わせてタイムライン上をクリックしてください。黒い縦線(再生ヘッド)が移動します。

動画を分割カットする方法 FlexClipの使い方動画編集サービス

『スプリット』ボタンをクリック。

動画を分割カットする方法 FlexClipの使い方動画編集サービス

動画が分割されました。必要ない分割した動画は『削除』ボタンをクリックして削除しましょう。

動画を分割カットする方法 FlexClipの使い方動画編集サービス 動画を分割カットする方法 FlexClipの使い方動画編集サービス

動画の位置を変更する方法

タイムラインに読み込んだ動画をマウスで長押ししながら、好きな位置に移動させてください。

動画の位置を変更する方法 FlexClipの使い方動画編集サービス 動画の位置を変更する方法 FlexClipの使い方動画編集サービス 動画の位置を変更する方法 FlexClipの使い方動画編集サービス


BGM音楽を挿入する方法

『音声』ボタンをクリックしてください。色々な音楽が表示されます。

BGM音楽を挿入する方法 FlexClipの使い方動画編集サービス

再生ボタンをクリックして視聴しましょう。

BGM音楽を挿入する方法 FlexClipの使い方動画編集サービス

気に入ったものがあれば音楽の右にある+ボタンをクリック。

BGM音楽を挿入する方法 FlexClipの使い方動画編集サービス

プロジェクトに音楽が読み込まれました。

BGM音楽を挿入する方法 FlexClipの使い方動画編集サービス

タイムラインをプレビュー視聴する方法

プレビュー画面の再生ボタンをクリックしてください。タイムラインで編集している動画が再生されます。

タイムラインを再生する方法 FlexClipの使い方動画編集サービス

BGM音楽をフェードイン・アウトさせる方法

タイムラインに挿入した音楽は、動画の長さに合わせて自動カットされます。そのため音楽の終わりがプツっと途切れてしまいます。


そこで音楽の最後を徐々に音が小さくなるフェードアウトを付けましょう。


タイムライン内の音楽をクリック。

音楽をフェードアウトインさせる方法 FlexClipの使い方動画編集サービス

『フェード』をクリック。

音楽をフェードアウトインさせる方法 FlexClipの使い方動画編集サービス

『フェードアウト』を3s(秒)程度にしましょう。

音楽をフェードアウトインさせる方法 FlexClipの使い方動画編集サービス

タイムライン内の動画の終わり3秒からフェードアウトが効いているのがわかります。プレビューして確認してください。

音楽をフェードアウトインさせる方法 FlexClipの使い方動画編集サービス

BGM音楽の音量を調整する方法

音を調整したい音楽を選択して、『ボリューム』ボタンをクリック。

BGM音楽の音量を調整する方法 FlexClipの使い方動画編集サービス

ボリュームの数値を変更しましょう。

BGM音楽の音量を調整する方法 FlexClipの使い方動画編集サービス

動画の音量を調整する方法

タイムラインに読み込んだ動画の音量を調整してみましょう。


タイムライン内の動画をクリック。

動画の音量を調整する方法 FlexClipの使い方動画編集サービス

画面上部にある『ボリューム』ボタンをクリック。

動画の音量を調整する方法 FlexClipの使い方動画編集サービス

『ボリューム』を調整しましょう。

動画の音量を調整する方法 FlexClipの使い方動画編集サービス

『ミュート』をオンにすると音が完全に消えます。

動画の音量を調整する方法 FlexClipの使い方動画編集サービス

『すべての背景に適用します』をクリックすると、タイムライン内すべての動画の音量が調整されます。

動画の音量を調整する方法 FlexClipの使い方動画編集サービス

テキストテロップを挿入する方法

画面左にある『テキスト』をクリックしてください。

テキストテロップを作る方法 FlexClipの使い方動画編集サービス

色々なデザインテンプレートが表示されますが、今回は『シンプルなテキスト』をクリックしましょう。

テキストテロップを作る方法 FlexClipの使い方動画編集サービス

タイムライン内にテキストが表示されました。

テキストテロップを作る方法 FlexClipの使い方動画編集サービス

プレビュー画面上の「テキストを入力してください」をダブルクリックしてください。

テキストテロップを作る方法 FlexClipの使い方動画編集サービス

テキスト入力窓に好きな文字をいれましょう。

テキストテロップを作る方法 FlexClipの使い方動画編集サービス

「上野動物園にやってきた!」

テキストテロップを作る方法 FlexClipの使い方動画編集サービス

プレビュー画面にテキストが表示されました。

テキストテロップを作る方法 FlexClipの使い方動画編集サービス

テキストテロップの位置を変更する方法

プレビュー画面上のテキストをクリックしたまま下に移動してください。

テキストテロップを移動させる方法 FlexClipの使い方動画編集サービス

テキストの位置が変わりました。

テキストテロップを移動させる方法 FlexClipの使い方動画編集サービス

テキストテロップのデザインを変更する方法

『スタイル』ボーダーを選択してください。

テキストテロップのデザインを変更する方法 FlexClipの使い方動画編集サービス

『ボーダー』をクリックして好きな色を選びましょう。

テキストテロップのデザインを変更する方法 FlexClipの使い方動画編集サービス

『幅』の数値を100にしてみましょう。

テキストテロップのデザインを変更する方法 FlexClipの使い方動画編集サービス

テキストにオレンジの太い枠線が付きました。他にも色々デザインできるので試してみてください。

テキストテロップのデザインを変更する方法 FlexClipの使い方動画編集サービス

テキストテロップのサイズを変更する方法

プレビュー画面上のテキストの周りにある四角の右上をクリックしたまま、右上にマウスを移動させてください。

テキストテロップのサイズを変更する方法 FlexClipの使い方動画編集サービス

テキストのサイズが大きくなりました。

テキストテロップのサイズを変更する方法 FlexClipの使い方動画編集サービス

テキストテロップを編集する時の注意点

FlexClipの仕様ですが、再度テキストを編集しなおす方法が少し分かりづらいかもしれません。


タイムラインの動画の上にテキストの青いバーが表示されていました。

テキストテロップ編集の注意点 FlexClipの使い方動画編集サービス

しかしテキストの編集作業をやめると、なぜかバーが消えます。再度、テキストを編集したい場合、そのテキストが表示される動画をダブルクリックしてください。

テキストテロップ編集の注意点 FlexClipの使い方動画編集サービス

タイムラインの表示が変わり、動画の上にテキストが表示されます。この状態でテキストの長さなどを編集することができます。

テキストテロップ編集の注意点 FlexClipの使い方動画編集サービス

トランジションを付ける方法

トランジションとは、AとBの動画間をふわぁーっとつないだりできる効果のことをいいます。場所から場所の移動の間や、夜から朝の間のカットなどに入れて使います。

Transition

トランジションをつけたいタイムライン内の動画と動画の間の『トランジション』ボタンをクリックしてください。

トランジションを挿入する方法 FlexClipの使い方動画編集サービス

好きなトランジションを選択しましょう。ここではよく使う『フェード』を選択しました。

トランジションを挿入する方法 FlexClipの使い方動画編集サービス

タイムライン内の動画と動画の間にトランジションが挿入されました。

トランジションを挿入する方法 FlexClipの使い方動画編集サービス

プレビュー再生すると、動画と動画がミックスされているのが分かります。

トランジションを挿入する方法 FlexClipの使い方動画編集サービス

プロジェクト名を変更する方法

プロジェクト名をどんな動画を作っているか分かりやすいような名前に変更しておきましょう。

プロジェクト名を変更する方法 FlexClipの使い方動画編集サービス

タイムラインを書き出す方法

ではいよいよ編集した動画を1本の動画として書き出しましょう。


画面右上の『エクスポート』をクリック。

動画をエクスポートする方法 FlexClipの使い方動画編集サービス

初期状態だと『720p』+『ウォーターマーク付き』が選択されています。『1080p高品質』+ウォーターマークなしで書き出ししたい場合は、『1080p』を選択してください。

動画をエクスポートする方法 FlexClipの使い方動画編集サービス

『アップグレードとエクスポート』ボタンをクリック。

動画をエクスポートする方法 FlexClipの使い方動画編集サービス

プランと支払い画面が表示されます。有料でも良い場合は、一般家庭用としては『プラスプラン』の年間契約がおすすめです。フルHD1080p、ウォーターマーク(透かし)なしで書き出すことができるようになります。

動画をエクスポートする方法 FlexClipの使い方動画編集サービス

無料で使いたい場合は、『720p』のままで『ウォーターマーク付きでエクスポート』ボタンをクリックしてください。

動画をエクスポートする方法 FlexClipの使い方動画編集サービス

書き出しが始まります。

動画をエクスポートする方法 FlexClipの使い方動画編集サービス

書き出しが終わりました。

動画をエクスポートする方法 FlexClipの使い方動画編集サービス

私のパソコンの場合、デスクトップ画面に書き出した動画が保存されました。パソコンの設定によってはマイドキュメントのダウンロードフォルダに入っているかもしれません。

動画をエクスポートする方法 FlexClipの使い方動画編集サービス

再生するとタイムラインで編集した動画が1つに結合され再生されます。画面右上にウォーターマークが表示されています。しかし小さく透明なので、家庭用であれば気にしなくても良いと思います。

動画をエクスポートする方法 FlexClipの使い方動画編集サービス

プロジェクトをもう一度編集する方法

一度作ったプロジェクトはウェブ上に保存されています。FlexClipにログインして『自分のプロジェクト』をクリックすると、作成したプロジェクト一覧が表示されます。編集したいプロジェクトをクリックすれば、またタイムラインを編集することができます。

プロジェクトを再編集する方法 FlexClipの使い方動画編集サービス


まとめ

これでFlexClipの解説は終わりです。


ウェブブラウザ上で基本的な編集、音楽、テキスト、トランジション、書き出しなどができます。有料版のみ1080p、ウォーターマークなしで書き出せます。無料版でも十分高品質なので、初めての動画編集や、家庭用であれば無料版のままでも十分楽しめると思います。


もし気に入れば有料版も検討してみてください。

関連記事

122

YouTubeにPCから動画をアップロードする方法YouTube入門(0)

今回は、YouTubeにPCから動画をアップする方法について解説していきます。

ブラウザで動画編集できる無料サービスWE VIDEOの使い方

ブラウザで動画編集できる無料サービスWE VIDEOの使い方

ウェブブラウザだけで動画編集ができる無料のWE VIDEOの使い方を解説します。

128

ニコニコ動画に動画をアップロードできない場合

今回は、ニコニコ動画に動画にアップできない場合について解説していきます。

YouTubeで動画編集する方法

YouTubeで動画編集する方法エディタの使い方 YouTube入門(3)

終了していたYouTube上での動画編集機能が復活しました!今回はその方法を解説します。

110

YouTubeで動画編集する方法_YouTube入門(2)

今回は、YouTubeを使ってブラウザ上だけでアップロードした動画を明るくしたり、色を変えたり、テキストを入れる方法などを解説します。

おすすめ記事一覧

【2023】動画編集ソフトおすすめランキング 1

PR一部プロモーションが含まれる場合あり 動画編集ができるWindowsとMac用の無料・有料の動画編集ソフトのおすすめを紹介します。初心者から、YouTuber、インスタグラム、TikTok、プロ向 ...

【2022】動画編集アプリおすすめ人気ランキング 2

iPhoneやアンドロイドスマートフォン・タブレットで動画編集ができる無料・有料の動画編集アプリおすすめランキングを紹介します。すべて実際に使ってレビューしています。各アプリの詳しい使い方も別記事で解 ...

動画の作り方入門 3

動画を初めて作る方に向けて、動画の作り方を分かりやすく解説していきます! 記事に使っている写真はすべて私が自分で買ってレビューした機材です。

おすすめの動画編集スクール比較 4

PR一部プロモーションが含まれる場合あり 動画編集スクールに通う方が増えています。その理由として多いのがフリーランスになるため(40%)や、副業(34%)、映像制作会社に転職(10%)するため等です( ...

-動画ウェブサービス
-