とろにゃんのブログ?

おきらくなとろにゃんだよ

NEW !
テーマ:

きょうは簡単なGIFアニメーションを作ってみようと思います。

とにかく簡単なものということで説明します。

 

Photoshopは適当な大きさでいいので、そこにどんなものでもいいのでシェイプで図形を書いてみましょう。

 

 

とろにゃんのブログ?

 

 

メニューバーの「ウインドウ」の「タイムライン」を出します。


 

とろにゃんのブログ?

 

 

 

 

 

下のペインにタイムラインが現れます。

そして、「フレームアニメーションを作成」をクリックします。

もしその項目がないなら、、、、(次の画像ね)



とろにゃんのブログ?

 

 

▽をクリックしてもらってフレームアニメーションを作成を選択してください。


 

とろにゃんのブログ?

 

 

 

このようになるはず。

 

 

とろにゃんのブログ?

 

 

 

 

そして「選択したフレームを複製」をクリックしてフレームを追加します。

 

 

とろにゃんのブログ?

 

 

 


このようになります。現在2のフレームが選択されているのを確認して、、、


 

とろにゃんのブログ?

 

 

 

パスコンポーネント選択ツールを選びます。

 

 

とろにゃんのブログ?

 

 

 

 

つぎに、黄色い☆をドラッグしてちょいと移動させます。



とろにゃんのブログ?


 

 


さらにフレームを追加して‥

 

 

とろにゃんのブログ?

 

 



またまた黄色い☆をちょいと移動させます。


 

とろにゃんのブログ?<

 

 



こんな風になったでしょうか。

 

とろにゃんのブログ?

 

 

 

 

タイムラインの1番~3番までがあり、CTRLを押しながら1つずつクリックしてすべてのフレームを選択します。

 

とろにゃんのブログ?

 

 

 

 

どのフレームでのいいので「0秒」の横の▽をクリックして0.1秒にします。

 

そしてその下にある「一度」から「無限」にして再生させてみてください。

 

とろにゃんのブログ?



 

 

 

 

 

 

とろにゃんのブログ?

 

最後に、保存をします。

 

以前のブログにもやり方を書きましたが、覚えてますか?


「ファイル」⇒「Web用に保存」を選びます。


そして種類を「GIF」にします。



とろにゃんのブログ?

 

 

 

 

さらに、ループオプションを「無限」にすれば永遠にアニメーションが繰り返されます。



さいごに「保存」で終了です。


うふふ。




とろにゃんのブログ?

 

 

今回は簡単すぎるほどのGIFを作ってもらいましたが、青い☆と黄色の☆が交差させて行うなど、工夫するとすごいのができます。

ぜひやってみてくださいね!


それじゃあまたね~。

 

 


とろにゃんのブログ?

 

 

 

 

 

 

 

コメントいいね!(0)
PR

[PR]気になるキーワード