Ψ(`∀´)Ψケケケ と (´・ω・`)ショボーン

AviUtl用のスクリプト配布やBlender、自作PCのパーツやガジェットの情報を配信中

 

【AviUtl】Inkscapeで作った素材を使ってオリジナルのオープニング用動画を作る【初心者用】

Edit Category Aviutlと拡張編集プラグイン > 応用、Tipsなど

前回、【まとめ】簡単に高画質動画の作成・編集・加工・変換 2011年版【初心者用】という無駄に長ったらしい文章ばかりの記事を書いたので、今回はその記事の内容に沿って動画のオープニング映像を作ってみようかと思う。

ちなみに前回の記事で説明の少なかった紙芝居系のオープニング動画を作ってみようかと思う。


手順

  1. まずイメージ作り。どんなオープニングにするか考える。
  2. イメージができあがったらオープニングに使用する素材を用意する。
    (使用予定の動画の加工編集ソフトに適した形式や状態にする)
  3. 用意した素材を動画加工編集ソフトに適した状態にする。
  4. 素材を動画加工編集ソフトで加工編集する。
  5. 加工編集が終わったらプロジェクトとして保存しておくか、動画ファイルとして出力したら終了。

イメージ作り

まずはどんなオープニングにするか考える。

  • 明るいイメージか暗いイメージか。
  • 温かいイメージか冷たいイメージか。
  • テンポは速いのか遅いのか。
  • オープニングは長いのか短いのか。
  • 写真や動画を使うのか使わないのか。
  • 新たにイメージに合った画像を作るのか作らないのか。
  • 音楽を使うのか使わないのか。

といったことを考えて、オープニングのイメージを固める。

イメージが固まったらイメージに沿った素材を作ったり集めたりするので、大まかな色の使い方、素材の選び方、場面の切り替えの仕方、オープニングの雰囲気を色々と頭の中で思い描いてみたり、紙に書いてみたり(絵コンテみたいに)してもいいかもしれない。

 

今回はソフトのテクニックではなく、大まかな作成方法の記事として扱うので、

  • できるだけ単純で簡単に
  • ブログのイメージにあった軽い感じで
  • 暗いよりも明るいイメージで
  • 動画加工編集ソフト以外のソフトも使って

といった感じで以後の作業を行うことにした。というか、大したスキルがないだけww

素材作り

で、デジカメの写真や動画を使うのもいいけど、少し手の込んだ(?)、でもそれほど負担にならないような形での素材作りをしてみるためにソフトはInkscapeを使う。

このソフトはペイントとは違って、絵を個々の図形データとして描くソフト。データをGimpなどと連携できるので、使い勝手がいい。

で、今回Inkscapeを使ってやったことは、

  1. ブログのタイトルを入力し、球体をひとつ作ってその外周に沿ってブログ名(文字)を配置する。
  2. 三つの球体と楕円をひとつ作る。組み合わせたときに立体感が出るようにそれぞれのフィルやストロークに色をつけたりぼかしを入れる。
  3. フィルやストロークにぼかしを入れたことで球体からはみ出てしまった部分を、Inkscapeのクリップ機能(オブジェクト機能)を使って消す。
  4. 各部の配置などの全体像を整える。
  5. エクスポート機能を使って、作成した部品ごと(文字、球体、影)にPNG画像として保存する。

といった単純な作業のみ。

 

最初は操作や機能がわからないと思うので以下のリンク先の記事を参考にしながら、素材を作成しつつ操作法等を覚えるといいかも。

 

で、下のキャプチャがInkscapeを使って素材を作成した様子。

20110507174950 20110507190237

左の画像がInkscapeで図形を作っている場面、右の画像が左の画像に色をつけたりぼかしたり、拡大縮小したりした後の最終的な場面。ちなみに右の画像は一枚の絵のように見えるけど、左で表示されている構成部品が折り重なっている状態。

特に難しい作業はしてない。上記に挙げたリンク先の解説を読めばわかるけど、本当に基礎の基礎みたいな作業。ただキー操作が慣れるまでは時間が掛かるかも。まあ、どのソフトにも言えることだけど……。

しかし、Inkscapeを久々に使ったので、しばらく細かい使い方が思い出せなかった……。orz

 

で、球体や影、文字の三つの構成部品に分けてエクスポートして、PNG画像にしたのが下の画像。この後、AviUtlを使って加工編集するので、『PNG画像』で画像を書き出した。

20110507194713

20110508052404

個々の部品のエクスポートの方法はエクスポートしたい部品を選択して、『ビットマップにエクスポート』を選択し、その中にある『選択』を選び、ファイル名をつけて書き出すだけ。

