作例 動画ソフト・アプリ

【作例】テラスハウス風の動画を作る方法

掲載・更新日

【作例】テラスハウス風の動画を作る方法

こんにちは!  動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。

今回は、コメントで要望のあった
テラスハウス風の動画の作り方を解説します。



テラスハウス風動画のサンプル

完成した動画はこんな感じです。


音楽は適当にフリー音源を入れているので
気にしないでください(笑)


テラスハウス風のフリーフォントをダウンロードする

まず、それっぽいフリーフォントを
ダウンロードしましょう。

このページに行って、
M+ TESTFLIGHT 060をクリック。

テラスハウス風フォントのページ


ファイルの保存窓が立ち上がるので、
好きな場所に保存。
テラスハウス風フォントの保存


ファイルがちょっと変わった形式で
圧縮されています。
mplus-TESTFLIGHT-060.tar.xz
テラスハウス風フォントのファイル形式


テラスハウス風のフリーフォントを解凍する

これを解凍するために、
Lhazを使います。

このサイトに行って、
lhazをクリック。

Lhazをダウンロード


ダウンロードをクリック。
Lhazをダウンロード


ファイルを保存。
Lhazをダウンロード


保存したlhaz240.exeをクリック。
Lhazのファイル


はい。
Lhazをインストール


インストール先などを設定し、
OKをクリック。
Lhazをインストール


デスクトップに
Lhazのショートカットアイコンができました。
Lhazをインストール


ダウンロードした圧縮フォントをクリックしたまま、
Lhazアイコンの上に持って行き離しましょう。
テラスハウス風フォントを解凍


「このフォルダを解凍」をクリック。
テラスハウス風フォントを解凍


解凍が始まり、
フォントフォルダが表示されました。
テラスハウス風フォントを解凍


フォルダの中に、
フォントがたくさん入っています。
テラスハウス風フォント


テラスハウス風のフリーフォントをインストールする

PC画面左下の
「スタート」→「コントロールパネル」をクリック。
テラスハウス風のフォントをインストールする手順


「フォント」をクリック。
テラスハウス風のフォントをインストールする手順


フォントフォルダが立ち上がりました。
テラスハウス風のフォントをインストールする手順


このフォルダに中に、
「ttf」ファイルをすべて入れてください。
テラスハウス風のフォントをインストールする手順

※拡張子ttfが非表示の場合は、ファイル名「mplus」をすべて入れてください。


これで、パソコンにテラスハウス風のフォントが
インストールされました!


テラスハウス風のロゴを作ってみよう

次にWindowsに初めから入っている
「ペイント」を使ってカンタンに
ロゴタイトルを作ってみましょう。

完成図はこんな感じです。
ペイントソフトの使い方


ペイントの場所ですが、
PC画面左下の「スタート」→「すべてのプログラム」
→「アクセサリ」→「ペイント」をクリック。
ペイントの場所


ペイントが立ち上がりました。
ペイントソフト


まず、白い背景を横長にしてみましょう。

白いキャンバス右下の■をクリックしたまま、
上に持って行き調整します。
ペイントソフトの使い方


次に文字を書きます。

画面上部の「ツール」内の
「A」をクリック。
ペイントソフトの使い方


キャンバスをクリックしたまま
移動すると、
白い枠線が表示されます。
ペイントソフトの使い方


キーボードで文字を打ちましょう。
ペイントソフトの使い方


できたフォント右端の
カーソルをクリックしたまま
左に移動させ全選択します。
ペイントソフトの使い方


メニューのフォントを
M+1c thinを選択。
ペイントソフトの使い方
※画像は「@M+1c thin」ですが、「M+1c thin」を選んでください。


次にフォントサイズを選択します。
ペイントソフトの使い方


あとは、右側に
小さめの文字を同じように作ります。
ペイントソフトの使い方
※文字の位置を替えたい場合は、「ホーム」→「選択」で文字を囲んで移動させます。


次に緑の背景を作ります。
メニューの四角い図形をクリック。
ペイントソフトの使い方


色を1、2ともに緑を選択。
ペイントソフトの使い方


「ぬりつぶし」→「単色」を選択。
ペイントソフトの使い方


