-
ID:jzBdoE さんの質問

こんにちは。
http://www.kisuke.com/
上記サイトの「アミューズメントから、不動産まで。」の項目にあるような、
ロールオーバーでアニメーションする画像を作るにはどのようなソフトが便利でしょうか。


  • パラパラ漫画の要領なので、
    FLASHかAfterEffectsなんかが便利なのかなーと考えているのですが、
    アニメーションを作成したあと、一枚の画像にするのが面倒な気もします。

  • なにかおすすめの方法やソフトなど教えていただければ嬉しいです!

みんなの回答 7 件

ID:Ynfcej さんの回答

>「アミューズメントから、不動産まで。」の項目
どこ?

ID:IDBdO.

こいつ雑魚だな

ID:jzBdoE

>どこ?
↑のURLで見れるんですが、表示されないでしょうか。
PCのChromeやSafariだと表示されますが、
レスポンシブで作られているようなので、
スマホだとただのアイコン画像が表示されているかもしれません。

ID:IDBdO.

png画像をCSSアニメーションで動かしとるだけだから、イラレででも作って並べたらいいだけ

ID:jzBdoE

>png画像をCSSアニメーションで動かしとるだけ
方法については承知しています。
今回は、そのアニメーションする画像を効率よく作成する方法について質問させていただきました。何かあれば再回答お待ちしております。


  • >イラレででも作って並べたらいいだけ
    確かにおっしゃるとおりなのですが、
    こういったアニメーション画像を何十枚と作る必要があり、
    例えば、キーフレーム・オニオンスキン・ボーンツール・モーフィング機能などがあればアニメーションさせやすいと思うのですが、
    イラレで作成するとなると、全体のアニメーションをイメージする方法がわかりません。
    イラレで作成する場合のコツや手順などあれば教えていただきたいです。
ID:IDBdO.

じゃaftereffectsでキーフレームアニメーション作ってシーケンス書き出しして並べろや

ID:jzBdoE

おー、そーするわ

ID:IDBdO.

単なるワンポイントのパラパラアニメやのに、お前どんだけ複雑なもの作ろうとしとるんや。

ID:jzBdoE

お前の想像にまかせるわ。

ID:IDBdO.

cssアニメやのにお前は用途がわかってない雑魚や。便利なツールなんてあるかいや

ID:jzBdoE

お前ほんとしつこいな
>便利なツールなんてあるかいや
ないと思うなら来んなや

ID:IDBdO.

お前がおもろいからな

ID:ojMwxn さんの回答

これ地味にめんどいな
なんかツールでもあるんかな
kisuke.com/wp-content/themes/kisuke/image/service/sprite-animation/bowl.png

ID:Wa1EdN

こんな感じで横に並べた画像作れば良い
このサイトは@keyframeでアニメーションさせてる

ID:jzBdoE

>これ地味にめんどいな
そうなんです、「地味」にめんどいんです。
一枚作るぐらいなら、フォトショップなどで各コマを作成しながら、地道に調整し、いい感じにアニメーションさせればいいんですが、
今回はこいったものを数十枚作る必要があり、
なにか便利なツールがあればなーと思い質問いたしました。

ID:jzBdoE

>こんな感じで横に並べた画像作れば良い
>このサイトは@keyframeでアニメーションさせてる
↑の回答にもコメントしておりますが、
方法については承知しています。
今回は、そのアニメーションする画像を効率よく作成する方法について質問させていただきました。何かあれば再回答お待ちしております。

ID:BmYFBj

ぼく小学一年生。作り方しってる(*`ー´)b

ID:jzBdoE

>ぼく小学一年生。作り方しってる(*`ー´)b
迷子かなー?ひとに迷惑かえるなよー

ID:u6kLdA さんの回答

