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アニメのみ。
そこはしっかり抑えておきましょう。
アドセンス広告メイン
関連記事
-
-
gif(ジフ・ギフ)画像書き出しで使う「ディザ」とは何なのか
1年以上前の記事です。内容が古い可能性があります。Webデザインにおいてgif( …
-
-
「LINE Creators Market(ラインクリエイターズマーケット)」の人気スタンプ。「かわベーコン」さんの「にゃっちーず」他
1年以上前の記事です。内容が古い可能性があります。「LINE Creators …
-
-
「続きを読む」を目立たせる意味
1年以上前の記事です。内容が古い可能性があります。アルファブロガーさんのブログデ …
-
-
内包されたDIVにmarginを設定すると親要素にも同じマージンが設定されることがある【CSS】
1年以上前の記事です。内容が古い可能性があります。これはわからんわ。 生徒さんの …
-
-
携帯サイト(モバイルサイト)でCSS
1年以上前の記事です。内容が古い可能性があります。携帯サイト(モバイルサイト)で …
-
-
Flash2020年末に完全終了。Adobeから「Flash Player」の提供が停止に
1年以上前の記事です。内容が古い可能性があります。そういえば最近Flashのコン …
-
-
デザインイメージは9パターン用意しろ
1年以上前の記事です。内容が古い可能性があります。本日、打ち合わせでかつてソニー …
-
-
Flashのシェイプトゥイーンマスターを目指せ!
1年以上前の記事です。内容が古い可能性があります。まあ、なんてことはないのですが …
-
-
カスタムフィールドとカスタム投稿で記事投稿フォームを使いやすく 1 – 「Custom Field GUI Utility」の巻 【ワードプレス】 #wp
1年以上前の記事です。内容が古い可能性があります。1. Custom Field …
-
-
ツイッター(Twitter)顔文字用の文字が探せるサイト「Shapecatcher」が便利
1年以上前の記事です。内容が古い可能性があります。ツイッター(Twitter)は …









