アニメーションを作ろう!(GIFアニメ)続編!


アニメーションを作ろう!(GIFアニメ)続編!

前回 アニメーションを作ろう!(GIFアニメ)でカクカクしたアニメしか作れなかったので再度作ってみた

ミスエルテちゃん

前回よりはマシになったと思うけど、やっぱり自然なアニメーションはできませんでした。

紙にマジックで描いてるので、まず「同じ大きさの絵を描く」ってところから難しいです。

このアニメ作る前に「目」とか「口」とかパーツだけ作って「パソコンで合成すれば良いのでは?」とも思ったのですが

まだ試していません。

「たぶんできないだろう」と思ってるのですが、理由は私がこの瞳の大きいキャラクターの目や口の「描く位置」がイマイチわかってないんですよね。

ちょっとバランス崩したらすぐに人の顔でなくなってしまう。

ですから新しいことにはチャレンジしませんでした。

ミスエルテちゃんアニメお終い!

ミスエルテちゃんメンタリズム

数秒の可愛い女の子のアニメーション あなたはどんなモノが見たい?

数秒の可愛い女の子のアニメーション あなたはどんなモノが見たいですか?

思い浮かべてから先にお進みください

Answer 1
それはパンチラですね!

Answer 2
これがメンタリズム

※パンチラアニメは作成していません

GIFアニメをブログのパーツとしての使い方を考えてみる

アニメーションをただ動かしても、意味は無いのでブログで使いたいんですよね。

どういう場面で使えるか考えてみたのですが、「今」ってアニメーションGIF使ってるブログってほとんど見ないですよね

たぶん「動くこと」自体に人が飽きてるのだと思います(20年前のインターネットでは絵も文字も動かすのが流行っていて、ゴチャゴチャした感じのサイトが多かったです)

だから「アニメーションGIFなんて作っても使い道ねーよ」ってのが結論になりそうですが

”あえて”使うなら「目立たせたいところ」になるでしょう。

例を考えてみました。

カラクレナイさん
さっさと私にメール送りなさいよ、キモイんだけど

(この辺にメールフォームを貼り付ける)

↑こんな感じでメールくれアピールしてみるとか

アエロリット
ココだよココ!ココは絶対読め!

(大事な文章を書く)

↑読んで欲しいとこアピールとか

リエノテソーロちゃん
日曜日は競馬をするのよ~

↑幸せアピールとか

ミスエルテちゃん
盛り上がってるトコ悪いんだけどもう寝るから

↑お終いアピールとか

 

いかがでしょうか!

アニメーションGIF 作り方(主に透過処理)

ここからは、アニメーションGIFの作り方を簡単に書いておきます。

今回使ったアニメーションGIFの作成サイトは

アニメーションGIFを作ろう!です。

前回の記事で紹介したサイトとの違いは入力項目が多いです、ですがその分できることも多いです。

では「なぜ」今回はこの「入力項目が多いサイトを使ったのか?」なんですが、カラクレナイさんやアエロリットの背景を透過させています。

このブログの背景は「白」なのでわかりにくいかもしれませんが、黄色い背景のブログで今回作ったGIFを貼れば背景は黄色になるし、青背景のブログに貼れば背景は青になります。

つまり「キャラクターの背景は透過している」のです。

ブログデザインにこだわる人なら「透過」したいですよね。

「アニメーションGIFを作ろう」使い方

サイトに行くとこんな画面です。

アニメーションGIFを作ろう!ポイントは画像の②の「RGB値10進数」ですかね。(「RGB値10進数」のボタンを押さないと「透過なし」になるので押してください)

透過させたい色を数値で入力します。

自分の塗った数値は自分が使った画像編集ソフトで確認してください(下の画像はクリップスタジオ)

クリップスタジオ

私は今回「カラクレナイさん、アエロリット、リエノテソーロちゃん、ミスエルテちゃん」どの画像でも使ってない色って意味で「深緑(13.89.25)」で背景を塗って透過させたのですが

残念ながら若干、点々が残ってました。

ちなみに最初は(0.0.0)の黒を指定したのですが、輪郭線の黒まで透過してしまって失敗でした。

おそらく(0.0.255)のブルーとか極端な原色の方がキレイに透過するような気がします(その場合ミスエルテちゃんの画像のような”青”が多い画像の場合は透過させる背景色は黄色とか別の色にした方が良いと思う)

できあがったGIFはダウンロードボタンなんか無いので、自分で右クリックして保存してください(この時マイクロソフトのEdgh、インターネットエクスプローラーだとアニメーションではなく静止したGIFとして保存されるらしいのでchorome等のブラウザーを使ってください)

私自身がこのサイトを先日知ったばかりで教えてあげれることはこれだけです。

面白いGIFを作ってみてくださいね!

※ここから下↓は2017年9月12日に追加しました

GIFアニメ作成のお勧めサイト

同じようなアニメーションGIFを作るサイトでも、サイト毎に特色があることに気づいたので書いておきます。

GIFアニメーション作成(バナー工房.com)

アニメーションを作ろう!(GIFアニメ)で紹介したサイトです。

手軽につくるならココが一番だと思います。

バナー工房で作ったバナーコレ↑を作って「動きをもう少し早くしたいな」と思ったので、作成サイトを変えてみました。

アニメーションGIFを作ろう!

アニメーションGIFを作ろう!で作ってみたところ↓こうなりました。

アニメーションGIFを作ろうで作成↑洋服の色味が変わってチカチカしています(特に変わったことはしていないです)

透過GIFを作らないならココではなく他のサイトが良い気がします。

アルパカ動画

アルパカ動画さんで作ってみました

アルパカ動画で作成ちゃんとできました。

なお、最初に紹介したバナー工房さんでも、速度の変更はできるのでどちらでも好きな方を使えばいいと思います。

 


関連記事

LEAVE A REPLY

*
*
* (公開されません)

よく読まれている記事

最近の投稿

More
UA-76146099-1