ソフト・アプリ 作例

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

投稿日:2015/09/26 更新日:

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

こんにちは! hamochikuです。

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

スポンサーリンク

【PickUp!】


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

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


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


スポンサーリンク1


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

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

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

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


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


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


スポンサーリンク2


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

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

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

Lhazをダウンロード


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


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


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


はい。
Lhazをインストール


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


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


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


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


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


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


スポンサーリンク3


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

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


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


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


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

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


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


スポンサーリンク4


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

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

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


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


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


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

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


次に文字を書きます。

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


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


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


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


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


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


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


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


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


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


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


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


スポンサーリンク5


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

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

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


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


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


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


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



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


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



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

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

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

プロ向け動画編集ソフトVegas Pro(ベガスプロ)の使い方(1) 基本的な操作方法 カット編集 書き出しなど

プロ向け動画編集ソフトVegas Pro(ベガスプロ)の使い方(2) BGMの挿入方法 音量調整 フェードアウト・イン

こんにちは! hamochikuです。 今回は、プロ向けの高度な動画編集ソフトVegas ProのBGMの挿入方法 音量調整 フェードアウト・インの手順など解説します。

ゲーム実況入門(2) 録画したゲームを編集する方法 フリーソフトWindowsムービーメーカーの使い方

ゲーム実況入門(2) 録画したゲームを編集する方法 フリーソフトWindowsムービーメーカーの使い方

こんにちは! hamochikuです。 今回は、前回ロイロゲームレコーダーで録画した実況動画を編集する方法を解説します。 使うソフトは、フリーソフトWindowsムービーメーカー。 いらない部分をカッ …

iPhone用動画編集 無料アプリ Adobe Premiere Clipの使い方 基本的な操作方法(1)

iPhone用動画編集 無料アプリ Adobe Premiere Clipの使い方 基本的な操作方法(1)

こんにちは! hamochikuです。 今回は、知らない間にリリースされていた(笑) iPhone用動画編集 無料アプリ Adobe Premiere Clipの使い方を解説します。

iphoneで動画編集、フェードイン・アウトの設定 ~アプリiMovieの使い方(6)

******************************* 【お知らせ】 iMovieがバージョン2.0になったので 基本的な操作方法については、 こちらのページで解説をしています。 以前のバージ …

VideoStudio x9の使い方 トランジションを入れる方法 動画編集ソフト ビデオスタジオ入門(4)

VideoStudio x9の使い方 トランジションを入れる方法 動画編集ソフト ビデオスタジオ入門(4)

こんにちは! hamochikuです。 今回は、Corel VideoStudio Pro X9のBGM音声の挿入方法、音量調整、動画から音声のみを分割する方法を解説します。





スポンサーリンク

管理人:hamochiku(はもちく)

メール:info■douga-tec.com
(■を@に変えてください)

都内某大手インターネットメディアで動画ニュースなどの制作→東証一部上場企業でウェブマーケティング→地方に移住し、動画などを使った情報発信を行政とコラボ、その他、動画の作り方教室を主催しています!
iMovieの本を出しました。

記事の執筆依頼・月極広告の問い合わせはこちらをご覧ください。

★ライター募集のお知らせ




hamochiku(はもちく)

お気軽に、フォロー、いいね、お願いします!
by