みなさんこんにちは

大阪市のWeb制作会社に、未経験でWebデザイナーとして入社した髙井彩加です！

先日久しぶりに高熱が出てしまい、予期せぬところで季節の変わり目を実感しています

寒くなってきたので皆さんも体調に気をつけて過ごしてくださいね

さて、今回は久しぶりにPremiere Proについてブログを書きたいと思います。

なお、今回はAdobeサポートセンターの担当者様からいただいた回答を、

許可を得て掲載させていただいております。

Premiere Proで画面録画は使えない？

10/24に『Blenderにハマってます』というブログを公開しました。

その記事の中でクマのキャラクターができるまでの制作過程を動画にしているのですが、

その時に画面録画した素材が使えずエラーが出るということがありました。

以前会社のYouTubeを編集する時に画面録画した素材を読み込んだ時は、

問題なく読み込むことができたんですよね

Google先生に聞いてみてもこれだ！という情報が出てこなかったので、

Adobeサポートセンターの方にお話を伺ってみました。

原因は？？

Adobeサポートセンターの方からいただいた回答を記載します。

画面収録された素材に関しましては、Premiere Proなどのプロフェッショナル用編集ソフトでは正常に読み込みできない事例が多くございますため、一度ファイル変換してから読み込みできるようになるか、お試しいただきたく存じます。

画面録画された動画は、編集を想定したデータではないため、正常に編集ソフトに読み込まれない場合があるようです。

先日Adobeでは大規模なアップデートが行われました。その影響があるのかを聞いてみたところ…

movファイルについては現状もサポート対象形式であり、また、25.0から画面収録したファイルが読み込めないという既知の問題などの情報はございませんが、

画面収録した動画、スマホやタブレットで撮影した動画、ゲーム画面をキャプチャした動画などは、多くが再生用として生成されたデータのため、内部のメタデータが正確ではなく、読み込みに失敗してしまう事例がございます。

そのため、上記の方法で撮影した素材が全て読み込みできないというわけではないのですが、読み込みできない場合も多くございますので、その際は今回のようにファイル変換後に読み込みをお試しいただきたく存じます。

とのことでした。

アップデートと今回のエラーは関係ないようですね！

ファイルの変換にはエンコードソフトを使うのですが、Adobeが提供しているMedia EncoderもPremiere Proと同じ理由で画面録画の素材を読み込めない可能性があるため、

Adobe社内で共有されている『Hand Brake』というエンコードソフトを教えていただきました。

Hand Brakeとは

無料で使える動画・エンコードソフトです。

ほぼ全ての形式の動画ファイルに対応しており、広くサポートされているMP4、MKV、WebMなどの動画コーデックに変換することができます。

また、容量の大きな動画ファイルを圧縮することもできます。

ダウンロード方法

Hand Brakeダウンロードページはこちらhttps://handbrake.fr/downloads.php

導入時に.NET 6.0 Runtimeのインストールを求められる場合があります。

こちらはMicrosoftのホームページより導入することができます。

導入の仕方はこちらhttps://answers.microsoft.com/en-us/msoffice/forum/all/net/b64c3c4f-f30b-4fcd-894c-016cd4f44831

※「Run desktop apps」の「Download x64」を選び、インストールするとHandBrakeが起動できます。

ダウンロードが終わったらFinderのダウンロードに入っているHand Brakeのdmgファイルをダブルクリックして開きます。

デスクトップにHand Brakeが開かれるので、さらにクリックして下の画像のアイコンをクリックしてください。

これでHand Brakeが起動できます。

起動後の操作方法

