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アニメのみ。
そこはしっかり抑えておきましょう。
アドセンス広告メイン
関連記事
-
CSSは行送り(vertical-align)に注意!!
1年以上前の記事です。内容が古い可能性があります。久しぶりにCSSコーディングな …
-
プルダウンメニューを全体的にセンタリングさせる方法
1年以上前の記事です。内容が古い可能性があります。InternetExplore …
-
SNS(ソーシャルネットワークサービス)のプロフィール写真の服は赤がモテる
1年以上前の記事です。内容が古い可能性があります。青い色は信頼、誠実を感じる。赤 …
-
Dream Weaver CS3はユニコードがお好き
1年以上前の記事です。内容が古い可能性があります。Dream Weaver(ドリ …
-
複数フレーム(全フレーム)、複数レイヤー(全レイヤー)のオブジェクトをまとめて移動・拡大する方法【Flash】
1年以上前の記事です。内容が古い可能性があります。Flashで複数フレーム(全フ …
-
Google ChromeでFlash広告がディフォルト停止になっていた
1年以上前の記事です。内容が古い可能性があります。これ、全く気づかなかったのです …
-
IEだけCSSが適応されないときに疑うこと
1年以上前の記事です。内容が古い可能性があります。なんか知らない間にプロット・フ …
-
フリー素材紹介記事まとめ ver.2 【無料】
1年以上前の記事です。内容が古い可能性があります。様々なフリー素材を配布している …
-
ファンページ「いいね!ボックス」の作り方【Facebookページの作り方03】
1年以上前の記事です。内容が古い可能性があります。以下の情報は古い情報です。こち …
-
電源ボタンのマークの秘密
1年以上前の記事です。内容が古い可能性があります。電源ボタンにかならず付いている …