LogoWebマーケティングに
強くなるメディア

  • ログイン
  • 会員になる
  • ログイン
  • 会員になる

  • 新着
  • ランキング

  • トレンドを知る

  • ノウハウ&トレンド ニュース
  • リリース ニュース
    - ferret×PR TIMES -
  • マーケター特集
    - マーケティングジャーニー -

  • 体系的に学ぶ

  • 基礎〜応用を学ぶ
    - カリキュラム -
  • コンテンツマーケティングを学ぶ
  • Googleアナリティクスガイド
  • 事例
  • セミナー
  • 資料ダウンロード
  • マーケティング用語辞典

  • 実践ツール

  • マーケティングオートメーション
    - ferret One -
  • SEOツール
    - ferret Plus -
  • 1文字0.8円〜!
    - ferret コンテンツライティング -
  • 画像1点99円〜!
    - 画像・写真の加工編集サービス -
  • ferretのノウハウを公開
    - オウンドメディア運用・構築支援 -
  • Instagram分析ツール
    - ナビスタ -

  • Info

  • ferretとは
  • 運営会社
  • メンバー紹介
  • お問い合せ
  • 広告掲載について
  • 利用規約
  • プライバシーポリシー
  • 特定商取引法に基づく表示

  • 新着
  • ランキング
  • トレンドを知る
    • ノウハウ&トレンド ニュース
    • リリース ニュース
      - ferret×PR TIMES -
    • マーケター特集
      - マーケティングジャーニー -
  • 体系的に学ぶ
    • 基礎〜応用を学ぶ
      - カリキュラム -
    • コンテンツマーケティングを学ぶ
    • Googleアナリティクスガイド
    • 事例
    • セミナー
    • 資料ダウンロード
    • マーケティング用語辞典
  • 実践ツール
    • マーケティングオートメーション
      - ferret One -
    • SEOツール
      - ferret Plus -
    • 1文字0.8円〜!
      - ferret コンテンツライティング -
    • 画像1点99円〜!
      - 画像・写真の加工編集サービス -
    • ferretのノウハウを公開
      - オウンドメディア運用・構築支援 -
    • Instagram分析ツール
      - ナビスタ -
  1. TOP
  2. ニュース
  3. Photoshopがなくても大丈夫!シネマグラフが作成できるオススメツール5選
  1. shares
Normal

Photoshopがなくても大丈夫!シネマグラフが作成できるオススメツール5選

  • Profile
  • 三輪 きらら
  • 2016年10月12日
  • ニュース
  • 1,640
Profile

2015年卒、2年目ライター。
知っていると得する情報を発信していけるよう、日々精進します!

毎日の業務の中で気になったことを綴っているブログ、Twitterともに毎日更新しています。よろしければそちらもチェックしてみてください。
ブログ:新卒きらら、ライターになる。
Twitter:@kirara_basic

シネマグラフという言葉をご存知でしょうか。
見るとクセになってしまうデザインでユーザーの目をひくことから、最近では様々なホームページなどで活用されている表現技法の一つです。

今回は、Photoshopを使用しなくてもシネマグラフを作成することができるツール5選をご紹介します。
シネマグラフの作成は難しく感じてしまいがちですが、ツールを活用すれば誰でも簡単に作成できるようになります。
これまでシネマグラフの作成に躊躇していた方も、ぜひ本記事を参考に作成してみてください。

Curriculum pt1

シネマグラフとは

シネマグラフとは、一見静止画のように見える画像の一部に動きが取り入れられている、GIFアニメーションのことです。
すこし変わった表現方法として、近年人気が出ています。

ferret内の以下の記事でも、シネマグラフを取り入れたWebデザインをご紹介していますので、ぜひ参考にしてみてください。
ついつい見続けてしまう!シネマグラフを取り入れたWebデザイン24選|ferret

シネマグラフの作成ができるツール5選

1.Cliplets

http://research.microsoft.com/en-us/um/redmond/projects/clipletsdesktop/

Microsoftが提供している、シネマグラフ作成ソフトです。
Windows7以降に対応しているパソコンのみで使用可能です。
あらかじめ10秒以内の動画を撮影し、ソフトに取り込みます。

なお、10秒以上の動画については、ソフト内で動画内からシネマグラフに使用する部分を指定する必要があります。
動画の読み込みが終了したら、背景にしたい部分(静止画にしたい部分)とアニメーションとして動かしたいエリアを指定すれば完了です。

PhotoshopのようなUIですが、シンプルな作りになっていますので、初心者の方でも簡単に使用することができます。

2.GIMP

http://www.gimp.org/downloads/

