プロフィールムービー

Weddingram 基本マニュアル

tommy
1

事前準備

Step1

AviUtlのダウンロード&セットアップ

配布しているテンプレート(プロジェクトファイル)を開くにはAviUtlが必要ですので、まず初めにAviUtl本体&最低限のプラグインを導入します。

詳細な手順は姉妹サイトにて。

あわせて読みたい
AviUtlの導入方法【ダウンロードとインストール・設定】
AviUtlの導入方法【ダウンロードとインストール・設定】
Step2

Weddingramのダウンロード

Weddingramのページから、テンプレートを購入します。

テンプレートをダウンロード
Weddingram
Weddingram
Step3

必要スクリプトのダウンロード

Weddingramフォルダの必要スクリプト.txtを確認して導入

ダウンロードしたファイルの中に必要スクリプト.txtが同梱されていますので、URL先からスクリプトをダウンロードし、AviUtlのscriptフォルダに入れてください。

スクリプトの保存場所は姉妹サイトにて解説しています。

あわせて読みたい
AviUtlのおすすめスクリプトと追加方法
AviUtlのおすすめスクリプトと追加方法
Step4

必要素材のダウンロード

フォント

Billabongフォントの使用箇所

最初(Weddingram)と最後(To be continued.)はBillabongというフォントを使用しています。

フォントをダウンロード
Billabong
Billabong

Windowsに標準で搭載されているフォントではありませんので、上記のリンクからダウンロードをお願いします。(個人利用に限り無料)

Billabongフォントをダウンロード

緑色のボタンからダウンロードできます。

ダウンロードしてきたファイルのBillabong.ttfをダブルクリック

ダウンロードしてきたら展開してBillabongフォルダ Billabong.ttfをダブルクリック。

.ttfまで表示されてない場合は、ファイル名拡張子にチェックを入れるのがセキュリティ的におすすめです

Billabongフォントをインストール

インストールをポチッとすればOK。

インストールボタンを押したらダウンロードしてきたファイルは全て削除して構いません。

BGM

BGMはお好きな曲を使っていただいてOKですが、動画は騒音のない世界 / becoさんの「チャレンジャー」という曲に合わせて作っています。

BGMをダウンロード
騒音のない世界
騒音のない世界

同じ曲を使用すれば「自分で映像と音楽のタイミングを合わせる作業」の必要がありません。

埋め込みプレーヤーからBGMをダウンロード

ホームページの埋め込みプレーヤーからだと、SOUND CLOUDに会員登録せずにダウンロードできます。

Step5

使いたい写真や動画の準備・置き換え

用意しておいた画像や動画を名前を変更して置き換え

Weddingramのフォルダには新郎00.jpg・新郎01.jpg・新郎02.jpg…等、あらかじめダミーの画像や動画を入れてあります。

ご自身が用意したデータのファイル名を新郎00.jpg・新郎01.jpg・新郎02.jpg…に変更し、ダミーファイルと置き換えてください。

ダミーファイル一覧
  • 新郎00~09.jpg
  • 新婦00~09.jpg
  • 新郎新婦00~09、99.jpg(00と03~05は.mp4)

新郎/新婦00.jpg、新郎新婦00.mp4はプロフィール画像、新郎新婦99.jpgはラストの画像に設定されています。

Q
おすすめツール

紙の写真をデータ化するにはフォトスキャン by Googleフォトがおすすめ。

フォトスキャン by Googleフォト
フォトスキャン by Googleフォト

また、プリクラや昔の携帯電話の写真データを使用する際は、とりあえず高画質化しておくのがベター。

2

写真・動画設定

続いては、いよいよプロジェクトファイルを開きます。

Q
.aupファイルの開き方

aviutl.exeをダブルクリックして立ち上げた後、上部メニューバーのファイル 編集プロジェクトを開く から開けます。

また、.aupとaviutl.exeとの関連付けを行っておくと、ダブルクリックで開けるようになります。

拡張子.aupをAviUtlに関連付ける(AviUtlの導入方法)
拡張子.aupをAviUtlに関連付ける(AviUtlの導入方法)

写真を自分が表示したい位置に調整しましょう。

Step1

各プロフィール画像の表示位置調整

まずは各プロフィール画像の設定から。

タイムラインから各プロフィール画像のシーンを選択

タイムライン左上のメインと書いてある箇所をクリックし、リストから各プロフィール画像を選択します。

Q
タイムラインが表示されていない場合

タイムラインが表示されていない場合は、上部メニューバーの設定 拡張編集の設定 をチェックすることで表示されます。

タイムラインを表示(AviUtlの導入方法)
タイムラインを表示(AviUtlの導入方法)
プロフィール画面の写真が、欲しい位置に出てこない例

