DNA

dna-320-240

背景用の動画

写真の替わりに動画を埋め込むと動きのある映像になるので、写真よりも訪問者の注意を引くことができます。またページの途中だけでなくヘッダーなどにも利用できます。

無料写真素材で有名な「Pixabay」の写真を加工して、らせん状のDNAが回転する背景用動画(mp4)を作成しました。

この動画は、2秒間の動画をエンドレス再生しています。

動画は740px×480pxのサイズで全画面表示のページでも画質の劣化が目立ちにくく、容量は0.37MBの大きさなのでモバイルでも支障なく再生できます。

全画面表示のサンプルを新しいタブを開いて見る)

動画を背景に埋め込むため、テキストや写真を動画の前面に表示することができ、訪問者に強くアピールすることができます。

背景に動画を埋め込む方法

ドラッグ&ドロップでサイト作成できるThemifyのテーマでコンテンツの背景に動画を埋め込むには、Row Options又はColumn OptionsのStyringにあるBACKGRANDでVideoを選択し動画をアップロードするだけ簡単に背景に動画を埋め込むことができます。

サイドバーのない全画面表示にする場合も選択項目をクリックするだけで全画面表示に変えることができます。(詳しくは「超簡単! 動画や写真を背景に埋め込んだ全画面表示ページの作り方」で解説しています。)

写真を動画に変える方法

この背景用動画は、写真から動画を作成することができる「Photo Mirage」を使用して作成しました。作成にかかった時間は5分程度です。ドラッグ&ドロップでサイト作成できるThemifyと同様に写真をくりっくするだけで誰でも簡単に写真を動画に変えることができるソフトです。

「PhotoMirage」は、写真の一部分だけを動かせる、話題の「シネマグラフ」を簡単に作成できるソフトです。
水の流れや布の動きを簡単に表現することで、写真に躍動感が生まれ、見る人に不思議な印象を与えます。
高解像度でアニメーション化した作品は、MP4やGIFで書き出せるので、YoutubeやFacebookなどでも使用できます。

Photo Mirageは海外製のソフトですが日本語選択が可能で、ソースネクストのホームページから日本語で購入できサポートも受けることができます。

この記事があなたのお役に立てたら幸いです。
またこの記事がお役に立てれたならhatena・Facebook・Twitterでシェアして頂けると励みになります。