アニメーションをつくる方法も知っていて、複数の画像に書き出す方法も知っていて、画像にhtml/cssで動作させる方法も知っているのに、cssスプライトにする方法だけ知らないというトンチンカンな質問。トピ主よ、それはつまり知らないってことだぜ。
www.google.co.jp/search?num=100&newwindow=1&safe=off&q=css+%E3%82%B9%E3%83%97%E3%83%A9%E3%82%A4%E3%83%88+%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC&oq=css+%E3%82%B9%E3%83%97%E3%83%A9%E3%82%A4%E3%83%88+%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC&gs_l=serp.3..0.189355.189355.0.189584.1.1.0.0.0.0.85.85.1.1.0....0...1c.1.64.serp..0.1.84.nGH-ALH-ZuM

ID:yvzT1z

あーあー言っちゃった

ID:4MLgiR

このトピ主ってスプライトにして一枚することよりもアニメーション用の画像を何十枚もつくるがめんどくさいからなんとか簡単に一枚一枚作る方法探してるってことじゃないの?

ID:u6kLdA

AftereffectsやFlashでアニメーションは作れるのに、そこからフレームをjpgで書き出すことが分からないっていうオチなの?
単にアプリの標準機能を知らないだけなの?
そっちのほうが考えにくいけどなあ

ID:YEK5Sc

cssスプライトはタスクランナーで自動化してる、
cssアニメーションはmixin作って効率化してる、
aeやflashで各フレームを書き出す方法もしってる、
なんか画像作成にもっと便利なソフトがあればなーと思っただけ。
もーいーよ、見つけたから。

ID:u6kLdA

その情報が後出しでなければ、もっと建設的な回答がついたろうね。
回答者の態度もさることながら、回答に対して全部知ってるし、使ってるっていう返しはいかがなものか。からかっていると思われても不思議じゃない。「僕は善人で回答者悪人」みたいな被害妄想やめてくれるかな。

ID:4MLgiR

最初はちょっと下手にでてたけどはじめの人の言葉遣いに頭きたからじゃない?
俺が下手にでてやってんのに答えてくるお前らの態度はなんだみたいな

ID:IDBdO.

最初のコメ主だけど、予想通りの展開だったわ

ID:yvzT1z

恒例の後出し情報wんで見つけたといって去るトピ主は中学生レベルwきっとタスクランナーやmixinも調べたのかもw

ID:u6kLdA

>アニメーションを作成したあと、一枚の画像にするのが面倒な気もします。
今更マジレスするなら、↑が質問の本題だと思われるのだけれど、アニメーション作成した後に、各フレームをjpgにして、そこからはタスクランナーでの自動化ができてるのに、どのあたりが面倒なのか疑問。「スプライトアニメーション作成アプリありますか?」っていう直球な質問だったのかな。

ID:IDBdO.

まあ何十枚もパラパラアニメ作る愚痴だったのかもな。作ったLIGの人に聞けばいいのに

ID:qlTEAB さんの回答

なんでここの人は冷たいの?建設的なスレにしよぜ。。困った時は助け合おう。。

ID:yisYeP

中には親切に答えてくれる人もいるけどほとんどがバカにするか、冷たい人しかいないから

ID:YEK5Sc

お世話になりました。トピ主です。
ここにもいい人がいるのは知っているのですが、
今回はハズレでした。

ID:AL1w1V

FLASH使えばすぐできますよ。

ID:jzBdoE

>FLASH使えばすぐできますよ。
回答ありがとうございます。
また、お礼が遅くなってしまい申し訳ございません。
参考にさせていただきます。

ID:4MLgiR さんの回答

回答者もトピ主も両方態度悪いよ

ID:4MLgiR さんの回答

態度の悪いトピ主には態度の悪い回答者しか集まらない

ID:IDBdO.

最初にちょっぴり煽ってやるのが本性を探るポイント。

ID:Wfi2ha

↑こんなクズが集まりだしたらこのサイトもオワコン

ID:IDBdO.

↑終わってないよ!お前も書き込むように、雑魚には要点を簡潔に厳しくいこうぜ

ID:yisYeP さんの回答

自分で調べて解決する力がないくせに被害者ぶるなよって話

ID:jzBdoE

質問に回答しないくせに語るなよって話

最終更新日:2016-01-23 (1,741 views)

関連するトピックス

ページ上部に戻る