注目の記事 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. ポケモンGOポケボールオリジナルPhotoshop

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

  2. Photoshopで動画作成編集

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

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

コメント

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

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

ピックアップ記事

  1. ソフトバンク スターウォーズTシャツ ユニクロ 【当選詐欺?!】『ソフトバンク限定Tシャツ「スター・ウォーズ UT」当たる!キャ…
  2. Loctek(ロックテック) 多関節デュアルモニターアーム D1D 複数モニターを快適に!Loctek(ロックテック) 多関節デュアルモニターアーム…
  3. ツイッター 時間帯 告知 宣伝 Twitterで告知・宣伝するのに効果的な時間帯は?【RT拡散タイミング】
  4. パッセンジャーズ レビュー 評価以上に面白かった映画「パッセンジャーズ」レビュー(ネタバレ)
  5. twitter 片思いチェッカー Twitterのフォロー・フォロワー整理をしよう!アプリ認証不要で相互フォローを…
  6. GEARBESTの評判と使い方まとめ 海外通販ショップ「GearBest」ってどうなの?評判と使い方まとめ
  7. 1万PV達成 ブログ開始から2ヶ月目で月間10,000PVをクリアできた!ちょっとだけ分析して…
  8. 無料で簡単!似顔絵制作サイト「FACEYOURMANGA」
  9. WordPress4.72 脆弱性 WordPress(ワードプレス)脆弱性対策のためにWordPress4.72へ…
  10. バリスタi ネスカフェゴールドブレンドバリスタiを申し込んでみた

人気記事

  1. XperiaXZカバー
  2. Xperia XZ Premium
  3. USB type-CアダプタとXperiaXZ充電器
  4. XperiaXZハイレゾダウンロードアプリmore
  5. ユーチューブ スーパーチャット
  6. Google検索
  7. PS4おすすめソフト一覧
  8. XperiaXZとXperiaZ2スペック比較
  9. ワイドナショー島田秀平運勢占い
  10. Xperia ZX
  11. セブンイレブン限定キャンペーン
  12. バリスタアイ レビュー
  13. amazon go アマゾンゴー
  14. XperiaXZハイレゾダウンロードアプリmore
  15. 機動戦士ガンダム THE ORIGIN Ⅳ 運命の前夜

GadgetJet Twitter

GadgetJet Google+

PAGE TOP