こんな感じで写真がズレているので…

AviUtl上でオブジェクトをドラッグして位置を調整している様子

タイムラインの新郎00.jpg(または新婦00.jpg)をクリックしてから、写真をドラッグして欲しい位置に合わせます。

左の円が新郎、右の円が新婦です。

拡大率で写真の大きさの変更が可能

写真が大きくて円に収まらない場合は、設定ダイアログの拡大率の数値を小さくしてください。

設定ダイアログが表示されてない方は、タイムラインの新郎01.jpgをダブルクリックすると表示されます。

Q
写真が見切れてしまう場合

最大画像サイズを変更するか、ペイント等で画像サイズを小さくすれば見切れず読み込めるようになります。

AviUtlで画像が見切れしまう原因と3つの対処法を解説
AviUtlで画像が見切れしまう原因と3つの対処法を解説
Step2

2人プロフィール画像の表示位置・再生位置調整

タイムラインから2人プロフィール画像のシーンを選択

今度は同じようにタイムライン左上から2人プロフィール画像を選択し、同じように位置の調整を行います。

動画の停止位置を調整している様子

動画の場合、設定ダイアログで再生位置の変更が可能です。

再生速度を0にしてありますので、指定した再生位置で停止した状態になります。

Step3

フィード一覧画像の表示位置調整

タイムラインから新郎フィード一覧のシーンを選択

プロフィール画像の設定が完了したら、続いては新郎フィード一覧を表示しましょう。

新郎フィード一覧のサンプル

フィード一覧では9つの写真が配置可能です。(初期状態だと、この後に設定する個別フィード投稿では使わない写真があります…具体的に言うと06~09)

先程同様、新郎XX.jpgをクリックしてから、写真をドラッグして欲しい位置に合わせます。

タイムラインから新婦フィード一覧や2人フィード一覧のシーンを選択

完了したら新婦フィード一覧と2人フィード一覧も、同じように位置調整を行ってください。

2人フィード一覧では、2人プロフィール画像同様に動画の再生速度を0にして画像のように表示しているオブジェクトがあります。

そちらもまた、再生位置を調整してお好みの位置で停止させてください。

Step4

個別投稿画像の位置調整

プロフィール画面とフィード一覧の調整が完了したら、メインに戻って今度は個別フィード投稿/リール動画の写真位置を調整します。

タイムラインの空いてるところをクリックで現在のフレームが表示される

タイムラインを横にスクロールして、37秒~44秒くらいの空いてる隙間どこでもいいのでクリックしてください。

赤い線がその時点の映像です。

以降、この赤い線を動かしながら写真の調整をしていきましょう。

プロフィール画像同様、タイムラインの新郎01.jpgをクリック 表示画面で位置を調整します。

写真はLayer 14と8に配置されている

新郎01.jpgが完了したら赤いラインを移動して、新郎02.jpgへ。完了したら新郎03.jpgへ…と、右方向に進んでいきます。

写真はLayer 14、Layer 8に交互に配置されています。

初期状態では新郎・新婦パートが5つずつ、2人共通パートは7つです。(共通パートの7つのうち3つは動画)

動画はLayer 13と7に配置されている

動画はLayer 13、Layer 7にあります。

再生位置と速度が変更可能

それぞれの動画の再生位置や再生速度を変更して、時間内に良い感じに収まるようにしましょう。

再生速度は、等速でよければ100で。100より大きくすると速く、小さくするとゆっくりになります。

再生速度を変更するとオブジェクトの長さが変わる

再生速度を変更すると、タイムラインのオブジェクトが伸びたり縮んだりします。

その場合は上下のオブジェクトと長さ&中間点(▼の位置)を合わせてください。

そしてもちろん表示位置の調整もお忘れなく。

Q
写真や動画のオブジェクトが短くて選択しにくい場合

タイムラインのオブジェクトを選択しにくい場合、タイムライン左上の青い棒線をクリック/ドラッグしてみてください。

目盛りの縮尺が変化し、選択しやすくなります。

オブジェクトの位置を調整(AviUtlの基本的な使い方)
オブジェクトの位置を調整(AviUtlの基本的な使い方)
Step5

ラスト手前の動く2人プロフィール画像

表示位置調整のラストです。

ラスト手前、2人プロフィール画像が静止した状態から動き始める演出です。

メインの最後の方にある新郎新婦00.mp4を選択

3分55秒のLayer 7にある新郎新婦00.mp4をクリック。

2人プロフィール画像とメインにある2つのオブジェクトの値を同一にする

位置と再生位置は2人プロフィール画像で設定した値と同じにしてください。異なる値だと再生したときに自然な感じになりません。

