gifアニメを作るのは「Flash」?それとも「Photoshop」?
2014/11/12
1年以上前の記事です。内容が古い可能性があります。
アニメーションというとFlashですがgifアニメに関してはPhotoshopのほうに軍配が上がります。
とりあえず、できたgifアニメを見れば一目瞭然です。
左)Photoshopで作ったgifアニメ/右)Flashで作ったgifアニメ
画像切り替えのタイミングが違っているので比較するのが難しいかもしれませんが、
画像切り替え時のクロスフェードの部分をみると一目瞭然です。
ただしこれはお互い初期設定で書き出した場合、
Flashでもしっかり設定をしてあげればもう少しましなgifアニメも作れます。
そもそもgifアニメにクオリティを求めるのもどうかと。
それぞれどうやってgifアニメを書き出すかですが、
Photoshopであれば「ファイル」→「Web用に保存」(CS6の場合)となります。
一部アニメーションの設定(ループオプション等)をして「保存」。
Flashの場合は「ファイル」→「パブリッシュ設定」と行き、「Gifイメージ」にチェックを入れます。
で、「Gifイメージ」の細かい設定をして「パブリッシュ」をクリックです。
ここで、色数及びディザの設定をしっかりしておくともう少しクオリティの高いgifアニメも作れます。
なお、「Photoshopでどうやって動画を作るの?」という人もいるでしょうから、編集時の画面も載せておきます。
なんと、最近のPhotoshopではタイムラインでの動画編集も可能になってきています。
ただ、各レイヤーに対して変化が加えられるのは位置、不透明度、スタイルなど限られます。
動画編集に関しては当然ながらFlashのほうがずっと扱いやすいし色々なことができます。
Photoshopで作れるのは簡単なgifアニメのみ。
そこはしっかり抑えておきましょう。
アドセンス広告メイン
関連記事
-
画像共有サイト(写真共有サイト・フォトシェアリング)ってたくさんあるんだね
1年以上前の記事です。内容が古い可能性があります。前記事からの流れで画像共有サイ …
-
国立西洋美術館で「考える人」を見た【古希のお祝い #2】
1年以上前の記事です。内容が古い可能性があります。今までの流れはこちら&rarr …
-
デザインに弱い会社がWebサイトをプレゼンするときのポイント
1年以上前の記事です。内容が古い可能性があります。最近ではプレゼンテーションの仕 …
-
AS2.0以前との違い(ActionScript3.0勉強中! #1)
1年以上前の記事です。内容が古い可能性があります。Flash CS3以上で使うA …
-
フォトショップ(Photoshop)でWebデザイン、角丸シェイプを使うときは「ピクセルにスナップ」にチェック!
1年以上前の記事です。内容が古い可能性があります。Webデザイナーとして当然なん …
-
はてブ(はてなブックマーク)ボタンが新しくなった
1年以上前の記事です。内容が古い可能性があります。どなたかのツイートで知ったので …
-
Flash完全終了のお知らせ。むしろ教えているところは貴重【Webデザイン】
1年以上前の記事です。内容が古い可能性があります。実は、以前勤めていた職業訓練校 …
-
WordPress(ワードプレス)で「text-indent:-9999」が効かない時の対処法 #wp
1年以上前の記事です。内容が古い可能性があります。先日、久しぶりにWordPre …
-
Flash(フラッシュ)でGifアニメを作るときの注意点
1年以上前の記事です。内容が古い可能性があります。先日、とあるサイトでGifアニ …
-
swfファイルから画像データ等を分割して抽出することのできる「HugFlash」【Flash】
1年以上前の記事です。内容が古い可能性があります。swfファイルを修正するという …