GIFアニメ Photoshop

【キラッ】photoshopでつくる、キラッと光るGIFアニメの作り方3選

title

こんにちは、あゆこです。
インフルエンザが周りで流行りに流行っていて、恐怖です。
みなさまもご自愛くださいませ。。

さて、今回はphotoshopでさくっとつくれる
キラキラGIFアニメの作り方を3つご紹介します。

【1】キラキラ記号を明滅させる

blog_sample

キラキラ記号を大・中・小とご準備ください。

02

これを全てセンター揃えにし、
大→中→小→中→大…とループさせるようします。
フレームアニメーションにするとこう。

 

03-2

するとこうなりますので、

04

コレをお好きな位置に配置し、光方をランダムにすればキラッキラしますよ~

【2】つるっとした光を走らせる

blog02_sample

ちと2行の上細身のフォントでグッときにくいですが。。
白い縦長のシェイプに、光彩をつけたものをご用意。

05

お好みによってぼかしたり、不透明度を調整してあげてもいいです。
これを増やして等間隔に、光らせたいものの上に並べます。

blog02_sample

あとはマスクしてあげて、
先程のフレームアニメーションの要領で
左端から順に1つずつ表示してあげればOK!

【3】ほわっと光らせる

blog03-2_sample

 

雑な感じで申し訳ないです。
これはテキストスタイル一つで制作できますよ。

まず、MAX光っている状態のレイヤーをつくります。

06

そうしたらフレームアニメーションで、
全く光っていない状態と、MAX光っている状態の2つを準備。

07

Shiftを押しながらどちらもクリックして選択、
「トゥイーン」をクリックして使います。

08

09

これでOK!徐々に光っていくようにできていると思います。
そうしたらaltキーを押しながらコピー、逆にだんだん消えていくようにしていきます。

10

分かりにくくて恐縮ですが、
6をコピーして8へ、5をコピーして9へ、4をコピーして10へ…
のようにして、光っていないもの以外をコピーしています。
これでできあがり。

【最後に】全部組み合わせてみる

blog00_sample

もうキラキラっていうかギラギラですね。

何かに使えれば!幸いです。