アクセシビリティ

ダイアログボックス

Fireworksを使用したレンズフレアの作成

Allan Musselman

アドビ システムズ社

http://weblogs.macromedia.com
/amusselman/*

レンズフレアを作成する方法はさまざまですが、Fireworks® 8のオートシェイプやライブフィルタを使用すると簡単に作成できます。 この記事では、2つの異なるぼかし効果を使用して、Fireworksで2つのレンズフレアエフェクトを作成する方法を説明します。

必要条件

この記事に従って作業を進めるには、次のソフトウェアが必要です。

Fireworks 8

この記事のために必要な予備知識

Fireworksの一般的な知識

星型のオートシェイプを使用してレンズフレアを作成

最初に示すレンズフレアは特に複雑なものではありませんが、これでレンズフレア作成スキルを磨くことができます。 この方法の最大のメリットは、1つのシンボルを修正するだけで、いつでもポイント数、サイズ、ライブフィルタまたはカラー値を更新できることです。

星型のオートシェイプを使用してレンズフレアを作成するには:

  1. Fireworksで新規ドキュメントを作成します。
  2. 幅と高さを両方ともに500pxに設定し、キャンバスカラーを#000000に設定します。
  3. ツールボックスの「ベクトル」セクションで、「Star Auto Shape」を選択し、キャンバス中央に形状を作成します。
  4. 形状を選択し、左下の黄色のノードをクリックして上方にドラッグし、形状に20ポイント作成します(図1を参照)。
星型

図1: 20ポイントある星型

  1. 上部中央ノードを探し、すべてのポイントをキャンバスのエッジに向かって伸ばします。
  2. 中央ノードをキャンバス中央に向かって引っ張り、星型の直径を小さくします(図2を参照)。
中央ノードを引っ張る

図2: 中央ノードを引っ張って、直径を小さくします。

  1. 形状を選択し、中央カラーが#FFFFFFの透明度にフェードするように、#FFFFFFの放射状のグラデーションを追加します。 塗りのカラーチップから「塗り」オプションを選択し、グラデーションタイプに「放射状」を選択します(図3を参照)。
  2. フレアのグラデーション塗りハンドルを調整し、フレアの先端が少し消えるようにします(図3を参照)。
グラデーション

図3: ホワイトから透明にフェードするグラデーションを作成します。

  1. フレアを選択し、F8キーを押してそれをグラフィックシンボルに変換し、そのシンボルに「Flare001」という名前を付けます。
  2. シンボルを選択し、コピー&ペーストでそれを複製します。
  3. 上部フレアを選択し、プロパティインスペクタでフィルタの「+」ボタンをクリックし、ライブフィルタを追加します。 ぼかし/ぼかし(ガウス)を選択し、ポインタを11.0にドラッグします。
  4. レイヤーパネルで、ビットマップにそれぞれ「Flare」および「Flare blurred」と名前を付けます。
  5. ぼかしのあるフレアが下部になるように2つのビットマップを交換します。
  6. レイヤーパネルオプションメニューから「レイヤーの複製」を選択し、レイヤー1上に両方のビットマップを複製します。
  7. 複製したフレアセットがオリジナルのフレアより60%小さくなるようにします。 両方のビットマップを選択し、Ctrl+Tキーを押して、サイズを変更します。
  8. ビットマップを選択したまま、大きなフレアのポイントの中央にポイントが表示されるようにフレアを回転します。
  9. 小さなフレアセットの透明度を40%にします。
2番目のフレアセット

図4: 2番目のフレアセットを回転し、サイズおよび透明度を変更します。

フレアポイント数を変更するには、ライブラリパネルでFlare001シンボルを開き、そこでフレアの形状を修正します。 「完了」をクリックすると、すべてのフレアに修正が適用されます。

ぼかし(ズーム)のライブフィルタを使用してレンズフレアを作成

ぼかし(ズーム)のライブフィルタを使用して、フレアを作成することもできます。

  1. Fireworksで新規ドキュメントを作成します。
  2. 「星型のオートシェイプを使用してレンズフレアを作成」の手順2から8を繰り返します。
 ぼかし(ズーム)のライブエフェクト

図5: ぼかし(ズーム)のライブエフェクトを追加します。

  1. プロパティインスペクタでフィルタの「+」ボタンをクリックし、ぼかし/ぼかし(ズーム)を選択してぼかし(ズーム)のライブフィルタを追加します。 Amount and Qualityプロパティを100に設定します。

注意: 品質を100%に設定してぼかし(ガウス)を適用した場合、フレアをキャンバス上で移動させたときにパフォーマンスが多少落ちることがあります。 これを防ぐには、プロパティインスペクタでぼかし効果をオフにするか、デザインプロセスの最後にぼかし効果を適用します。

次のステップ

Custom Star command*をダウンロードします。これによって基本的な星型を作成できます。 コマンドをインストールしたら、それをキャンバスのサイズの四角形オブジェクトに適用し、プロパティインスペクタでレベルプロパティを調整して星の外観を変更します。

Fireworksの詳細については、以下の記事を参照してください。

著者について

Allanが現在計画しているものはユカタン半島のマヤ遺跡発掘をFlash Media Serverでストリーミングすること。週末は、タホでのスノーボーディングや、カリフォルニアを巡るハイキング、サンフランシスコの散策を楽しむアウトドア派です。