(1）変換をしたいファイルをソースから選択

画面左上の「ソースを開く」を押すとFinder（Macの場合）が開かれるので、エンコードしたい動画を選択してください。

（2）解像度の選択

「解像度」のタブを開き、解像度制限のプルダウンで書き出す際のサイズを選択します。

（3）フレームレートの設定

「映像」のタブを開き、フレームレートを「固定フレームレート」にします。また、品質の固定品質のスライダーを右方向へ移動します。

※スライダーを一番右へ移動するとロスレス圧縮となりますが、その分データ量も大きくなりますためご注意ください。

（4）書き出すときの拡張子を選択

書き出したいファイルの拡張子を選択します。MP4を選択しておけば大丈夫です。

（5）書き出すときのファイル名と場所を設定

画面最下部にある「名前をつけて保存」でファイル名を編集できます。

また、書き出し先がすでに指定されていますが、変更したい時は「開く」をクリックしてください。

（6）エンコード開始

上記設定が終わったら、上部の『開始』をクリックします。

詳しいHandBrakeの使い方を載せておくのでよければご覧ください。

最後に

注意点として、お伝えしておきたいのですが、

大きなファイルだとエンコードにすごく時間がかかります。

今回の素材は2時間以上あったのですが、エンコードにも2時間近くかかりました。

エンコード中かなりPCが熱くなっていたので、PCのスペックによっては同時に作業を進めるのが難しいかもしれません。

余裕を持ってエンコードされることをお勧めします

では今回はこの辺でっ！

また次回のブログでお会いしましょ〜

動画案件を担当するまでの流れ

案件を担当するまでの流れは以下の通りです。

• ポートフォリオの制作
• 営業
• 打ち合わせ

順番に説明していきたいと思います！！

ポートフォリオの作成

動画の案件を取る上で必ず必要になるのがポートフォリオです。

ポートフォリオの作り方がわからなかったので、

作り方の解説動画や、Youtubeに公開されているポートフォリオを拝見しながら制作しました。

いろんな方の意見を聞いて、私が思うポートフォリオを制作するときのポイントは3つです。

①顔写真を入れること

　→顔が分かることで信頼感を与えることができると思います

　　生産者が分かると安心して食材を購入できるのと同じです！

②自分の技術を見せるよりも完コピに力を入れる

　→『1からチャンネルを立ち上げる案件でない限り、すでに公開されている動画と同じように編集する力が必要になる』と解説されている方がほとんどでした。

③できるだけ簡潔にまとまったポートフォリオにする

→短い尺で自分のスキルを見ていただけるように、簡潔にまとめることも重要です。

　動画があまりに長いと、クライアントが最後まで見ない可能性も考えられます。

　私の場合は自己紹介を最低限の内容（名前と使えるソフト）にして、サンプル動画の尺を長めに取っています。

改めて制作時間を計算してみたところ…

なんと27.7時間かかってました

日数にして11日。。。

他の案件を進めながら作っていたのもありますが、

今までVlogしか編集した経験がなかったので、

ビジネス系やエンタメ系の動画を作るのにかなり苦戦しました。

特にエンタメ系の動画を作るときに、日常であった面白い話を入れたかったのですが、

何も思い浮かばなくてかなりの時間悩みました

ビジネス系はまこなり社長さん、エンタメ系は平成フラミンゴさんの動画を参考に制作しました。

普段何気なくみている動画も、

完コピを目的に見てみると効果音の使い方、BGM、フォントの種類や大きさなど、

たくさんの工夫が込められていることに気づき、とても勉強になりました。

こちらが実際に制作したポートフォリオです。

営業

Xで『動画編集者募集』と書かれているポストを検索し、

自分ができそうだと思う条件の案件があれば、

DMにてメッセージとポートフォリオを送らせていただきました。

人生初の営業だったのでどんなメッセージを送るべきか分からなかったですが、

簡単な自己紹介・得意な編集・やる気を記載しました。

初めまして。
大阪市内のWeb制作会社でWebデザイナーをしております、髙井と申します。
動画編集者募集のポストを拝見し、
興味がありましたのでご連絡させていただきました。
映像とBGMの雰囲気にこだわった編集が得意です。
やる気では負けません。
ぜひ一緒にお仕事させていただきたいですを
ポートフォリオを添付させていただきました。
会社のYouTubeにてvlogも毎月投稿しています。
https://youtube.com/@Webis-0808?si=ruyih5J6R_HDblrO
お忙しいところ恐れ入りますが、ご確認・ご検討の程よろしくお願いいたします。
髙井彩加

会社に所属している動画編集者に頼むと単価が高くなってしまうため、

フリーランス限定で募集をかけている方が多いようです。

会社に所属している方は確認をとってみてください。

初回打ち合わせ

DMを送ったところ、すぐに返信をいただき、

初回打ち合わせをさせていただきました。

この打ち合わせでは、

どんな動画案件を担当させていただけるのか、編集のポイント、納品までにかかる編集時間、連絡手段、契約方法などについて

30分程度お話しさせていただきました。

その後のやり取りはチャットを通して行い、

数日後に素材や編集時のマニュアルをいただき、編集に着手しました。

ワークフロー

今回の案件では以下の流れで編集を進めました。

• テロップ打ち込み
• テロップや映像素材にエフェクトを入れる
• 効果音・BGMの挿入
• 見直して修正する
• 軽微な修正点の反映
• お客様からの修正の反映

このように編集内容を羅列してみると簡単にできそうな気がしませんか??

私も『できるはず！頑張る！！！』と思っていたんです。

でも甘かった。。。

実際にかかった時間は35時間でした

初めての案件ということもあり、かなり時間がかかりました。

実際に案件を担当してみて感じたこと

素材のダウンロードに時間がかかる

動画編集に使う映像素材や、参考の動画ファイルを送っていただいたのですが、

ダウンロードに丸半日かかりました。

少しでも早くダウンロードするためにも通信環境を整えておくことが大切だとしみじみ思いました。

自分の編集スピードを正確に把握する

打ち合わせで「何日で編集できそうですか？」と聞かれて、

即座に答えることができませんでした。

さらに編集に着手する上でも、

いつまでにどの段階まで仕上げておくべきか計算できないので、

常に「納期に間に合わせられるか」という不安に襲われていました。

自分のテロップデザインを持っておく

今回担当させていただいた案件では、

すでにテロップデザインが用意されていましたが、

『この感情を表すテロップのデザインといえばこれだよね』という

自分の中でテロップデザインのベースを持っておけばよかったなぁと思いました。

いろんな動画編集者さんがおっしゃっていることですが、

自分で1からテロップを作るとどうしてもダサく見えてしまいます。

テレビやYouTubeの動画で使われているテロップで、

『素敵だな』と思うものを普段から集めておくと

いざという時に困らないのでこれからたくさん集めていこうと思いました。

普段から編集者目線で動画を見る

先ほどのテロップについてもそうですが、

どのタイミングで効果音が入っているのか、

どんな雰囲気の時にそのBGMが使われているのかを、

普段から意識してインプットすることが大切だと感じました。

何をいまさら当たり前のことを…っていう感じですが、

普段動画を見ていると、面白さが勝ってしまってついつい忘れてしまうんですよね。。。

いち視聴者としてではなく、編集者目線で動画を見てみると、

編集者の皆さんの技が1つの動画の中にたくさん込められているのが伝わってくるし、

『次の動画編集ではこれやってみたい！』というインスピレーションももらえるので、

違う楽しみ方ができるのではないかと思います！

最後に

Webisに入社した当時から動画案件を担当したいという目標がありました。

3月で入社してちょうど1年。

私の中で1番大きな目標を1年以内に達成することができてとても嬉しかったです。

まだできないことの方が多くて動画編集者としては未熟ですが、

１歩前進できたと思ってこれからももっともっとレベルアップしていきたいです。

そしてWebisのYouTubeでもさらに楽しい動画をお届けできたらいいなと思います！！

『未経験Webデザイナーが動画案件を担当するまで』というタイトルをつけているので、

連載としては今回が最後になります。

ですが今後も変わらず動画案件に挑戦しますし、

このブログでも動画編集について発信し続けていきたいと思っていますので、

温かい目で見守っていただければ幸いです

最後までご覧いただきありがとうございました。

完成した動画はこちら

今回のBGM

今回はずっと気になっていたTHEMATICというサイトでBGMを探しました。

他のYouTuberさんのVlogを拝見していると、

THEMATICにアップされている楽曲を使用されている方がとても多かったです。

クオリティの高い楽曲ばかりで、

今までよりもおしゃれなVlog感が増した気がします

有料プランにアップグレードすることもできるようですが、

無料プランでも素敵な楽曲がたくさん見つかったので、

有益なサイトだなと感じています。

使用した楽曲は以下の４曲です。

• Music by Louise May – been around – https://thmatc.co/?l=18CD69DE
• Music by Carl Burgundy – All I Know – https://thmatc.co/?l=B7F353A7
• Music by XXIII – Cozy Spot – https://thmatc.co/?l=DD0619DA
• Music by Nicknames – Your Room – https://thmatc.co/?l=E726D01F

工夫した点

今回の動画では、『テロップの間』『音のボリューム』『BGMのタイミング』の3点を工夫しています。

テロップの間

今までのVlogは、テロップが次々に出てくるようなものが多く、

テロップの数と動画の尺が合わない場合は、素材をカットしてテロップに合わせていました。

この場合、視聴者が文字を追い続けなければいけないので、

見ていて疲れてしまうのではないかと思うようになりました。

また、TikTok用の動画をcapcutで作るようになって、

所狭しにテロップを入れた状態で読み上げ機能をつけてみたところ、

句読点や段落のない文章を聞いている感覚になりました。

『あ、これテロップもおんなじなんだろうなぁ』と思ったので、

今回の動画では句読点の後や話が変わる部分で、

間を取るように意識しています。

音のボリューム

TikTokで動画編集時の音のボリュームについて解説されている動画が流れてきました。

その動画では、

音声→ −5 〜 −15db

効果音→ −5 〜 −20db

BGM→ −25 〜 -30db

がおすすめだと紹介されていました。

結局のところ各デバイスの音量設定に依存するため、

『どれくらいのボリュームにするべきなんだろう…』と悩むことが多かったので、

上記の数値を参考にボリュームを調節しました。

『BGMのタイミング』

過去の動画は音声を消してBGMを流していました。

今回は納会のシーンでみんなで話しているところも聞いていただければと思い、

素材を確認した時に、音が活かせるものはそのまま残し、

打ち合わせのシーンなど音が使えないところはBGMを加えました。

テロップを読んで、音声を聞いて、

何度も見て楽しんでもらえる動画になっていればいいなぁと思います。

最後に

いかがでしたでしょうか??

今回は2023年仕事納めの日のVlogを見ていただきました。

次回の連載では仕事始めの1日Vlogを公開します。

今回はこの辺で…

最後までご覧いただきありがとうございました

素敵な1日をお過ごしください

完成した動画はこちら

後編の動画をご覧ください！

Notionについて

Notionは、以下のように紹介されています。

Notionとは、メモやタスク管理、ドキュメント管理、データベースなど、仕事で使うさまざまなツールを1つにまとめた「オールインワンワークスペース」と言われるアプリケーション。

参照：Notion（ノーション）とは何かを基礎から解説、なぜ「超万能仕事アプリ」と言えるのか

まさに業務で必要なものが全て揃っている、便利すぎるアプリです。

個人で利用する場合には無料プランと有料プランが選択できます。

現在私は無料プランを使用していますが、十分すぎるくらい充実した機能が使用できます。

Notionを使ったきっかけ

職業訓練校の先生が、Webサイト制作で使える便利なサイトをまとめたり、

授業内容の概要をドキュメントにまとめたりという用途でNotionを活用されていて、

その時に初めてNotionの存在を知りました

便利そうだなとアプリをインストールしましたが、活用できず少し疎遠に。。。

Webisに入社してから、業務で学んだことをまとめるアプリを探していたところ、

Notionに辿り着き、本格的に使うようになりました。

それまではルーズリーフにまとめていたのですが、

コードを写したり、コードの対応箇所にあたるサイトの画像を印刷しなければいけなかったり、

効率が悪いなとずっと思っていました。

その反面Notionでは、コードを貼ったり、画像を挿入したり、サイトを埋め込んだりもできるという便利すぎる機能がたくさんあります。

感覚的にはWordpressのようなノーコードのツールに似ていると思います。

WordPressでブロックエディタを使われたことがある方は直感的に使いこなせるのではないかと思います。

みるみるうちにNotionの便利さの虜になり、１ヶ月の振り返りもNotionにまとめるようになりました。

実際に10月末の面談でパソコンに移していたのがこちらです。

Notionのここがすごい!

約9ヶ月間、毎日Notionを使っている私が、

『Notionのここがすごいな』と思うところを2つご紹介します！

1 豊富なテンプレート

Notionにはたくさんのテンプレートが用意されています。

1から複雑な構成のページを作るのが難しい場合、

配布されているテンプレートをダウンロードするとすぐに使うことができます。

カスタマイズも可能です。

Notionから配布されているものもあれば、Notionの利用者が配布しているテンプレートを使用することも可能です。

いつも『こんなテンプレートがあったらいいのにな…』と思って検索してみると、

大体見つかるのでとても助かっています。

テンプレートの一覧はこちら→Notionテンプレート

私が実際に使っているテンプレートは以下の3つです！

• SNS投稿カレンダー
• リーディングリスト
• 習慣トラッカー

2 サイトの埋め込みができる

NotionはYoutubeやWebサイトを埋め込むことが可能です。

「埋め込む」ことで、Notion上で動画が視聴できたり、Webサイトが閲覧できるため、

GoogleやYoutubeなどに移動する必要がありません。

Webサイトの埋め込みをした場合はページ遷移も可能です。

社内業務と勉強を兼ねて週1回Webサイト分析をしているのですが、

このようにWebサイトを埋め込むことで、

GoogleとNotionを行き来することなく分析に時間を割くことができています。

最後に

便利な機能が多すぎて、私自身も全然活用しきれていないのですが、

それでもまだ初めてNotionを見た方、まだ使ったことがない方には

すぐにでも使っていただきたいアプリです！

スマホのアプリもあるので、外出先でパソコンがさわれない時でもスマホから編集することができます。

今は一人で使っていますが、来月からは社内のタスク管理アプリとして1ヶ月間試験的に使用することになっています。

また何か追加でお伝えできることがあれば、ブログに書きたいと思います

最後までご覧いただきありがとうございました

素敵な1日をお過ごしください！

早速完成した動画をご覧いただきましょう!

完成した動画はこちら

今回の動画は前編・後編に分かれており、後編は12月中旬の公開を予定しています！

月末の面談について

Webisに入社してから8ヶ月が経ちますが、毎月欠かさず月末に面談をしていただいています。

今月で8回目の面談だと思うと、時間が経つのは早いなぁと思います

面談の流れをざっとまとめると、

1. 個人ブログのビュー数等、数値の振り返り
2. 目標達成度の確認と次月の目標設定
3. 当月の反省点
4. 当月の良かったこと
5. 業務連絡等

といった感じです。

個人ブログのビュー数等、数値の振り返り

当ブログのビュー数や、ユーザーがどこから来ているのか、

どんな記事がよく読まれているのかなどを、数値を見ながら振り返っています。

SNSであれば、見てくれた人のアクションを通してコミュニケーションが取りやすいですが、

当ブログにはコメント欄等を設けていないので、

ユーザーとの意思疎通はとても難しいです。

現在は”Site Kit”というプラグインを使用し、

数値を見ながらこのサイトに何が求められているのかを模索しています。

TOPのスライダーで流している記事は、

Site Kitのデータを元に決めています。

目標達成度の確認と次月の目標設定

当月の目標をどれくらい達成できたか、そして次月の目標を設定します。

仕事のことに限らず、プライベートな目標を含むこともあります。

例えば、『生活習慣を整える』とか『本を読む』など…

目標を決める時に一番大事にしているのは、数も一緒に決めるということです。

何日以上・何日までに・何冊など、

数を決めることによって、目標達成のために取るべき行動が具体的になります。

これは入社後、面談を重ねていく中で社長から学んだことで、

実際に数を決めるようになってから達成度が上がったので、意識して続けています。

当月の反省点

その月の反省点と改善策をお伝えしています。

今回の動画では『デザインで悩むことが増えた』と話しているシーンがありますが、

反省点を話しているようで、悩みを相談しているような時もあります。

私は反省点を面談で共有することよりも、

反省点を書き出すことに意味があると感じています。

面談に向けて反省点を探すようになって、

業務中に『あ、これよくなかったな』と気づくことが増えたし、

『じゃあどうすれば良かったのかな』と改善策を考える癖もついたと思います。

次で説明する『当月の良かったこと』も同様ですが、

思いついた時にすぐnotionに書き込むようにしています。

当月の良かったこと

その月の良かったことをざっくばらんにお話ししています。

入社当初は、自分のいいところを見つけるのが得意ではなく、

『自分のことを褒めるなんて…』と思っていました。

でも、反省点を書き出している分、自分を褒めることがあってもいいと思うようになり、

面談を重ねるにつれ、慣れてきました。

良かったことを話していると、『じゃあ次月はこうしてみる？』みたいな、

新しい目標が見つかることもあるので、

いいところを見るのも大事なことなんだなと思います。

業務連絡等

業務連絡は月によりけり…ではありますが、

アルバイトとしてお仕事させてもらっていた時は、

勤務時間が増えるので定期を買ってもいいか確認したり、

出勤時間の変更をお願いしたり、

社長から共有事項があったり…という感じです。

最後に

毎月面談があるおかげで気持ちを切り替えることができて、

『来月も頑張ろう！』と気が引き締まります。

面談の準備をしていると、1ヶ月が本当に早い…

昔の振り返りを見ていると、いろんな経験ができてるなぁと感慨深くなります。

ここまで読んでくださった皆さんにも、

1ヶ月の振り返りをする時間を取ることをお勧めしたいです！

次回の『未経験Webデザイナーが動画案件を担当するまで#08』では、

面談の様子【後編】とともに、

面談で話すことをまとめる時に使っているnotionというアプリについて

どんなふうに使っているかをご紹介できればと思います！

最後までご覧いただきありがとうございました

素敵な1日をお過ごしください

完成した動画はこちら

早速完成した動画をご覧いただきましょう!

今回の動画のBGM

今回の動画ではVlog No Copyright Musicに投稿されている5曲を使用しました。

Dreamer ー Fablik

My Mind ー Waesto

Kung Fu ー Balynt & Lichu

Traveller ー Atch

LAKEY INSPIRED – Chill Day

長回しの罠

これまで動画を何本か作ってきて、

素材が短すぎて使えん！ということが何度かありました。

『じゃあ永遠に回しとけばいいのでは??』と思って、

1時間半回しっぱなしにしてみたり、社内会議中もずっと撮っていたんですが、

その結果どうなったかというと…

素材が重すぎて、プレミアプロが固まってしまいました。

カットしても固まる、テロップ打っても固まる、

全然編集が進まずめちゃくちゃ困りました。

今回見つけた解決策

今回色々調べてみて解決策を2つ見つけました。

1つ目はプロキシファイルを作成する方法です。

プロキシとは「代理」という意味を持つ言葉で、

ここでは「容量が重いファイルの代わりになる容量の軽いファイル」と定義します。

AdobeのMedia Encoderを使って容量の軽い素材を作り、

アイコンを1つクリックしておくだけで、軽い素材が読み込まれるようになります。

次の章に手順を書くので、気になる方は是非やってみてください。

2つ目の方法はテロップ原稿を用意しておくことです。

テロップをプレミアプロに打っていると数文字打つたびの止まってしまったので、

途中からテロップ原稿を作っておいて、コピペするという方法に切り替えました。

プレミアプロが固まらないわけではないのですが、

固まってから再度動き出すまでの時間が格段に短くなりました。

ネットに書いていることは一通りやったという方は、是非テロップ原稿作ってみてください。

プロキシの作成方法

以下、容量が軽くなった素材を『プロキシファイル』と呼称します。

素材を選んで右クリック、プロキシ＞プロキシを作成…を選択します。

プロキシの形式とプリセットを選びます。

今回私が選択したのは、

形式：H.264

プリセット：H.264 Medium Resolution Proxy

です。

プロキシの保存先を選択し、OKをクリックします。

今回私が選択したのは、

保存先：オリジナルメディアと同じ階層、プロキシフォルダー内

です。

こちらを選んでおくと、プロキシファイルと容量の重い素材がごっちゃにならないので

おすすめです。

Media Encoderが開き、エンコードが始まります。

エンコードが終わったら指定した保存先に『Proxies』というフォルダができて、

その中にプロキシファイルが格納されている状態になります。

編集時にはプロキシの切り替えアイコンをON（青くなっている状態）にしておくだけで、

プロキシファイルに切り替えて編集することができます。

アイコンが見当たらないという方は、リファレンスモニター右側の『＋』のアイコンから、

ドラッグ＆ドロップでアイコンを追加できます。

プロキシファイル作成時の注意点が2つあります。

①素材の数が多いと、時間がとられる

今回私は素材が40個あったのですが、

全てプロキシファイルにしたところ、丸2日かかりました。

パソコンのスペックによっては他の作業ができない可能性があります。

②重い素材を消去しない

プロキシファイルはもともとある容量の重いファイルと結びついています。

容量の重いファイルを消してしまうとプロキシファイルを使うことができなくなりますので、

注意しましょう!

今回をきっかけにプロキシファイルの存在を知ったので、

動画編集を始める前にプロキシファイルを作るか、

エンコードで素材を軽くしてから編集に取り掛かろうと思いました。

まとめ

編集がんばるぞ!と思っている時にプレミアプロが固まって、

やる気が削がれたような感じだったのですが、

もう固まったものはしょうがないと割り切って、

固まっている間にこのブログの文章を書いています

しかしながら気づいたらブログを先に書き終わってしまって、

また手持ち無沙汰になってしまいました…

明日はサムネ作りながら、動画を編集して、

早く公開できるようにしたいと思います

最後まで読んでいただきありがとうございました

素敵な1日をお過ごしください

完成した動画はこちら!

早速完成した動画をご覧ください!

今までの動画に取り入れたことのないエフェクトにたくさん挑戦しました。

Youtubeで解説動画を見ながら、新しい編集スキルを身につけることができたので、

表現の幅も広がりそうです！

動画のコンセプト

今回の動画のコンセプトは『リニューアルしたオフィスを紹介する』です。

無機質なオフィスから綺麗に生まれ変わったオフィスへの、

変化に焦点を当てて編集しました。

今回の動画のBGM

今回の動画のBGMはMarkvard – Rewindを使用しました。

Vlog No Copyright Musicで見つけた１曲で、とてもお気に入りです

後半への盛り上がりが、新しい事務所への期待感が膨らむ感情を表現できると思い、選曲しました。

また、オフィスのBefore＆Afterを見せる動画なので、改装前と改装後の境目がBGMから感じてもらえるようにこだわりました。

さらに、工事のカットも動画に取り入れたいと思っていたので、曲調が3回変化する曲を選びました。

ここだけの話ですが、曲を選ぶのに２週間ほどかかりました。。。

これだ！という曲に出会うには毎回かなり時間がかかります。

工夫したポイント

工夫したポイントは以下の３点です。

• BGMの効果音を活かす
• 緩急のある映像
• 追尾する線と文字

１つずつご説明します。

BGMの効果音を活かす

BGMの中にすでに含まれている効果音に映像を合わせることにこだわりました。

最初の３カットは余韻のある音に合わせてトランジションしているので、

クロスディゾルブをつかってふわっと切り替えました。

そして、工事前のカットから工事中のカットへのトランジションでは、

シンバルのような音が、段々大きくなるのに合わせて、

映像に吸い込まれるようなエフェクト（ズームインアウトエフェクト）を使用しました。

最後に、工事中のカットからオフィス完成後のカットへのトランジションは

「ドーン」という音に合わせて、スピードランプを使用し、映像に緩急をつけました。

緩急のある映像

完成後のオフィスのカットで2ヶ所スピードランプを使用しました。

スピードランプに加えてブラー（ぼかし）を入れることで、疾走感のある映像になりました。

編集後に見てみたら、『なんかGoogle Mapのストリートビューみたいだな』と思いました。

わかっていただける方いますか??

スピードランプを使用することで、映像の中に入り込めるような感覚があって、印象も残りやすいなと感じました。

多用は厳禁ですが、今後の動画で使用頻度が高くなりそうなエフェクトです。

追尾する線と文字

完成したオフィスの長回しをしているカットでは各スペースに見出しをつけています。

パスや、位置にキーフレームを打ち、細かく調整しました。

今まではキーフレームを打ちたいところから順番に最後まで打っていたのですが、

時間補間法を自動ベジェにしていても、ガタつきが目立っていました。

そこで、最初→最後→真ん中→キーフレーム同士の真ん中という順番でキーフレームを打つと、

キーフレームを打つ回数が少なく済み、

文字や線の位置ががたがたすることもなかったので、

『楽に、綺麗にできるならもっと早くやっておけばよかった』と思いました。

次回の課題

動画制作中に『視線誘導』について解説されている動画を拝見し、

プロの映像がいかに計算され尽くしているかを知り、衝撃を受けました。

これまで視線誘導を意識しながら映像作品を見たことがなかったのですが、

今後は視線誘導のための仕掛けを意識して探そうと思いました。

また、そこでインプットしたことを自分の作品にも活かせるようにしていきたいです。

そして、スマホ用のジンバルで撮影するのがまだ不慣れなので、コツコツ練習したいと思います。

最後に

5月に新しい事務所へ移動することを社長から聞き、

3ヶ月間、3回にわたって撮影しました。

内装を担当してくださった大工さんの協力もあり、

今日ようやく公開することができました

今回はMacの容量が足りず、挑戦できなかったAfter Effectsにも今後挑戦してみたいと思います。

オフィスについては改めてブログで紹介したいと思いますので、

見ていただけると幸いです。

最後までご覧いただきありがとうございました

それでは本日も素敵な1日をお過ごしください

完成した動画はこちら

業務の都合上、画面を見せることができないところがあります。

あらかじめご了承ください

それでは完成した動画をご覧ください！

Webデザイナーが普段どんな風に働いているのかをお伝えできたらと思い、この動画を制作しました。

制作にかかった時間は約3日間でした。

毎回のことながら、動画編集はかなり時間がかかります。

編集スピードを上げるのが今後の目標です

この動画のBGM

今回はBGMerに掲載されている、Chill Hopというジャンルの曲を4曲使用しました。

• Lunar Eclipse – Drunk
• J4U – Strange Noob
• Daryl Beat – Pill case
• J4U – Strange Noob

場面ごとに曲を変えて、メリハリがつくように意識しました。

朝の始業前や退勤前のシーンは4曲の中でもスローテンポな曲を使用し、

業務中のシーンでは一番テンポの速い曲を使用しています。

動画のコンセプト

就職活動中、Webデザイナーの仕事内容をYouTubeで調べることが何度かあったのですが、

実際に働いておられる姿を見られる動画が少なく、

『もっと動画があったらいいのにな』と思っていたのが、

この動画を制作する大きなきっかけになりました。

なので今回の動画は、

『Webデザイナーの1日、仕事内容を知ってもらう』

ことを一番に考えて制作しています。

『昔の自分が、今の自分がWebデザイナーさんに会えたら何を聞くかな』

と考えながら、撮影・編集に臨みました。

パソコンの画面がお見せできないところもあり、

私の顔ばかり写ってしまっているような気もしますが、

1人でも多く、Webデザイナーのお仕事について届けることができたら嬉しいです

工夫したポイント

#03のブログでは、素材が短く編集しづらいという課題がありました。

今回はオフィスということもあり、人の目を気にせず長回しできました。

また、画角にこだわって何度も撮り直すことができたのもよかったです。

そして今回はトランジション（カットの移り変わり）に一番こだわりました。

1つの動作をいろんな角度から撮ったり、自分の体でカメラを隠してみたりと、

これまでYouTubeで学んだことを、ほんの少しですが活かせた気がしました。

最後に

動画の連載を始める前から、『新しい事務所に移ったら、出社Vlog撮りたい!』と思っていたので、

ようやく公開することができ、肩の荷が降りたような気持ちになりました

あくまでもWebデザイナーの一例に過ぎませんが、

Webデザイナーという職業を知っていただく機会になれば幸いです。

最後までご覧いただきありがとうございました

それでは本日も素敵な1日をお過ごしください

完成した動画はこちら

7月16日に神戸に行ってきたので、神戸Vlogをお届けします！

完成した動画はこちらです。

この動画のBGM

BGMerの『夕暮れアベニュー』を使用させていただきました！

ポップでゆっくりすぎないので、せっかちな私のVlogとも合うんじゃないかなと思って選びました。

反省点

さあ！編集をしよう！と素材を見てみると…

尺が短い！歩くスピードが速い！といった感じで、

せっかちな私の性格が色濃く出てしまっておりました。

もっとゆっくり、長く撮っておくべきだなと反省しました。。。

一人でiphoneを構えて撮影するのはまだ慣れないです。

一人旅の魅力

私は本来、一人で出かけるのが得意ではありません。

大阪に引っ越してからというもの、休日は家に篭りがちでしたが、

一念発起して、土日祝のうち少なくとも1日は外出するようになりました。

1人で飲食店に入るなんて私には無縁だと思っていましたが、何度かやっているうちに慣れてきました。

今回ランチで「ごはんや 一芯」さんへ行ったのですが、開店10分後にお店に着くと、すでに20組ほどの長蛇の列ができていました。

「うわぁ、これ待つのか…」と絶望しましたが、1人だったので根気強く待つことにしました。

ところが5分後、

「1名さまおられますか??」

とお店の方が呼びかけておられて、

「私1人です。」

とお伝えすると、店内に案内していただきました。

数十分、いや数時間待つはずが、あっという間に客席に座らせていただけたので、

これこそ一人旅の魅力だなと感じました。

他のお客様からの視線が痛かったのはいうまでもありません笑

若干肩身が狭かったのは、予定よりも早く店内に入れたことへの代償だということにしました。

最後に

なかなか神戸に行くことがないので、気の向くままに色々なところを見て回ることができました。

ただ、炎天下の中4時間歩き続けていたので、熱中症になってしまいました

荷物になると思って日傘や水分を持っていかなかったのが、よくなかったと反省しました。

これからも暑い日が続くと思いますので、皆さんも外出される際は、日光を遮れるようなものと水分を持ってお出かけください!

そして、室内ではクーラーに当たる機会も多いかと思いますので、くれぐれも体調に気をつけてお過ごしくださいね

最後までご覧いただきありがとうございました。

素敵な1日をお過ごしください

完成した動画はこちら!

今回は大阪中之島美術館を撮影してきました!

完成した動画をご覧ください。

この動画のBGM

今回の動画ではBGMerの周遊エディフィスを使わせていただきました！

落ち着いた楽曲の雰囲気と、ピアノの音が優しくてピッタリだなと思い、選曲しました。

曲の雰囲気が途中で変わるので、シーンのメリハリもつけやすいです。

今回の動画で挑戦したこと

動画制作挑戦したことは以下の3点です。

1. タイトルアニメーション
2. ゆったりとした時間の流れを感じさせる編集
3. 同じ被写体を多様な角度から撮る
4. BGMに合わせてトランジションの仕方を変える

1つずつ詳しく説明します。

タイトルアニメーション

今回はタイトルアニメーションに挑戦しました。

大阪中之島美術館に実際に足を運んで感じた、スタイリッシュさと柔らかさを表現したかったので、

れっくぷらすさんの『おしゃれで綺麗なタイトルの作り方【Premiere Pro / プレミアプロ チュートリアル 】』を参考にさせていただきました。

テキストアニメーションをするのは初めてでしたが、簡単に綺麗なアニメーションができたので感動しました！

気になる方はぜひ飛んで見てみてください。

ゆったりとした時間の流れを感じさせる編集

美術館ってなんとなく時間がゆったり流れる場所だと思っています。

見ていて忙しない動画にはしたくなかったので、映像素材の速度を落として編集しました。

同じ被写体を多様な角度で撮る

今回の動画撮影の一番の目標は、トランジションを意識するということでした。

トランジションとは場面の移り変わりのことで、プロの方々の動画を見ているとトランジションにめちゃくちゃ工夫を感じます。

色々あるトランジションの中でも、被写体を中心に多様な角度から撮ることを「スタンダードカット」と呼びます。

木スタンダードカットを取り入れる際に気をつけたいのが、30度以上の差をつけることです。

30度以下になってしまうとシーンが変わったような感じがしないのでしっかりと差をつけることが重要です。

さらに、被写体との角度だけでなく、距離を変えると強弱が出たと感じました。

BGMに合わせてトランジションの仕方を変える、

BGMの大きな音に合わせる時は、ガラッとわかりやすく。

反対に小さな音に合わせてシーンを変えたい時は、ふわっと切り替えることを意識しました。

BGMと映像を馴染ませるのは本当に難しいです…

BGM探しに希望の光！！

今回BGMを探していたところ、BGMerというサイトを発見しました！

動画の雰囲気に合ったドンピシャの動画を探すのは至難の業なのですが、

このサイトだと音楽のジャンルや曲の雰囲気から検索することができたので、すぐに曲が見つかりました！

Youtubeで聞いたことのある曲もあったので、まだ見たことがないよという方は一度BGMerで探してみても良いかもしれません。

最後に

大阪中之島美術館へ行くのは今回が初めてだったので、Youtubeや画像検索でたくさん調べて、撮影に臨みました。

全世界の美術館のPV動画も拝見しました。

欲を言えば展示室も撮影したかった…

残念ながら撮影NGでした…

本当に段取りって大切だなと痛感しています。

次回は事務所リニューアルの動画を撮影する予定ですので、お楽しみに!!

最後までご覧いただきありがとうございました。

素敵な1日をお過ごしください