Fireworks チュートリアル②　～3D文字～*平凡かつフツーな日記

この普通の文字が・・・

こんな感じに、3Dになり、反射しているようなものにするチュートリアルです。

まずは、「長方形ツール」を使って、背景を作って行きます。

キャンバスの大きさ（ここでは、650×120）にします。

次にプロパティの「べた塗り」のところを押し、「グラデーション」を押して、タイプを「線形」にします。

「線形」を選択すると、今回のように色が勝手に変わってしまうことがあります。

なので、グラデーションの横のカラーのところをクリックし、

両端の色（今回は、#999999）を同じにします。

さらに、上のやつを押して、一方（どちらでもいいですが）を透明度30％にします。

すると、長方形のところに、両端が■と●がある線が出てきたと思います。

●の方は、移動用、■の方は、角度・距離用となっていますので、

透明度30％の方を、右下になるように、対角線にあわせてください。

次は、文字を書きます。

「テキストツール」を押して、好きな文字を入力してください。

このときに、文字の色も決めましょう。

ただし、文字の色は、薄めの色の方が、完成時に見栄えが良くなります。

次は、「ゆがみツール」を選択します。

最初、「拡大・縮小ツール」などになっていることが多いです。

「ゆがみツール」を選択するには、「拡大・縮小ツール」を長くクリックすると、選択できるようになります。

これは、他のツール選択にも使えますので、覚えておいてください。

「ゆがみツール」を選択したら、まず角度を変更し、次に上の辺と下の辺の真ん中にある■を押しながら、

逆方向にスライドさせてください。（言葉じゃ説明しにくいな・・・）

図のような感じになれば、OKです。

次は、テキストの上で右クリックの「パスに変換」（SCK = 「Ctrl」 + 「Shift」 + 「P」）を押します。

変換してから、下のエッジの部分の色を「白」にし、太さを「3」にします。

先ほどパスに変換をしました。

これは、文字を一つ一つ選択できるようになるのですが、

パスに変換した直後は、「グループ」化されているので、右クリックの「グループ解除」（SCK = 「Ctrl」 + 「Shift」 + 「G」）を押して、

グループ化を解除してください。

解除すると、こんな感じになります。

このとき、別の場所をクリックしたりして、選択の状態を解除しないでください。

次に、文字を全て選択した状態で、下の「フィルタ」の横の「＋」を押し、

「シャドウと光彩」→「シャドウ（べた塗り）」を選んで、

角度：270
距離：30
カラー：白

にしてください。

すると、こんな感じ。

でも、今は順番がおかしいので、変な感じ。

これを直すために、少し面倒なことをしなくてはいけません。

まず、二つ目の文字（この場合は「i」）を選び、「Ctrl」を押しながら、「↓」のボタンを一回。

次に、三つ目の文字（この場合は「r」）を選び、「Ctrl」を押しながら、「↓」のボタンを二回。

次は、四つ目の文字（この場合は「e」）を選び、「Ctrl」を押しながら、「↓」のボタンを三回。

もう分かってきましたね。

このまま、最後の文字まで、同じことを繰り返してください。

全部やると、こんな感じ。

次は、この文字を全部選び（「Ctrl」 + 「A」を押し、全てを選択してから、背景のレイヤーを選択解除するといいです。）、

右下のフィルタの「シャドウと光彩」→「シャドウ（内側）」を選びます。

そして、図のように数値を入力します。（ここも、好みで変えていただいてかまいません。）

そして、再度グループ化。

グループ化したものを複製します（SCK = 「Ctrl」 + 「C」 → 「Ctrl」 + 「V」）。

複製したものの透明度を20％にします。

そして、「Ctrl」を押しながら、「↓」を一回押し、

これを、下の方（地面に反射する感じ）に移動させます。

もう一度、「Ctrl」 + 「V」を押し、複製。

それを「グループ解除」（SCK = 「Ctrl」 +「Shift」 +「G」）し、

フィルタのところ（シャドウ（べた塗り）とシャドウ（内側））を解除します。

（シャドウ（べた塗り）を選び、上の「-」を押すと、解除されます。）

解除したら、エッジを透明にし、カラーを黒にします。

すると、こんな感じ。

次に、「エッジをぼかす」を選択、「5」ぐらいに設定。

「Ctrl」 + 「↓」で一つ背面に持って行き、一番上のレイヤーの影になるようにします。

あとは、キャンバスの色を白色にして、完成！

▶ 2009年03月04日｜ Tutorial ｜トラックバック：0 ｜コメント：0

Comment

　この記事へのコメント

　コメントを投稿する

Trackback

この記事に対するトラックバック

ハンドルネーム：
メールアドレス：
あなたのサイト：