一応、部品を組み合わせたものもエクスポートしてある。まあ、この後のAviUtlの加工編集で使わなかったけど。……素材ってそんなもの。折角、用意しても使わないなんてザラにあるので気にしてはいけない。...(´З`)チェッ

ちなみにエクスポートしたPNG画像の色調補正やその他の処理等が必要であればGimpなどを使って行う。また、AviUtlの加工編集には大きすぎた場合、おてがる画像変換で縮小する。

今回は補正するほどのものでもないし、縮小するほど大きな画像ではなかったので、Gimpやおてがる画像変換は使わなかった。

作成した素材を使った加工編集作業

素材の作成が終わったら、いよいよAviUtlによる加工編集作業。

Inkscapeを使って作成したPNG画像を、AviUtlで読み込み、拡張編集プラグインの各機能を使って加工編集したのが下記の画像。簡単なアニメーション作りで、前回の記事に沿って言えば、InkscapeでエクスポートしたPNG画像を使って、簡単な紙芝居系の動画を作成をしたということになる。

20110507234326

AviUtlでしたことは、

  1. 背景を入れて、色を真っ白に。
  2. 背景の上下をクリッピングして白の部分を16:9に。(敢えて4:3で設定して16:9となるようにした)
  3. 素材として作った文字、球体、影の画像をそれぞれインポート。
  4. その後、インポートした各パーツをグループ制御下に。
  5. 拡張編集の中間点機能を使ながら、それぞれのパーツに移動や拡大縮小、回転を指定したり、アニメーション効果『弾む』を付加。
  6. タイトルになる文字を入れ、フェード効果を追加。
  7. 編集加工したものをプラグインのx264出力(GUI)Exを使って、MP4(H.264+AAC)で書き出し。

といった感じ。これまた基礎の基礎みたいなことだけ。

 

で、下の画像が作成したオープニング用の動画を時系列に沿って切り出してみたもの。

1 6
0010000 0010500
2 7
0010100 0010600
3 8
0010200 0010700
4 9
0010300 0010800
5 10
0010400 0010900

 

画面の右上から球体(ブログタイトルが周囲を回転している)が跳ねながら近づいてきて、画面の左にぶつかり、それから右へ移動。その後、球体は画面の下に転がり落ちて消え、オープニング作りの文字が浮かび上がってくる。といった感じの二十秒程度の動画。

ちなみに一度、球体が上に跳ねるときに影が小さくなるようにしてみたが、いまいちだったので止めた。

拡張編集プラグインの基本的な使い方については、さつき - ニコニコ大百科(超おすすめ★)や【AviUtl】部分フィルタ + モザイクの補足【拡張編集】を参照に。







関連記事
スポンサーサイト

Newer Entry【AviUtl】Inkscapeを使ってオープニング動画作成2【初心者用】

Older Entry【まとめ】簡単に高画質動画の作成・編集・加工・変換 2011年版【初心者用】

Comments


Trackbacks

 
02 2018
SUN MON TUE WED THU FRI SAT
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 - - -

01 03


 
 
Dream Tech ガールズ&パンツァー ダージリンKNIGHT バットマン™
Dream Tech ガールズ&パンツァー ダージリン パンツァージャケットVer. 1/8スケール PVC製 塗装済み完成品 フィギュア
 
注意事項

紹介されているフリーソフト、スクリプトをインストールするときは、フリーソフトの説明および注意事項を熟読し、自己責任においてご利用下さい。



記事:Amazonギフト券の期限など
特価情報:各ジャンル・タイムセール

 
メイドインアビス ナナチ NONスケール PVC製 塗装済み完成品フィギュア
メイドインアビス ナナチ NONスケール PVC製 塗装済み完成品フィギュア
 
オススメA

Nintendo Switch Joy-Con (L) ネオンブルー/ (R) ネオンレッド
Nintendo Switch Joy-Con (L) ネオンブルー/ (R) ネオンレッド


Oneplus 5T (A5010)6.01 inch 2000万画素 +1600万画素 デュアルレンズカメラ 6GB/64GB RAM CPU Snapdragon 835 LTE 4G+ sim フリー日本語対応
Oneplus 5T (A5010)6.01 inch 2000万画素 +1600万画素 デュアルレンズカメラ 6GB/64GB RAM CPU Snapdragon 835 LTE 4G+ sim フリー日本語対応


Anker PowerDrive 2 (24W/4.8A 2ポート USBカーチャージャー) iPhone、Android、IQOS対応 (ブラック)
Anker PowerDrive 2 (24W/4.8A 2ポート USBカーチャージャー) iPhone、Android、IQOS対応 (ブラック)


Bodyguard 自撮り棒 スマホ セルカ棒 Bluetoothリモコン ライトニング接続 兼用 三脚付 360度回転 iPhone/Android対応
Bodyguard 自撮り棒 スマホ セルカ棒 Bluetoothリモコン ライトニング接続 兼用 三脚付 360度回転 iPhone/Android対応



乃木坂46 衛藤美彩 写真集 話を聞こうか。 封入特典 特別付録 スペシャル ポストカード 水着
乃木坂46 衛藤美彩 写真集 話を聞こうか。 封入特典 特別付録 スペシャル ポストカード 水着


ファンヒーター【最新改良版】電気 セラミックヒーター 3段階切替 18ヶ月保証 5秒暖かく 転倒OFF ZEEFO 首振り 冬も夏も使える 足元ヒーター 省エネPSE認証
ファンヒーター【最新改良版】電気 セラミックヒーター 3段階切替 18ヶ月保証 5秒暖かく 転倒OFF ZEEFO 首振り 冬も夏も使える 足元ヒーター 省エネPSE認証


Anker ウルトラスリム Bluetooth ワイヤレスキーボード iOS/Android/Mac/Windows に対応 ブラック
Anker ウルトラスリム Bluetooth ワイヤレスキーボード iOS/Android/Mac/Windows に対応 ブラック


長濱ねる1st写真集 タイトル未定
長濱ねる1st写真集 タイトル未定


【国内正規品】密閉型 ゲーミングヘッドセット SteelSeries Arctis 5 Black 61443
【国内正規品】密閉型 ゲーミングヘッドセット SteelSeries Arctis 5 Black 61443


Elgato Game Capture HD60 S
Elgato Game Capture HD60 S


いつかできるから今日できる(Type C)(DVD付)
いつかできるから今日できる(Type C)(DVD付)


Kirklandカークランドシグネチャー ケトルチップス(ポテトチップス)907g×12袋
Kirklandカークランドシグネチャー ケトルチップス(ポテトチップス)907g×12袋


さんけい みにちゅあーとキット スタジオジブリシリーズ となりのトトロ トトロ ノンスケール ペーパークラフト MK07-19
さんけい みにちゅあーとキット スタジオジブリシリーズ となりのトトロ トトロ ノンスケール ペーパークラフト MK07-19


 
ブログ内検索
記事を探すときは、キーワードで検索をかけると速くて便利です。
 
初音ミクGTプロジェクト レーシングミク2016 TeamUKYO応援 ver.
figma 初音ミクGTプロジェクト レーシングミク2016 TeamUKYO応援 ver. ノンスケール ABS&PVC製 塗装済み可動フィギュア
 
 
 
ブログ内検索
記事を探すときは、キーワードで検索をかけると速くて便利です。
 
 
【2018年新春】動画編集にも3DCGにもゲームにも使える高コスパ自作PC構成
コスパの優秀な構成。ただし、メモリが高騰中なのが玉に瑕。メモリ価格の変動に注意。また、最近はGPUも価格変動大。

AMD CPU Ryzen7 1700 with WraithSpire 65W cooler AM4 YD1700BBAEBOX
AMD CPU Ryzen7 1700 with WraithSpire 65W cooler AM4 YD1700BBAEBOX

ASUS AMD X370搭載 マザーボード AM4 Socket対応  STRIX X370-F GAMING 【ATX】
ASUS AMD X370搭載 マザーボード AM4 Socket対応 STRIX X370-F GAMING 【ATX】

CORSAIR DDR4 メモリモジュール VENGEANCE LPX Series 8GB×2枚キット CMK16GX4M2B3200C16
CORSAIR DDR4 メモリモジュール VENGEANCE LPX Series 8GB×2枚キット CMK16GX4M2B3200C16

MSI GeForce GTX 1060 AERO ITX 6G OC グラフィックスボード VD6307
MSI GeForce GTX 1060 AERO ITX 6G OC グラフィックスボード VD6307

WD SSD 内蔵SSD M.2 512GB WD Black / PCIe Gen3 NVMe 8Gbs / 5年保証 / WDS512G1X0C
WD SSD 内蔵SSD M.2 512GB WD Black / PCIe Gen3 NVMe 8Gbs / 5年保証 / WDS512G1X0C

【Amazon.co.jp限定】WD HDD 内蔵ハードディスク 3.5インチ 4TB WD Blue WD40EZRZ/AFP2 SATA6Gb/s 5400rpm 2年6ヶ月保証 (FFP)
【Amazon.co.jp限定】WD HDD 内蔵ハードディスク 3.5インチ 4TB WD Blue WD40EZRZ/AFP2 SATA6Gb/s 5400rpm 2年6ヶ月保証 (FFP)

Corsair RM750x 80PLUS GOLD認証取得 750W静音電源ユニット PS594 CP-9020092-JP
Corsair RM750x 80PLUS GOLD認証取得 750W静音電源ユニット PS594 CP-9020092-JP

サイズ オリジナルCPUクーラー 虎徹 Mark II
サイズ オリジナルCPUクーラー 虎徹 Mark II

Pioneer パイオニア Windows10対応 BD-R 16倍速書込 S-ATA接続 ブラックトレー仕様 BD/DVD/CDライター ソフト無 バルク品 BDR-209BK2
Pioneer パイオニア Windows10対応 BD-R 16倍速書込 S-ATA接続 ブラックトレー仕様 BD/DVD/CDライター ソフト無 バルク品 BDR-209BK2

Fractal Design Define R6 - Blackout - Tempered glass ミドルタワー型PCケース CS7012 FD-CA-DEF-R6-BKO-TG
Fractal Design Define R6 - Blackout - Tempered glass ミドルタワー型PCケース CS7012 FD-CA-DEF-R6-BKO-TG

Acer モニター ディスプレイ ET322QKwmiipx 31.5インチ/VA/4K/DisplayPort v1.2/HDR Ready対応/AMD Free Sync/ 3年保証
Acer モニター ディスプレイ ET322QKwmiipx 31.5インチ/VA/4K/DisplayPort v1.2/HDR Ready対応/AMD Free Sync/ 3年保証

Razer Naga Hex V2 MOBA ゲーミングマウス 【正規保証品】  RZ01-01600100-R3A1
Razer Naga Hex V2 MOBA ゲーミングマウス 【正規保証品】 RZ01-01600100-R3A1

センチュリー バックライトLED機能搭載 CHERRYメカニカルキーボード 63キー/日本語配列 『BLACK QUEEN 茶軸』 CK-63CMB-BWJP1
センチュリー バックライトLED機能搭載 CHERRYメカニカルキーボード 63キー/日本語配列 『BLACK QUEEN 茶軸』 CK-63CMB-BWJP1

Microsoft Windows 10 Home Creators Update適用 32bit/64bit 日本語版 (最新) |オンラインコード版
Microsoft Windows 10 Home Creators Update適用 32bit/64bit 日本語版 (最新) |オンラインコード版

ドイツ Thermal Grizzly社製 オーバークロック用特別設計高性能熱伝導グリス Kryonaut 1g
ドイツ Thermal Grizzly社製 オーバークロック用特別設計高性能熱伝導グリス Kryonaut 1g



 
オススメのフリーソフト
■ブラウザ(お好みで。複数可)
Chrome
Firefox
Vivaldi
Sleipnir
Opera
■ファイアウォール(必須)
Comodo Internet Security
ZoneAlarm
Outpost Security Suite FREE
■アンチウィルスソフト(必須)
avast! 4 Home Edition
avira 無料版
AVG Anti-Virus Free Edition
■レジストリ保護&クリーナー(必須)
Spybot-S&D
CCleaner
■圧縮・解凍ソフト(必須)
Lhaplus
7-Zip
■オフィスソフト
OpenOffice.org
LibreOffice
Mery
TeraPad
■メーラー
Thunderbird
■オンライン・コミュニケーション・ツール
Open Live Writer
Skype
Windows Live メッセンジャー / MSN メッセンジャー
■Backup & PartitionEditor
AOMEI バックアップ、クローン、パーティション管理
EaseUS Todo Backup Free
EaseUS Partition Master
■コーデックパック(どちらか)
K-Lite Codec Pack
 
Combined Community Codec Pack
■各エンコーダ&デコーダ、スプリッタ(競合注意)
ffdshow
Xvid Codec
qaac Codec
x264vfw
Haali Media Splitter
LAV Splitter
webm
Google VP8 Video For Windows codec
■動画音楽再生プレーヤー(複数可)
MPC Home Cinema
GOM PLAYER
SMPlayer
VLC media player
■動画加工編集ソフト
Windows ムービー メーカー
Windows Media エンコーダ
MP4Cam2AVI
Any Video Converter フリー版
CamStudio
SEffect
x264vfw
AviUtl
AviUtlのプラグイン
MediaCoder
Nero AAC Codec
Avidemux.org
真空波動研 Lite
えこでこツール
XMedia Recode
■グラフィックソフト
Blender
Inkscape
GIMP
PlayMemories Home
FireAlpaca
■HTML&ブログ制作
ez-HTML
XnConvert(画像一括処理)
Open Live Writer
FFFTP
WinShot
Aptana | Studio
■AviUtl
AviUtlの基礎構成ファイルDL
■その他、色々と……
DataRecovery
CPU-Z
CrystalDiskMark
CrystalDiskInfo
 
 
QRコード
QRコード
 
プロフィール

(o・ω・o)

Author:(o・ω・o)
現在はAviUtl用の駄スクリプトを書いて配布中。使用は自己責任でお願いします。

 
 


ARCHIVE RSS