メインの最後の方にある新郎新婦00.mp4は再生速度を設定する

また、2人プロフィール画像のときは再生速度を0にしてありましたが、今度は再生速度を設定します。

新郎新婦99.jpgが表示される前にキリの良いところまで再生されるよう、速度を調整してください。

再生速度を変更するとオブジェクトが伸縮するので調整

再生速度を変更するとタイムラインのオブジェクトが伸びたり縮んだりしますので、グループ制御のオブジェクトと同じ長さになるように調整を。

3

BGM設定

写真/動画の表示位置の調整が終わったら、音楽をのせてみましょう。

Step1

音声オブジェクトを選択

音声オブジェクトをクリック

5秒(時間制御の直後)にある音声オブジェクトをクリックします。

Step2

音楽ファイルを選択

設定ダイアログの参照ファイルをクリックして音楽ファイルを選択

設定ダイアログの参照ファイルをクリックして、事前準備でダウンロードしたチャレンジャーを指定してください。

お好きなBGMをご利用可能ですが、その場合は注意点があります。詳しくはカスタマイズマニュアルをご確認ください。

Step3

音量を調整する

音声ファイルの音量を調整する

音楽ファイルによっては音量が大きいので、設定ダイアログから音量を調整しましょう。

ここで調整しても、式場で再生すると音響設備が良すぎて、思ったより大音量になることが。実際に私も体験しました。

気持ち抑えめにするといい…かも?(でも結局は式場で再生確認しないと何とも言えないのですが)

4

テロップ設定

続いてはWeddingramフォルダの中にあるテロップ.txtを開いて、名前やテロップを任意の情報に書き換えます。

Step1

テロップ.txtの編集

テロップ.txtを開いて編集

テロップは5行まで、ハッシュタグは2行まで表示できます。

テロップ.txtを編集する際に注意していただきたいのが、行の追加や削除をしないこと。

テロップが3行しかないからといって4行目や5行目を削除すると、以降のテロップが全てズレます。

なので行を保持したまま編集をお願いします。

制約が多くて申し訳ないですが…AviUtlに詳しくない人でもなるべく簡単に作れるようにした結果なので、ご了承ください

注意点
リール投稿では、ハッシュタグのみ反映される仕様

リール動画っぽい投稿では、ハッシュタグのみ表示される仕様です。指定の行にテロップを入力しても反映されません。

Step2

テロップ.txtのパスをコピー

Shift+右クリックでテロップ.txtのパスをコピー

テロップ.txtの編集が終わったら保存して、エクスプローラーでShiftを押しながら右クリック パスのコピー を選択します。

Step3

スクリプト制御に貼り付け

レイヤー19にあるスクリプト制御を選択

AviUtlに戻り、Layer 19にあるスクリプト制御を選択します。

3行目に

file = io.input("C:\\Weddingram\\テロップ.txt")

とありますので

スクリプト制御の()内を選択

()内を選択して(ダブルクォーテーションも選択)

Ctrl+Vで貼り付け

貼り付け(Ctrl+V)を行うと、先程コピーしたパスと置き換わります。

Step4

パスの変更

読み込まれるようにファイルのパスを変更する

このままではテロップ.txtを読み込んでくれません。

¥の箇所を¥¥に変更してください。そうすることで正常に読み込まれるようになります。

5

再生確認

お疲れさまでした!

AviUtlで再生確認

一通りの作業が完了したら、赤い線を左端に持ってきて再生ボタンを押してみましょう。

パソコンのスペックによってはカクカクするかもしれませんが、あなたが作り上げたムービーが流れるはずです。

Q
再生ボタンが表示されていない場合

メインウィンドウに再生ボタンが表示されてない方は、システムの設定を変更しましょう。

設定完了後、再起動することでボタンが表示されます。

システムの設定(AviUtlの導入方法)
システムの設定(AviUtlの導入方法)

自作ムービーお役立ち記事

姉妹サイトではDVD化する手順も解説しています。

テンプレートでの設定が完了したら、動画をmp4に出力してAviUtlを使わなくても見れるようにしましょう。

あわせて読みたい
動画をmp4形式で出力(AviUtlの基本的な使い方)
動画をmp4形式で出力(AviUtlの基本的な使い方)

mp4からDVD-Video形式に変換してDVDに焼く手順はこちら。

あわせて読みたい
DVD-Video形式とは? AviUtlで作成したmp4動画をDVDに焼く方法
DVD-Video形式とは? AviUtlで作成したmp4動画をDVDに焼く方法

AviUtlに関するよくある質問もあります。困ったときはご覧ください。

あわせて読みたい
初心者のためのAviUtlに関するよくある質問
初心者のためのAviUtlに関するよくある質問
記事URLをコピーしました