imagereadyで文字以外のアニメーションgifを作成する方法
- 自分で書いたうさぎのgif画像をphotoshopで３つ作成し、imagereadyに配置します。
- レイヤー１に３つの顔が現れるため、一つずつ配置し、重ねて作成します。
- ネスケではうまく表示されるが、IEでは２つの顔がかすれてしまいます。
- ベストアンサー
imagereadyで文字以外のアニメーションgifを作るには？
photoshopで自分で書いたうさぎのgif画像を３つ作り、それをimageready の新規ページに配置しました。３つを同じページにのせるとレイヤー１に３つの顔がでてしまいアニメーションパレットでの操作ができなくなるので、一つづつ配置し、さきに取込んだものを隠しながら（実は単に重なってるだけなんですが画面上には１兎だけがでている状態です）作ってみました。ところが仕上がりを見てみるとネスケではばっちりなのに、IEでは３兎の変化のうちの２兎が、なぜかかすれてぐちゃぐちゃです。やはりレイヤ－に頼ってごまかしつつ作ったからでしょうか？それとも何か基本的に間違っているのでしょうか？imagereadyで実際に同じようなことを試みた方しかわからないような質問ですが、どなたかこの理由を教えて下さい。よろしくお願いします。
- ninan
- お礼率86% (19/22)
- グラフィックソフト
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
質問を読んだ限りでは、基本的には、作り方は間違っていないと思うのですが、一応手順を書きますと、 imagereadyのレイヤーを、3枚用意して、それぞれのレイヤーにポーズの違うウサギの画像を入れます。アニメーションパレットに3枚のシートを用意し、1枚目にレイヤーの1だけが見えるように（他の2枚のレイヤーは、目玉マークを消して、不可視状態にする）し、2枚目・3枚目も同じように、それ以外のレイヤーの画像が見えない状態にします。つぎに、アニメーションパレットの秒数をウサギの動きにあわせて設定します。基本的にはこれで大丈夫なハズなのですが...。ちなみに私のホームページのGIFアニメも同じやり方で、作ってあります。参考までに、参考URLを入れておきます。
その他の回答 (2)
- 320320
- ベストアンサー率50% (3/6)
「見る人のブラウザによって見え方が違う(悪くなってる)」 ということは、私のページに関しては、 今のところ言われてません。 文字に関しては、たまにありますが・・・。
- 320320
- ベストアンサー率50% (3/6)
ちょっと、気になったことがあるので、また書き込みます。 ウサギのイラストの背景は、どうなっているのでしょうか？ imagereadyでアニメーションのコマを作るときに、背景色（imageread の新規書類にphotoshopのイメージをペーストすると、レイヤー1が背景色になっているはず）を活かして（必ずレイヤー1にも目玉マークをつける）アニメをつくっているでしょうか？ 必ずしもこのやり方で、作る必要はないのですが、これをやったほうが、失敗が少ないです。 一応、補足です。 ちなみに、私のくるくる回るキャラクターはフラッシュで作っています。
補足
補足ありがとうございます。 不安になったので、もう一度作ってみましたがやはり同じでした。 あの、お伺いしたいことがあるんですが、320320さんのHPのイラストが、見る人のブラウザによって見え方が違う(悪くなってる)、などと言われたことはありますか？もしもなければ、もうこの状態で使っちゃおうかな…なんて思ったりしています。
関連するQ&A
- アニメーションgifの配置について
よろしくお願いいたします。 初心者ですがとりあえずＨＰビルダー8.0を使ってＨＰを作りUpしました。ただあまり凝ったデザインができなかったので、PhotoshopとImageReadyを使っていろいろ試してみました。スライスした画像をビルダーで表示することも何とかできるようになり、今回初めてアニメーションgifに挑戦しました。 そこで質問なのですが、たとえばImageReadyで編集中のページの中央にアニメーションgifを配置することはできますか？私的にはImageReadyでページ全体を制作し、任意の場所にアニメーションgifを配置し、すべて完成したところで、HPビルダーへ持っていきたいんです。別々にもっていった場合、通常の編集モードでうまく配置できないと思うんです。どこでも配置モードを使えばいいかもしれませんが。 そのあたりの事をご存知の方教えてください。よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- ImageReady
ImageReadyで指定のKB内のアニメーションgifを製作するにはどうすればいいのでしょうか？ ちなみに、写真２枚をレイヤーで入れ替えるバナーを製作するのですが、できれば、画質を落とさず、KBのみ落とす手法を教えて下さい。
- 締切済み
- グラフィックソフト
- GIFアニメ(ImageReady)について。
ネットからGIFアニメの素材をダウンしたのですが、背景の色(白)が抜けていなかったのでImageReadyで白い背景を消して最適化保存しても白い背景が消えていなく、最適化パレットで[透明部分]にチェックを入れて保存したら消えたのですが、最終フレーム(?)が全部のフレームの絵が重なってしまうんです。 例) □透過部分 ■絵画部分 1フレーム目 □■■■□ □□■□□ □□■□□ □■■■□ 2フレーム目 □□□■□ □□□■□ □■□■□ □□■□□ 3フレーム目 □■■■□ □■□□□ □■□□□ □■■■□ こんな感じで IJC とアニメーションさせようとしても… 本来なら… □■■■□→□□□■□→□■■■□ □□■□□→□□□■□→□■□□□ □□■□□→□■□■□→□■□□□ □■■■□→□□■□□→□■■■□ こうなるはずが… □■■■□→□□□■□→□■■■□ □□■□□→□□□■□→□■■■□ □□■□□→□■□■□→□■■■□ □■■■□→□□■□□→□■■■□ こんな風に最終フレームでソレまでのフレームの絵が混ざってしまいます。。。。 最適化の設定は… ●GIF ●劣化：0 ●カスタム ●カラー：256 ●誤差拡張法 ●ディザ：100% ●透明部分：チェックあり ●マット：空白 ●透明ディザなし です。 新規で透明背景のドキュメントを作って、ネットからダウンしたGIFのレイヤーを新規ドキュメントに持っていって最適化保存するとなんともなくちゃんとアニメーションします。。 わかりにくい説明かも知れませんが誰かわかる方がいましたら教えてください。
- ベストアンサー
- グラフィックソフト
- illustratorでアニメーションGIF作成はできませんか？
イラストレータCS2(Win-Xp)使用者です。 PhotoshopとImageReadyでアニメーションGIFを作成するのは知っているのですが、illustratorの場合はできないのでしょうか？画像をいったんPhotoshopに持ってこないとできないのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- CAD・DTP
- gifがアニメーションしない
XPでIE6を使用しています． いろいろなページに載っているアニメーションGIFが全然動きません(その動かない画像がアニメーションGIFであることは確認しています)．アニメーションGIFを表示しようとすると，(恐らくアニメーションの最初の画像だとは思うのですが)静止して表示されます． 何か設定があるのでしょうか?
- ベストアンサー
- その他（インターネット・Webサービス）
- xcode5でgifアニメーションが再生出来ない
xcode5を使用しています。 fireworksCS6で、レイヤーが複数あるpng形式の画像ファイルを、ステートが5個あるアニメーションgifとして、書き出しました。 この画像をIEのhtmlブラウザで開くとアニメーションgifとして、再生出来ているのですが、一方のxcode5で同じgifアニメーションの画像ファイルとしてみても、「build succeeded」はするのですが、jpegのように静止画になってしまいます。 ここで質問ですが、xcode5ではどうすればgifアニメーションを再生できるのでしょうか？ 詳しい方がいましたら、よろしくお願いします。
- ベストアンサー
- Mac
- Gifアニメーションをクリックで開始するには？
やりたいことは、PowerPoint2007上で、マウスをクリックをした後に、Gifアニメーションを開始して、1回だけ再生した後に、そのまま停止していて欲しいのです。 また、アニメーションは、必ず最初のフレームから再生する必要があります。 ところが、普通に挿入すると、勝手に再生が始まってしまいますし、アニメーションの設定で、クリック時に現れるようにすると、途中のフレームから始まってしまっています。 また、Gifアニメーションは、PhotoShop付属のImageReadyで作成し、1度だけ再生されるようにしていて、Windowsビューアなどで見ても1度しか再生されないことを確認しているのですが、PowerPoint2007に貼り付けると何度でも繰り返して再生されてしまいます。 Microsoftのホームページを調べてみたのですが、解決できませんでした。具体的には、まず 「アニメーション GIF が再生されない」 (http://office.microsoft.com/ja-jp/powerpoint/HP011496781041.aspx) のページにある、「[表示] メニューの [プレビューとプロパティ] 」が、どこにあるのかが分かりません。 また 「プレゼンテーション内にビデオを追加、再生する」 （http://office.microsoft.com/ja-jp/powerpoint/HA012303111041.aspx?pid=CH101956311041#3） のページにあるようなビデオツールタブも、出てこないのでどうしたらよいのか分かりません。
- 締切済み
- オフィス系ソフト
- アニメーションGIFに使用されているイメージ全てを一枚の画像にしたり、一枚にプリントしたい
アニメーションGIFの展開イメージを全て一枚の画像にしたり、一枚の紙にプリントする簡単な方法があれば教えてください。 作成されたアニメーションGIFのチェックや保存(ファイリング)用に、現在はImageReadyやFireworksとphotoshopをつかって、1枚の画像に加工してからプリントしています。 日常的にこれらのアプリケーションを使用しているわけではないので、いつも面倒に思っています。 簡単にできればいいな～と思い質問させていただきました。 調べていて、ずばり解決してくれそうな下記のページを見つけたのですが、何のことやらちんぷんかんぷんです。 私にも使えるようなやり方を希望します^^; http://dobon.net/vb/dotnet/graphics/selectactiveframe.html
- 締切済み
- デザイナー・クリエイティブ職
- アニメーションについて
ロゴでアニメーションを作りたいのですが、どなたか教えてください。 ソフトはPhotoshop（Imageready）とPhotoImpact、Dreamweaverがあります。 ロゴは6文字のアルファベットで、グラデーションがかかっています。 PDF、PSD、EPS、GIF、JPGそれぞれの拡張子がついたファイルがあります。(すべて同じロゴ） アニメーションを作ろうとしたのですが、テキスト入力する方法ならすぐ出来るのに、 出来上がったロゴをどうやって加工したらよいのか分かりません。 例えば、PhotoImpactのアニメーションギャラリーからドラッグ&ドロップで簡単に・・・ということが出来ません。 また、ImageReadyではフレームごとに位置を変える程度のことしかできません。 アルファベット一つ一つをばらばらに動かしたり、パラマウント映画の初めのようにぐるり～んと回って出てくるようなアニメーションを希望しています。 説明が悪ければ追加しますので、どうぞよろしくお願いします。
- ベストアンサー
- グラフィックソフト
- アニメーションｇｉｆの動きが止まる
アニメーションｇｉｆを貼り付けているページで、javascriptを使って画像をクリックすると 小さい別の画面が出るようにしたのですが、クリックした時からアニメーションｇｉｆの 動きが止まります。出た小さい画面を閉じても動きが止まったままです。 プラウザの更新ボタンをクリックするとまた動きだします。 回避策があるのか、仕様上どうしようも無い事なのか、 どなたかアドバイス頂けないでしょうか？（TARGET="_blank"だと大丈夫なのですが） ［ＰＣ環境］ＷｉｎＸＰ（ＳＰ２）、ＩＥ６
- 締切済み
- Windows XP
お礼
私の作り方は間違ってないようですね。安心しました。 なぜIEで正常にうつらないのかはナゾのままですが…。2枚目、3枚目のウサギの体が透けて(かすれた感じ)、背景が見えてるんですよ。透過にはしてないのに…。 それはそうと、ホームページ拝見させていただきました。あのくるくる回るお兄さんをimagereadyで作られたんですか!?その他にも、非常に凝ったページだなーと驚きました。すごいです！！ ご回答ありがとうございました。