高度な編集機能を搭載していることで有名な、GIMPでもシネマグラフの作成が可能です。
Windows・Macのどちらにも対応しています。

ただし、GIMPには動画を読み込む機能が搭載されていません。
そこであらかじめ、撮影した動画の中からシネマグラフに使用したい場面を、jpgまたはpng形式で静止画として切り出す必要があります。
その後、切り出した画像をGIMPで読み込んで加工し、シネマグラフとして書き出すという3つの工程を踏んで作成します。
こちらもPhotoshopのようなUIですが、工程数が多いことや多機能がゆえにすこし複雑な作りになっています。

Photoshopを使い慣れたデザイナーの方などにはより高性能なGIMPをオススメしますが、初心者の方は使い慣れるまですこし時間がかかる場合があります。

3.Cinemagraph Pro

https://itunes.apple.com/jp/app/cinemagraph-pro/id777874532?mt=12
App Store

こちらはアップル製品(Macパソコン、iPhone、iPad)で使用することができる、シネマグラフ作成アプリです。
シネマグラフを作成することに特化したアプリになっています。

まずあらかじめ動画を撮影し、アプリで読み込みます。
シネマグラフとして使用したい範囲を指定してください。

動画にはフィルター(エフェクト)をかけて全体をセピア色にしたりモノクロにしたりなどの加工も可能です。
その後、動かしたい部分を指定すれば完了です。

直感的に使用できるシンプルなUIであることに加え、iPhoneでも利用できますのでスマートフォン上でもシネマグラフを作成できる点が特徴です。
Apple勢品を使用している方には、こちらのアプリがオススメです。

4.motiongraph

Google Play

SONYが提供している、Android端末のスマートフォンアプリでシネマグラフを作成することができるアプリです。アプリ内で動画を撮影することができ、ホワイトバランスや露出補正、シーンの検出など細かい設定が可能です。

さらにスマートフォンでの動画撮影時は手ブレが起きやすいですが、このアプリでは手ブレ軽減機能が搭載されていますので、より完成度の高いシネマグラフを作成することができます。

さらに再生速度の変更やループの逆回転など、様々な機能が搭載されています。
SONYが誇る画像処理技術が搭載されている点も特徴ですので、Android端末を利用している方にはこちらのアプリがオススメです。

なお、2016年3月15日までは作成したシネマグラフをそのまま共有できる機能も搭載されていましたが、現在はこちらの機能のみサービスが終了しています。

5.DailyCinema

App Store

iPhoneでシネマグラフを作成することができるアプリです。
あらかじめ撮影した動画をアプリ内で読み込み、アニメーションとして動かしたい部分をペンでこするだけでシネマグラフを作成することができます。
セピアやモノクロなどのフィルターをかけて加工することも可能です。

作成したシネマグラフはそのままスマートフォンのカメラロール内に保存されますので、SNSなどで投稿する際も特別な操作は必要ありません。
非常に簡単な操作でシネマグラフの作成ができますので、iPhoneを使用している方にはオススメです。

まとめ

作品を見るとわかりますが、シネマグラフで作成されたものは非常に目をひきます。
そのため、これまでとは異なるプロモーション方法を検討している方にはオススメしたい技法の一つです。

作成したシネマグラフは、企業のホームページなどでの使用はもちろん、インスタグラムやTwitter、FacebookなどのSNSへの投稿にも適しています。
今回ご紹介したツールは、どれもPhotoshopを使用しなくても簡単に作成できるものばかりです。
まずはインストールして一度シネマグラフを作成してみてはいかがでしょうか。

関連記事

  • どうせ作るなら美しく!見やすいグラフが作成できる無料ツール7選 
  • ついつい見続けてしまう!シネマグラフを取り入れたWebデザイン24選
  • Macユーザーにおすすめ!フリーで使える動画編集ツール9選 
  • オンラインでプレゼン資料が作成できるサービス6選
  • アプリ作成ならこれ!誰でも手軽に使えるオススメの開発ツール6選

関連キーワード

  • Photoshop (4)
  • GIF (2)
  • Facebook (4)
  • Twitter (3)

Webマーケティングのノウハウ集をプレゼント!

ferretマーケティングメソッド(無料)

創業より10年以上、Webマーケティングの最前線で弊社が得てきた効果をあげるためのノウハウを1つの資料にまとめました。(全83ページ)

抜粋版のサンプルを読む(全3ページ)限定版の資料をダウンロードする(全83ページ)

Original

Logo icon

現会員332,144人

ログインはこちら

会員限定Webマーケティングのノウハウをまとめた資料を限定公開

