カレンダー
携帯サイトはこちらから

フォトショップでアニメを作ろう

新潟スィーツ・ナカシマさまがとても素敵なトラのイラストを作っていられたので

私もつられて こんなことを書いてみました。

椅子の画像は輸入家具チェンエン・ジャパンさんの福袋の画像です。

★ もとになる画像を用意する

アニメーション素画像

★ その画像に星をつける

完成品    下

アニメーション2

ホトショップ上に星の画像を用意して ドラッグして 椅子の画像の上に乗せる

アニメーション2-1.gif⇒黒の星のレイヤーアニメーション4.gif

黒の星のレイヤーが選ばれていることを確認して 上のレイヤーの下 通常⇒スクリーン に変更

これで黒の部分が透明になる

 3.gif

 

★ 星のついている画像と元の画像をパラパラ漫画風に表示すると星が光って見える

 星のない画像と有る画像をレイヤーに入れる

アニメーション6.gif

レイヤーに画像を入れたら  ファイル ⇒ アプリケーションを起動 ⇒ adobeimageready3.0を起動

アニメーション7

レイヤーを フレームに入れる 

アニメーション8

無限 にして 時間を 0.5秒に これで切り替わる時間を設定する

と 三段階で進行します。   これで終わり  最適化で保存 !!

 アニメーション完成        出来上がり

 

星の画像

星 4   星の画像2     星1

Share on Facebook

関連記事は見つかりません.

8 Responses to “フォトショップでアニメを作ろう”

  • 大きい靴下さん、こんにちは!
    本日は御紹介していただきありがとうございます^^
    GIFアニメーションの作り方ですね^-^
    以前良く作っていたのですがあらためて勉強になりました♪
    大きい靴下さんはフォトショップでいいですね!
    私のエレメンツなのでうらやましいです*^-^*

  • こんばんは。
    こ、これはgifアニメ!
    フォトショップにはこんな機能が!?
    エレメンツには、、、無さそうでした^^;汗
    >これで黒の部分が透明になる
    これは便利ですね!

  • こんばんは、勉強になりました、パラパラ漫画といい、すばらしい技術をお持ちですね、勉強不足を痛感しています、これは頑張らないと。有難うございます。

  • 新潟スィーツ・ナカシマさま
     おはようございます。 いいえこれは古いので 今のエレメンツの方が動きはいいと思います。 それよりオートシェプでトラを書く発想の方が 私には衝撃でした。

  • 誕生日プレゼント工場さま
     おはようございます。 エレメンツでも出来ます。
     私はそれを持っていないので書けなかっただけで 
      http://ugawalab.miyakyo-u.ac.jp/f5/kana/manu/gif_anime/gif_anime.htm
     gifアニメの作り方 エレメンツ で検索すればたくさん出てくると思います。
    星の透明が今回のミソです。

  • meganeさん おはようございます。
     いいえ 一番初め 教わったことですので覚えているだけです。
    初めに覚えたから 何も知らないうちに

  • 大きな靴下さん
    おはようございます。
    凄いなぁ・・・大きな靴下さんもフォトショップを使いこなしているんですね。
    とてもおもしろいです(∩.∩)
    僕も色々と使ってみたいのですが全く手つかずの状態!
    インストールをしたまでは良かったのですがそれから先に進みません^^;

  • こんにちは。
    面白いですね
    私にも出来そうです
    (^_^)

コメントをどうぞ