リフレクト ロゴ
ロゴの下にうっすらと反射した画像を見かけた事があるかと思います。
Web2.0サイトの代名詞のようになったこの反射(リフレクト)ロゴをFireWorksで作ってみます。
ロゴですが、ここでは「グラデーション枠のついた文字」にて作成したロゴを利用してリフレクトロゴを作成してみたいと思います。
まずはロゴを用意してください。
ロゴは複数のレイヤに分かれている場合は「修正」>「グループ」によりグループ化して1つのレイヤにまとめておいてください。後々の作業が楽になります。
ここではこのロゴをコピーして、ロゴを重複させておいてください。
次にコピーしたレイヤーを「修正」>「変形」>「縦反転」により180度ひっくり返し、移動ツールでベースロゴの下に移動させ下図のような形にします。
このままではロゴが反射しているようには見えませんので、透明度とマスクをかけます。
まず、反射部分のロゴのレイヤを選択してプロパティの透明度を40にします。
ブレンドモードは通常のままにしておいてください。
次にマスクをかけます。ロゴと反射ロゴ部が重なるように塗り潰し色「白」で矩形を設置します。
さらにこの矩形にプロパティから「フィルタ」>「ぼかし」>「ガウス」をかけます。
半径はぼかしの幅になります。あまり半径が小さいと反射の境目が突然切れるような感じになってしまいますので、
強いかなというくらい半径を大きめにした方がよいでしょう。ロゴと反射の境目がうっすら見えるくらいのかけかたが良いのではないでしょうか。
あとはガウスをかけた矩形のレイヤと反射ロゴのレイヤを選択したまま、「修正」>「マスク」>「マスクとしてグループ化」を行います。
白い矩形の部分だけが表示されるので反射したロゴのように出来上がります。
ガウス半径やマスクの位置等は状況に応じて調整をおこなってください。
ロゴは複数のレイヤに分かれている場合は「修正」>「グループ」によりグループ化して1つのレイヤにまとめておいてください。後々の作業が楽になります。
ここではこのロゴをコピーして、ロゴを重複させておいてください。
次にコピーしたレイヤーを「修正」>「変形」>「縦反転」により180度ひっくり返し、移動ツールでベースロゴの下に移動させ下図のような形にします。
このままではロゴが反射しているようには見えませんので、透明度とマスクをかけます。
まず、反射部分のロゴのレイヤを選択してプロパティの透明度を40にします。
ブレンドモードは通常のままにしておいてください。
次にマスクをかけます。ロゴと反射ロゴ部が重なるように塗り潰し色「白」で矩形を設置します。
さらにこの矩形にプロパティから「フィルタ」>「ぼかし」>「ガウス」をかけます。
半径はぼかしの幅になります。あまり半径が小さいと反射の境目が突然切れるような感じになってしまいますので、
強いかなというくらい半径を大きめにした方がよいでしょう。ロゴと反射の境目がうっすら見えるくらいのかけかたが良いのではないでしょうか。
あとはガウスをかけた矩形のレイヤと反射ロゴのレイヤを選択したまま、「修正」>「マスク」>「マスクとしてグループ化」を行います。
白い矩形の部分だけが表示されるので反射したロゴのように出来上がります。
ガウス半径やマスクの位置等は状況に応じて調整をおこなってください。
2008年 11月 4日ドキュメント作成
2008年 11月 20日ドキュメント更新