藍色の星たちへ

こころの詩を描く旅。

カテゴリ: アニメーション









ParaFla!で、久々にFlashアニメを作りました。
カリカリ(ドライフード)を食べる猫ちゃんです☆

いや~それにしても、
アニメ化するのは本当に根気がいりますね。
途中何度やめようと思ったことか・・・

ドローソフトの使い方がよくわかってないので、余計に時間がかかっちゃう。
今度はArtRageで描いて再チャレンジしてみようかな。


daidai2013.gif


昨日は物凄い風でしたね~

ご近所さんのお家の庭で、それはそれは見事な甘夏?が、
枝もたわわに、ぶぉんぶぉんと激しく揺れておりました。

橙色にきらめく、まんまるの大きな実たち。
「落ちてたまるか!しっかりつかまれぇぇ~!」

みんなでそう励まし合いながら、この風を必死でこらえているのかな。。。
なんて、ふと思った私です。

とまぁそんなわけで、
甘夏ちゃんのGIFアニメを作りましたよ☆













新年初のFlashアニメ。
途切れ途切れな仕上がりになってしまいました。
雑だな~

本当は、龍が飛んでいくところまでを作りたかったのですが、
時間も能力も足りないので、今回はここまで。
BGMがないとやっぱりさびしいですね。

新しい年がスタートして1週間。
今年も地道に頑張ります。












タダユメコーボのトップページ用にFlashアニメを作りました。

猫ダッシュに猫ジャンプ。ちょっと休憩、ひとねむり・・・
黒にゃんの動きがかわいいです♪




かんたんFlash共有サイトKanfoo


愛猫チロのFlashアニメを作りました。
(Clickボタンの部分をクリックするとスタートします)
※音楽が流れますのでご注意ください。

最初はArtRageで描いた素朴な線画(ラスタ画像)で作ってみたんですが、
やっぱり画質劣化のない作品にしたくなったので、
頑張ってベジェ曲線ですべての絵を描き直して、改めてFlashを作り直しました。

猫と女の子は別々に描いていて、ラスト以外はそれぞれを個別に動かしています。
自分の思い描いているとおりに、タイミングを合わせて一緒に表示させるのが
すごく難しかったです。

このアニメのイメージは、ずっと以前から頭の中にあったもの。
こうしてやっと形にすることができて、とてもうれしいです!

ちなみに、チロに限らず、愛猫たちは缶詰がすごく好きです。
缶詰を開ける音を聞くと、すぐ飛んでくるから笑っちゃう♪

亡くなったチッタは、寝てるときに名前を呼ぶと、
しっぽを振って、ちゃんとお返事してくれました。
まるで「聞こえてるよ~」って言ってるみたいに。

いろんな記憶がよみがえります。

この作品は、私の大切な大切な宝物です。


※音楽は「音楽工房 夢見月」(uminekoさん)
「あくび(くろ太組曲・3)」を使わせていただいています。

夢見月さんの曲は、旧ブログ「みこねこのひげ」で粘土アニメを作ったときにも
使用させていただいたことがあるのですが、
私はuminekoさんの音楽がすごく好きです。

アニメが仕上がってから曲を探していたのですが、
この曲がアニメの雰囲気にも長さ的にも本当にぴったりで、すごく感激しました☆











先日作った愛猫テレちゃんのパラパラアニメを、
ベジェ曲線で描き直して、ベクタ形式のFlashアニメにしました。

ベジェ曲線の使い方って、文章とか図で説明されると
ものすごくややこしそうで、ずっと敬遠してきましたが、
実際に自分でやってみたらば、思いのほかずっと使いやすいことがわかりました!

何事も、実践しながら学ぶのがやっぱ一番ですね~

とりあえず、以前描いた絵を下絵にして練習してますが、
だんだんとコツがわかってきて、すごく楽しいです!
もっと早くチャレンジするべきだったな。

それにしても、
ParaFla!って、本当にすごい!
こんな高性能なソフトがフリーで使えるなんて、本当にありがたいです☆











ParaFla!とParadrawの使い方をちゃんと勉強し、
今回はベクタ画像でFlashアニメを作りました。

久々の「たけちゃんろろちゃん」登場です。

ベクタ形式で絵を描くのって物凄く面倒くさそうで、
ずっと敬遠してきたんですが、
ちゃんとマニュアルを読みながら試してみたらば、
なかなかおもしろい! 

「絵を描く」という感覚とはちょっと違いますが、
ベクタ形式で作った画像は、変形しても画質劣化がおきないので、
アニメーションにするには、やはりとても便利です。


ところで、今回ベクタ形式で「たけちゃんろろちゃん」を描いた理由は、
ParaFlaのモーフィングという機能に挑戦したかったから。

モーフィングを使うと、
アンカーとアンカーがゆっくりつながって変形していくので、
滑らかな動きが表現できます。
・・・うまく説明できてませんが。








右は4枚のイラストをパラパラと普通に続けて表示させたもの。
左は同じ4枚のイラストをモーフィング機能を使って表示させたものです☆



モーフィング以外にも、スプライトとか頑張っていろんな機能を使ってみたんですが、
Flashって、やっぱり数字に強くないとダメですね~

フレーム数の計算がわけわからなくなって、頭パンクしそうでした。。。






かんたんFlash共有サイトKanfoo

*BGM:音楽素材/魔王魂さん。


ParaFla!で作ったパラパラアニメです。

paradrawを使って描いたんですが、
ツールの使い方がよくわからなくて、全然思うように描けませんでした。
パスとかベジェ曲線とか、ベクタ画像の勉強しないとやっぱダメだな。

