注目の記事 PICK UP!

Photoshopでシネマグラフを作ろう!Photoshop初心者でも簡単!

昨日の記事で参考になるPhotoshopで作ったシネマグラフ画像を見ていただいた。

今日は早速Photoshopでシネマグラフを作ってみようと思います。

Photoshopで作るシネマグラフ

昨日の記事でも書いた通り作り方は至って簡単!
Photoshop永遠の初心者の僕でも作ることができます。
ざっくり説明すると、Photoshopで動画素材を読み込んで、リピートしたいところを切り取って保存するだけ!
わーい!簡単!

では早速作っていきましょう!

※注:今回、海外サイトから動画素材を借ります。サイトのテキストが日本語で表示されていますが、これは僕のブラウザ「Chrome」の設定が「母国語以外のページで翻訳ツールを表示する」になっている為です。

動画素材サイトPEXELVIDEOSへ

今回、動画をお借りするのは海外の無料動画素材サイト「PEXELVIDEOS
Photoshopシネマグラフ作り方
カテゴリーから欲しい動画を選ぶことができるのでとても便利なサイトです。ショートムービーが多いのでシネマグラフを作るにはベストなサイトだと思います。

動画素材カテゴリーを選択

では、カテゴリーから「人」を選んでクリックします。

Photoshopシネマグラフ作り方

クリックで拡大

気に入った動画素材を選択

今回は「人々のスローモーション動画」を選びます。

Photoshopシネマグラフ作り方

クリックで拡大

無料動画素材をダウンロードする

動画素材画面右横の「無料でダウンロード」をクリックします。

Photoshopシネマグラフ作り方

クリックで拡大

動画素材を保存

任意の場所に動画素材を保存します。

Photoshopシネマグラフ作り方

クリックで拡大

Photoshop起動と無料動画素材ファイルの読み込み

Photoshopを起動し、「ファイル(F)」→「開く(O)」をクリックします。

Photoshopシネマグラフ作り方

クリックで拡大

無料動画素材ファイルを開く

先程ダウンロードした素材を選択して「開く(O)」ボタンをクリックします。

Photoshopシネマグラフ作り方

クリックで拡大

タイムラインを確認

画像下の「タイムライン」が表示されていない場合は、「ウインドウ(W)」の「タイムライン」にチェックを入れると表示されます。

Photoshopシネマグラフ作り方

クリックで拡大

シネマグラフに使えそうな映像を選ぶ

「タイムライン」の「再生ボタン」か「スライダー」をスライドしながらシネマグラフに使えそうな箇所を探します。

Photoshopシネマグラフ作り方

クリックで拡大

シネマグラフのスタート位置を選ぶ

シネマグラフのスタート位置を決めたら、「ハサミボタン」をクリックして映像を分割します。

Photoshopシネマグラフ作り方

クリックで拡大

前半のいらない映像をゴミ箱へ

ダウンロードした動画素材の前半部分(レイヤー1)と、今回使用するスタート位置以降の映像(レイヤー1のコピー)に分割できたので、いらなくなった前半部分の映像(レイヤー1)をゴミ箱へ移動します。

Photoshopシネマグラフ作り方

クリックで拡大

シネマグラフのエンド位置を決める

再びスライダーでエンド位置になりそうな映像を選びます。昨日の参考画像のように永遠とリピートする画像を作りたいのでスタート位置の顔の表情とよく似た位置を探します。
位置が決まったら、「ハサミボタン」をクリックします。

Photoshopシネマグラフ作り方

クリックで拡大

後半のいらない映像をゴミ箱へし

いらなくなった後半映像(レイヤー1のコピー2)をゴミ箱に捨てます。
残った映像を、スライダーでスタートとエンドを繰り返して見て、イメージ通りに仕上がりそうかどうかの確認をします。

Photoshopシネマグラフ作り方

クリックで拡大

出来上がった映像を書き出し

「ファイル(F)」→「書き出し(E)」→「Web用に保存(従来)」を選択します。

Photoshopシネマグラフ作り方

クリックで拡大

ファイル形式とループオプションの設定

保存するファイル形式を「GIF」に、ループオプションを「無限」に設定します。

Photoshopシネマグラフ作り方

クリックで拡大

シネマグラフの出来上がり

Photoshopシネマグラフ
ドナルドダックのモノマネしてそうなシネマグラフが完成ですw

雑記

体が上下してしまっているのでイマイチ(´・ω・`)
もうちょっと体がブレない位置を探して精度をあげられます。

所要時間は動画素材探すところからでも30分程で完成しています。
Photoshop初心者の方でも簡単に作れますので是非チャレンジしてみてください!

ガジェットジェットのトップページのバナー用に作ったものをあるのですが、それはまたいづれトップページに掲載しますのでお楽しみに!

この記事が気に入ったら
いいね!してくださるとうれしいです(^▽^)

Twitter で

関連記事

  1. Photoshopでシネマグラフ!思わず見入ってしまう参考画像編

  2. Photoshopで動画作成編集

    Photoshopでオープニング動画を作る方法

  3. ポケモンGOポケボールオリジナルPhotoshop

    Photoshopチュートリアル動画チャンネル4選

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ピックアップ記事

  1. XperiaXZ auから発売決定 「Xperia XZ」auも発売を発表!
  2. ポケモンGOポケボールオリジナルPhotoshop Photoshopチュートリアル動画チャンネル4選
  3. WORDPRESSプラグインSpeech bubbleカスタマイズ WORDPRESS吹き出し会話プラグイン「Speech Bubble」の吹き出し…
  4. Xperia Touch エクスペリアタッチ ソニーXperia Touch(エクスペリアタッチ)スペック・価格・発売日・体験…
  5. ブログタイトルジェネレーター これでもう迷わない!ブログ記事タイトルの決め方!タイトルジェネレーターを使ってみ…
  6. Photoshopで動画作成編集 Photoshopでオープニング動画を作る方法
  7. 月面探査レースGoogle Lunar XPRIZE HAKUTO SORATO Google Lunar XPRIZE 月面探査レース日本チーム「HAKUTO」…
  8. twitterアンケートやり方 Twitterの投票機能(Twitter Poll)でアンケートを取る方法
  9. 機動戦士ガンダム THE ORIGIN 機動戦士ガンダム THE ORIGIN IV 冒頭10分映像が公開
  10. スマホ紛失盗難 【位置情報】Androidスマホ紛失・盗難時に役立つ!Android デバイス …

人気記事

  1. XperiaXZカバー
  2. Xperia XZ Premium
  3. XperiaXZハイレゾダウンロードアプリmore
  4. USB type-CアダプタとXperiaXZ充電器
  5. ユーチューブ スーパーチャット
  6. Google検索
  7. XperiaXZとXperiaZ2スペック比較
  8. PS4おすすめソフト一覧
  9. ワイドナショー島田秀平運勢占い
  10. Twitter 固定表示やり方解除
  11. YOUTUBE SUPER CHAT
  12. Xperia ZX
  13. amazon go アマゾンゴー
  14. バリスタアイ レビュー
  15. セブンイレブン限定キャンペーン

GadgetJet Twitter

GadgetJet Google+

PAGE TOP