小さい文字の下辺りで
マウスをクリックしたまま
枠を広げます。
ペイントソフトの使い方


あとは、緑の上に
白い文字を載せれば完成です!
ペイントソフトの使い方


動画編集ソフトに取り込んでみよう

今回は、VideoStuido X7を使ってみます。
他のソフトでも同じことはできます。無料版だとむずかしいかも…。

VideoStudioを立ち上げます。
VideoStudioでテラスハウス風動画


素材フォルダに
先ほど作った画像を入れます。
VideoStudioでテラスハウス風動画


まず、タイムラインに動画素材を入れます。
VideoStudioでテラスハウス風動画


次にテラスハウス風画像も
タイムラインに入れます。
VideoStudioでテラスハウス風動画


画像をクリックして
左上に移動させましょう。
VideoStudioでテラスハウス風動画



あとは、フォント機能を使って、
登場人物の名前をM+1c thinで書きます。
VideoStudioでテラスハウス風動画


これで、テラスハウスっぽくなりました!
後は全体を微調整して、書き出せば完成です。



それではお疲れ様でした!
また次の記事でお会いしましょう。

関連記事

150

PowerDirector 12 Ultraの使い方-タイトル(テロップ)の入れ方-パワーディレクター入門(5)

こんにちは!  動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 この記事では、 PowerDirector12 Ultraの タイトル(テロップ)の入れ方を解説していきます。

動画編集ソフトMicroSoftフォトの使い方(1) 機能の紹介 フォト入門 windows用フリー無料

動画編集フリーソフトMicrosoftフォトの使い方(6) テーマでデザインを一括変更する方法 フォト入門 windows用フリー無料

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 今回は、Windows10に標準でインストールされている動画編集ソフトMicrosoftフォトの使い方、テーマで ...

Corel VideoStudio 2018の使い方 機能の紹介 動画編集ソフト ビデオスタジオ入門(1)

Corel VideoStudio 2018の使い方(1) 機能の紹介 動画編集ソフト コーレルビデオスタジオ入門

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 今回は動画編集ソフトCorel VideoStudio 2018の新機能など紹介をします。

PowerDirector365Macの使い方(1) 機能の紹介 動画編集ソフト パワーディレクター入門

PowerDirector365Macの使い方(7) 書き出しの方法 動画編集ソフト パワーディレクター入門

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 今回は、Mac用動画編集ソフトPowerDirector365動画の書き出し方法について解説します。

PowerDirector15の使い方(1) 機能の紹介 動画編集ソフト パワーディレクター入門

PowerDirector15の使い方(5) トランジションの挿入方法 動画編集ソフト パワーディレクター入門

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 今回は、Windows用動画編集ソフトPowerDirector15のトランジションの挿入方法について解説します ...

  • この記事を書いた人

ウチムラワタル(hamochiku)福本航

株式会社ドウガテック代表取締役。映像制作15年の動画の作り方講師。国内最大級の動画の作り方入門サイト『カンタン動画入門』を2012年から運営。毎月35万人以上が訪問するまでに成長。『カンタン動画入門教室』を主催。地方自治体企業、大学、高校、一般向けに動画の作り方教室を行い、生徒数は100名以上。日本文理大学情報メディア学科の動画講座非常勤講師。株式会社ロボット主催合志市クリエイター塾講師CyberLink MVP大分ふるさとCM大賞第15回大賞動画の技術指導大分県デザイン協会会員。動画編集ソフトの解説書『逆引きiMovie動画編集』を工学社から出版。

おすすめ記事一覧

動画編集ソフトおすすめランキング無料有料比較Windows/Mac 1

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 2021年最新のWindowsとMac用の無料有料の動画編集ソフトおすすめランキングを作りました。動画編集ソフト ...

【2020】動画編集アプリおすすめ人気ランキング無料有料iPhone/Android 2

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 2021年最新のiPhoneとアンドロイドスマートフォン用の無料有料の動画編集アプリおすすめランキングを作りまし ...

動画の作り方入門 3

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 今回は動画を初めて作る方に向けて、動画の作り方を分かりやすく解説していきます! 記事に使っている写真はすべて私が ...

-作例, 動画ソフト・アプリ
-,

Copyright © 株式会社ドウガテック All Rights Reserved.