1. ホーム
  2. Blog
  3. Fireworksで点滅する星を作る

Fireworksで点滅する星を作る

フナミ タカオ

フナミ タカオ

コラム

画像編集初心者のフナミタカオです。
先週から、当ブログのリニュアルをしていました。MovableTypeで、ニュースと、ブログを分離し、見やすくなったと思うのですが、いかがでしょうか?このリニュアルとあわせて、トップページにあった、MTLのロゴをアバウトページに移動したのですが、その分ちょっと、彩をとおもい、季節に合わせて、MTLの木のロゴを飾り付けることになりました。
このロゴ自体は、寺井さんに、作ってもらったのですが、この点滅する、電球が結構簡単に作れると聞いて、ちょっと、感動したので、手順を、おさらいしながら、エントリーします。

光る星の作り方

Fireworksで試しています。PhotoShopとかでも、ほとんど同じらしいです。
1.キャンバスカラー黒の新規ドキュメントを作る。

2.★という文字を、黄色で、配置

ややこしい、ベジエでも書くのかと思いきや、なんと文字なんです
3.「べベル内側」フィルタ追加

パラメーターは、上図参考。もちろんこうじゃなくてもOK

星が、もっこりします。
4.「グロー」フィルタ追加

パラメーターは、上図参考。もちろんこうじゃなくてもOK。色を白にするのがポイントのようです。

うおー光った!(ここで、感動しました)。というかこれだけなんですねえ。

点滅させるには

光る星(べベル内側+グロー)と、光る前の星(べベル内側だけ)を用意し、アニメーションGIFにします。
Fireworksのウインドウメニューのフレームをチェックして、フレーム編集タブを用意、ここに新規フレームを追加して、2つのフレームに、それぞれ、光る星と、光る前の星を配置します。

パラメーターは、上図参考。右側の100は、そのフレームが表示される時間で、分母は100。100にしておくと、1秒ごとに、点滅することになりますね。あとは、別名保存でアニメーションGIF形式で保存すれば出来上がりです
仕上がりは、以下のとおりです。

FireWorksで編集可能なPNG形式ファイル

アニメーションGIFを書き出し初めてです

実は、アニメーションGIFを書き出したの、これが、初めての体験でした。
まだまだ未知なる領域はいくらでもありますね。よろしければ、アニメーションGIF未体験のかた、ぜひ、お試しくださいませ。

トップへ戻る