まあでも、この下手さ加減が
これはこれで味があっていいかな~とも思います。







ParaFla!を使って、久々にパラパラ漫画を作りました。

うちのテレちゃんは、甘えん坊。
毎日必ず、こうやって「よいしょよいしょ」と言いながら
おみこし担ぐみたいに抱っこしてあげます☆

お目目を細めて、お手手をムギュムギュ。
ほんと、かわいいです。




ほっぺb.gif  水まきb.gif


ArtRageのクレヨンツールで描いたイラストをGIFアニメにしました。

デコメ素材とか、GIFアニメってドット絵が多いと思うけど、
こういうクレヨンテイストのGIFアニメってちょっと珍しくないですか?


今回はペイントソフトを使用したラスター画像なので、
拡大すると画質が劣化しちゃいます。

ベクター画像が解像度に依存しないのは大きな魅力だけど、
やっぱペイントソフトで描いたもののほうが
絵の仕上がりが温かみがあって好きだな。。。
重ね塗りしたりいろんな色の表現ができるもんね。

毎日せっせとパラパラアニメを作ってるお陰で、
少しずつコツがつかめてきました。

近いうちに、GIFアニメのオーダーメイドなんかも始めたいなと思ってます☆


車ぶう.gif










くるくる くるりん♪
髪の毛をふわりと揺らしながら、上手にターンする女の子☆

シャンプーのCMとかで、ロングヘアの女の人がくるっと振り向くのあるでしょぅ?
幼い頃、そのシーンをよく真似してました。

でもこれ、三つ編みとかポニーテールで勢いよくやると
髪の毛の束が「ベチッ!」と顔に当たって結構痛いのよね~



前回に引き続き、データがちょっと大きくなっちゃいました。
できるだけ100KB超えないようにしたいんだけど
使うイラストの種類が多いとどうしてもでかくなっちゃうな。。。

ちなみに女の子はParadraw、背景はArtRageで描いてます。
異なるツールで描いたら面白い質感に仕上がりました☆









Flashミニミニアニメです。
画像にある「START」のマークをクリックするとアニメが始まります☆

お化粧直し中の女の子。。。
口紅ぬるとことか、なかなかいい感じにできました☆
なんてことのない動作でも、アニメーションにすると妙にかわいいな~

テレビのアニメみたいな滑らかなアニメーションより、
パラパラ漫画みたいに、ぎこちなさの残ったもののほうが味があって私は好きです。


ところで、今回は流しっぱなしのループ再生ではなく
クリッするとアニメーションが再生するようにしたかったのですが、
どうやって設定したらいいのかわからず、かなりの四苦八苦。
ParaFlaに付属してるサンプルデータとにらめっこして
アクションの設定の仕方をやっと理解することができました。

日々勉強です...










姉にいつも可愛く髪の毛を結わいてもらってる姪っ子を見てたら、
こんな光景が思い浮かびました。

私も幼い頃は母親に髪の毛やってもらってたっけ。
ボサボサ頭に櫛を入れたらこんがらがってて 「イテテテテッ」 なんてこともありました。

髪の毛。とかしたり結んだり。。。
いつからか自分でやるようになっていくんだよね。


思い描いてる動きをアニメ化するのはホント大変。根気がいります。
難しいな~





タダユメコーボのGIFアニメ


お店の看板用にGIFアニメを作りました。

最初は、右から左に500ピクセル分くらい歩いていくのを作ったんですが、
コマ数が多くなりすぎてデータが重くなっちゃったので、シンプルな3コマループに変更。

いろんなタッチの絵を描きますが、
こういう線画イラスト、やっぱ素朴で好きだな~



実は今、デジタルコンテンツのダウンロード販売を目指しています。

DL-MARKETという便利なサイトをみつけたので、そちらを利用しながら
今後少しずつ、イラスト素材とかアニメーションとか、
いろんなデータの販売を始めていきたいなと思ってます。

頑張ろう。







怖くてぷるぷる... 

動物病院に行くと、ぷるぷるチワワちゃんによく会います。


ところでseesaaって、swfファイルのアップロードできるんですね。
できないのかと思ってた。。。

Flash素材をどうやって貼り付けるのかよくわかってなかったんですが、
いろいろ検索しまくって、やっと少し理解できました。
htmlファイルは「メモ帳」で開くのだということも今日初めて知った。。。


それにしても、ベクタ画像って便利だな~
解像度を気にせず縮小・拡大・回転も自由自在!





まだまだ不慣れだけど、
ParaDrawの使い方がほんの少しずつわかってきたかな。



ちなみに、いつものArtRageでGIFアニメも作りました。


chiwawaa22.gif


手描き感あふれるこっちも、なかなか味があってかわいいでしょ?





nyankobo.gif


某コンペで描いた猫ちゃんのイラスト。
不採用だったので自分で使おうと思い、GIFアニメにアレンジしました。


早速ブログのサイドに貼り付け♪
動きがついて無地のテンプレートが賑やかになりました☆





 


今日も頑張ってParaFla! でFlashアニメ。効果音つきです。

昨日よりもちょびっとだけソフトの操作を覚えたので、
イラストの描写位置と移動位置を数字で指定して、今回は飛ぶ動きにチャレンジ。

細かな作業を繰り返して、やっとできあがった短い短いFlashアニメ。
難しいけど、やっぱおもしろいな~
コツコツと頑張って地道に勉強を続けよう。。。





↑このページのトップヘ