フォトショップを使ったGIFアニメの作り方

公開日: : 最終更新日:2013/09/28 初心者のためのphotoshop講座


久々にimage ready使ってみたらGIFアニメが作れない!!
ただ画像がGIFになってないだけだった。
自分のためにphotoshopとimagereadyを使ったGIFアニメの作り方を覚書してみた


フォトショップでは
ペラペラ漫画のような画像をレイヤー別に分けて用意しておきます。
目の玉ボタンを押したらもうペラペラ漫画が準備できるよう、
最小限のレイヤー数にまとめるのです。
このレイヤーがペラペラ漫画でいう次の絵になります。

ツールの下にあるimageready起動ボタンを押します。
imagereadyが立ち上がるともう画像が移行されています。


一番下が、ペラペラ漫画の次の画像を用意するところです。
新規ボタンをおせば次のコマを用意することが出来、
一枚一枚に、次のコマへ移る時間を設定することが出来ます。
0.1秒、0.2秒、0.5秒、1秒だったり好きな時間を設定しましょう。

一番下のツールボックスで1枚目の画像をクリックします。
その状態で見せたいレイヤーをアクティブにする。

2枚目の画像をクリックした時点で、
次のコマで表示させたいレイヤーをアクティブにする。

そして再生ボタンを押してみると画像が動くのがわかります。

さらに、GIFアニメは色数が指定されたGIF画像でないと動かないため、
JPEGの状態(通常のRGBの状態)では最適化を保存しても画像が動きません。
右上のところでGIFに設定しましょう。

これでインターネットエクスプローラーにて、プレビューを押すか、
最適化を保存すればGIF画像の出来上がりです。簡単ですな。

Adobe Photoshop CS5 Windows版 (32/64bit) Adobe Photoshop CS5 Windows版 (32/64bit)

アドビシステムズ 2010-05-28
売り上げランキング : 130

Amazonで詳しく見る by G-Tools

関連記事

ゴミ消しツールとも言われるスタンプツール

写真に写った不要なものを消す方法

ゴミ消しツールとも言われるスタンプツールを使うのが一番楽です イ

フォトショップで写り込みを作る

鏡の映り込みを選択範囲の自由変形とレイヤーマスクを使って作る

photoshopの画像の自由変形とレイヤーマスクを使う練習です。

フォトショップで角丸の四角形の作り方

角丸の四角形の作り方

アップルのアイフォンのアプリなどのアイコンは角丸の画像です。 ボ

年賀状ソフトなどで加工したJPGを読みこませて印刷する

フォトショップでフチなし印刷する方法

フォトショップではがきサイズに年賀状を作っても、いざフチなしで印刷

フォトショップで様々な1pxの線

1pxの線の引き方(鉛筆や選択範囲の境界線や効果を使う)

1pxの線の引き方をご紹介します。 書かなくてもいいことだけれど

コピースタンプツールで全体的にずらしてみた

古いフォトショップで痩せた写真に加工する方法、コピースタンプツール

よくダイエット広告や、女性をより綺麗に見せるために痩せさせると言う

こんな画像の作り方わかる?

線画レイヤーの作り方

photoshopでスキャナーで鉛筆で描いた絵を取り込んでそれに色

Message

メールアドレスが公開されることはありません。

no image
子供ユーチューバー賛成の理由

昔は子だくさんだった理由 昔は子供は労働力だった。

no image
子供は炎天下の車の中に3時間いるだけで死ぬ

真夏、炎天下の車内は60度にも70度にもなります。 車

no image
大人の階段って何?学生食堂でバイトしてた話

20代後半から仕事がバリバリできるようになりストレス耐性

祝日の京都水族館のイルカショーは立ち見
朝に京都水族館、夕方に帰宅で昼寝にしたらよかった

息子と嫁と京都水族館でデートしてきました。 京都水

no image
子供に自分で選ぶ、決断する力をつける方法とは?

エア子育てシリーズ。 いろいろ妄想して、うちの息子をど

→もっと見る

  • いいだしっぺ(これでいいだ)
    ブログのもくじ 私のプロフィール
    現代の幸福論に挑戦しています。
    ウクレレブログ好き。

PAGE TOP ↑