ポラロイド風のスライドショー

相変わらずDaVinci Resolveの使い方を、主にYouTubeで調べておりますが、今日はFusionを使わずに、エディット・ページだけで、画像をポラロイド風のスライドショーにする技を見つけました。早速、昨年亡くなった同居猫の写真でお試し動画を作ってみました。

思い出写真のおしゃれなスライドショー動画作成

リンクテキストの左側に画像を表示させる

大昔、iBlogを使っていた頃の知識を思い出して、bloggerでリンクテキストの左側に画像を表示させる方法を試してみました。

    １．「テーマ」→「詳細設定」→「CSSを追加」を開いて、CSSを追加する。

/* 背景に矢印 */

.allow {

    margin-left:20px;

    padding-left: 20px;

    background: url(https://***/allow.png) 0px 2px no-repeat;

}

※1    margin-left:50px;    画像の左側に20ピクセルの余白を開ける

※2    padding-left: 20px;  画像の右側に20ピクセルの余白を開ける

※3    画像のURLは架空のものです

    ２．HTMLビューに切り替えて、記事中のAタグに  class="allow"  を追加する。

【実例】

https://www.youtube.com/@firstluck/

Bloggerの画像から白枠を消す方法

Bloggerで現在使っているテーマ"Simple Pale"では、記事に貼り付けた画像に、自動的に白枠とドロップシャドウが表示されるので気に入っているのですが、時には表示したくないケースがあります。例えば、元の画像自体にドロップシャドウがかかっている場合、二重にドロップシャドウがかかってしまい、ちょっと間抜けな感じになります。

 

Web上で検索したところ、これを解決する方法を紹介してくださっているページを見つけました。

Bloggerの画像から白枠を消す方法

このページによると、HTMLビューで画像を表示させている"img"というHTMLタグに次の一文を追加すれば良いとのこと。

style="background: rgb(255, 255, 255); border: 0px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; padding: 0px; text-align: -webkit-center;"

早速やってみました。なかなかに良い感じです。

 

イントロ動画

DaVinci Resolveで、複数の動画を一つの画面に配置して同時に再生するテクニックを覚えたので、お試しでイントロ動画（モーションロゴ）を作ってみました。毎回見せられたらうるさいかな？

手順は以下の通りです。

1. エディット・タブで、ビデオトラックを４つ作り、それぞれにクリップを置く
2. クリップを選択して、「インスペクタ」を表示する
3. 「ズーム」を0.5に設定し、位置を調整して、クリップが重ならないように配置する
4. ５つ目のビデオトラックを作り、タイトルを置く
5. オーディオトラックにサウンドを置く

動く標的にブラーをかける

DaVinci Resolveで、動く標的を追いかけてブラー（ぼかし）をかけ続ける技を習得したので、そのサンプル動画です。

これは私の車のドライブレコーダーが録画した動画をDaVinci Resolveで編集しているところですが、前方を走る白い車のナンバープレート付近を捉えてブラーをかけ続けているのがお分かりいただけるかと思います。

これが無料で使えるなんて、DaVinci Resolveってば優秀すぎます。