Now Loading...

Now Loading...

BLOG CATEGORY Fireworks 

Apr 9
2011

Fireworks

Fireworksで「ぴかーん」の作り方~女の子向けサイトやバナー制作なんかで使えるかも

Fireworks

☆ご注意☆

この記事は 2011年4月9日 に書いたものです。情報が古い可能性がありますのでご注意ください。

Share on FacebookTweet about this on TwitterEmail this to someoneShare on Google+

女子向けのサイトやディズニーサイトなんかでもよく見かける「きらーん」のパーツ。
Fireworksでの作成方法をまとめました。

色んなパターンを作っておくと結構使えます

よく見かける「ぴかーん」です。「きらきら」というか、なんていっていいのかわかりませんがコレです。

Fireworksで「ぴかーん」の作り方

ランキングやらクリスマスのバナーとか、なんか目立たせたいテキスト周りや商品に入れたりするとピカーンとなるし、よくネイルサロンのネイルデザインサンプル画像にもキラキラキラとさせたりもしてますよねぇ。
私はこれのpngバージョンと、あと、きらきら~っとフェードのとはじける感じの動きも入れたFlashのシンボルも作りだめしておいて、いろんな場面で素材として活用しています。

こちらはANNA SUIコスメのサイト。Flashでぴかぴかーってなります。

Fireworksで「ぴかーん」の作り方

こちらはギャル様たちのサイトagehaのバナー。サイトもバナーもきらきらです。

Fireworksで「ぴかーん」の作り方

こちらはKiss msの女王様。これもFlashできらーん。

Fireworksで「ぴかーん」の作り方

すごく簡単ですが作り方

星型ツールで星かきます。

Fireworksで「ぴかーん」の作り方

星型ツールの黄色のハンドルをモリモリ動かすとf色んな形になるのでいじっているとおもしろい。

Fireworksで「ぴかーん」の作り方

全然関係ないですが、これは全部星型ツールをいじっただけで作った形。おもしろいです。

Fireworksで「ぴかーん」の作り方

戻りますが、半径と頂点をいじってきらーんの形を作ります。

Fireworksで「ぴかーん」の作り方

真ん中をくっきり、外に向かってすこし透けた感じにするために、上にマスク用の円を作ります。

Fireworksで「ぴかーん」の作り方

マスクかけて先端をぼやっとさせます。

Fireworksで「ぴかーん」の作り方

まんなかに楕円形ツールで円をかいてぼかし(ガウス)を入れます。

Fireworksで「ぴかーん」の作り方

このままでもまぁつかえそうですが、星型ツールで作ったほうのマスクをもう1つコピペで45度回転、ちょっとだけサイズを小さくしたものがこれです。

Fireworksで「ぴかーん」の作り方

こんな感じで色んなバージョン作って「PARKN’ PARK」をギャル風に(-ω-、)。

Fireworksで「ぴかーん」の作り方

ディズニーサイトのキラキラ感とか見てて楽しくなります。
華やかになるので、ぜひ素材として作りだめしておいて損はないですよ~(^-^)

Share on FacebookTweet about this on TwitterEmail this to someoneShare on Google+

Leave a Reply

avatar
  Subscribe  
更新通知を受け取る »

RELATED POST

Copyright© Parkn’Park All Right Reserved