新着をキャッチ

  • RSS を購読する
  • Twitter をフォローする
  • facebook でファンになる
  • LINE で友だちになる

コンテンツマーケティング成功例

  • 昨日
  • 週間
  • 月間
Thumb

どれもオシャレ!英語の筆記体フリーフォント74選

Thumb

Twitterをスパム乗っ取りから解除する作業手順まとめ(PC/iPhone/Android)

Thumb

フリーアイコン・イラスト素材の無料ダウンロードサイト41選

Thumb

Webサイト構築の第一歩!ドメイン設定に欠かせないオススメしたいドメイン検索サイト6選

Thumb

平均再生率8割超えも!One to Oneマーケティングの先端技術「パーソナライズド動画」とは?(日本写真印刷コミュニケーションズ株式会社 磯野氏)

Thumb

Twitterをスパム乗っ取りから解除する作業手順まとめ(PC/iPhone/Android)

Thumb

どれもオシャレ!英語の筆記体フリーフォント74選

Thumb

Chromeを快適に使用するには?知っておくと便利なタブテクニック6選

Thumb

Googleが推奨!マテリアルデザインの2016年のトレンドを学ぼう

Thumb

無料でもここまで!Photoshopの代用に使える画像編集・加工ツール11選

Thumb

どれもオシャレ!英語の筆記体フリーフォント74選

Thumb

Twitterをスパム乗っ取りから解除する作業手順まとめ(PC/iPhone/Android)

Thumb

スケジュール管理に最適!無料で使えるガントチャートツール12選

Thumb

本当に使えるのはどれ?ブログ作成でおすすめできる人気の無料サービスを21個比較【2016年版】

Thumb

無料でもここまで!Photoshopの代用に使える画像編集・加工ツール11選

コンテンツ

トレンドを知る

  • ノウハウ&トレンド ニュース
  • リリース ニュース
    - ferret×PR TIMES -
  • マーケター特集
    - マーケティングジャーニー -

体系的に学ぶ

  • 基礎〜応用を学ぶ
    - カリキュラム -
  • コンテンツマーケティングを学ぶ
  • Googleアナリティクスガイド
  • 事例
  • セミナー
  • 資料ダウンロード
  • マーケティング用語辞典

実践ツール

  • マーケティングオートメーション
    - ferret One -
  • SEOツール
    - ferret Plus -
  • 1文字0.8円〜!
    - ferret コンテンツライティング -
  • 画像1点99円〜!
    - 画像・写真の加工編集サービス -
  • ferretのノウハウを公開
    - オウンドメディア運用・構築支援 -
  • Instagram分析ツール
    - ナビスタ -

Info

  • ferretとは
  • 運営会社
  • メンバー紹介
  • お問い合せ
  • 広告掲載について
  • 利用規約
  • プライバシーポリシー
  • 特定商取引法に基づく表示

おすすめ記事

Thumb

どうせ作るなら美しく!見やすいグラフが作成できる無料ツール7選 

Thumb

ついつい見続けてしまう!シネマグラフを取り入れたWebデザイン24選

Thumb

Macユーザーにおすすめ!フリーで使える動画編集ツール9選 

Thumb

オンラインでプレゼン資料が作成できるサービス6選

Thumb

アプリ作成ならこれ!誰でも手軽に使えるオススメの開発ツール6選

エントリー

  • 新着
  • ランキング

トレンドを知る

  • ノウハウ&トレンド ニュース
  • リリース ニュース
    - ferret×PR TIMES -
  • マーケター特集
    - マーケティングジャーニー -

体系的に学ぶ

  • 基礎〜応用を学ぶ
    - カリキュラム -
  • コンテンツマーケティングを学ぶ
  • Googleアナリティクスガイド
  • 事例
  • セミナー
  • 資料ダウンロード
  • マーケティング用語辞典

実践ツール

  • マーケティングオートメーション
    - ferret One -
  • SEOツール
    - ferret Plus -
  • 1文字0.8円〜!
    - ferret コンテンツライティング -
  • 画像1点99円〜!
    - 画像・写真の加工編集サービス -
  • ferretのノウハウを公開
    - オウンドメディア運用・構築支援 -
  • Instagram分析ツール
    - ナビスタ -
  • ferretとは
  • 運営会社
  • メンバー紹介
  • お問い合せ
  • 広告掲載について
  • 利用規約
  • プライバシーポリシー
  • 特定商取引法に基づく表示
Logo whiteWebマーケティングに
強くなるメディア

© 2016 basic Incorporated.

過去10年間で弊社が得てきたWebマーケティングのノウハウを

1冊の資料にまとめました。(全83ページ)