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アニメのみ。
そこはしっかり抑えておきましょう。
アドセンス広告メイン
関連記事
-
-
Flickrのエラーというかメンテナンス時の画面もかわええ
1年以上前の記事です。内容が古い可能性があります。先日、「Feedly(RSSリ …
-
-
Dreamweaverの「サイト定義」とは何のこと?
1年以上前の記事です。内容が古い可能性があります。訓練校の生徒さんの中に「サイト …
-
-
電源ボタンのマークは秘密 (8/23追記)
1年以上前の記事です。内容が古い可能性があります。Yahoo!トップページから2 …
-
-
リストタグ(<UL>、<OL>)の左マージンはpadding-left。<DL>だけmargin-left【Webデザイン・CSS】
1年以上前の記事です。内容が古い可能性があります。Webデザインをする上でかねて …
-
-
AS3でプルダウンメニュー(ActionScript3.0勉強中! #3)
1年以上前の記事です。内容が古い可能性があります。以前、ActionScript …
-
-
Illustrator(イラストレーター)を使ってWebサイトのデザインをする際の注意点
1年以上前の記事です。内容が古い可能性があります。自分、基本的にIllustra …
-
-
WordPress(ワードプレス)のURL表記をHTML表記にする方法 #wp
1年以上前の記事です。内容が古い可能性があります。牛歩戦術でゆっくりと進んでいる …
-
-
ベベル、エンボス、サテンの輪郭はクリックで編集可【Photoshop】
1年以上前の記事です。内容が古い可能性があります。講師をしていると、以外なことを …
-
-
「position:absolute」を子要素に使いたいときは親要素に「position:relative」【CSS】
1年以上前の記事です。内容が古い可能性があります。CSSには「position( …
-
-
エイサーASPIRE ONEのモニターは赤の発色が悪い
1年以上前の記事です。内容が古い可能性があります。タイトルどおりです。 ASPI …