文字タイポグラフィを3ソフトで比べてみる2/3

最後に、Photoshopで作ったタイポグラフィをFireworksでも作って見ました。

Fireworks

1 PSと同様に600px×900px、解像度を300dpiの新規ファイルを作成します。 2 ツールパレットから文字を選択、フォント「CaviarDreams」を選び、ウエイトをBold、サイズ100、白色で記述します。記述した文字を選択ツールで選択しておき、メニューバーのウィンドウから整列パレットを表示、カンバスに相対的にしてから「水平方向中央揃え」と「垂直方向中央揃え」で中央に配置します。 3 文字の中にフレアを入れ込みます。FWにはフレアを自動作成する機能が無いので、素材から持ってくる形となります。今回は、http://thinkdesignblog.com/free-textures-15-high-res-lens-flare-textures.htmから「lens_flare_26 1」を使いました。大きい素材なので任意に縮小しておきます。さらに、この素材をそのまま使うと、青みがかった感じになるので、プロパティからフィルターを追加します。カラーを調整>トーンカーブを選び、チャンネルをレッド、出力を165に設定して赤みを強くしています。 フレア画像配置 フレア画像調整後 4 文字をレイヤーの一番上に、フレア素材をその下に移動して、両方を選択、メニューバーの変更>マスク>マスクとしてグループかでクリップします。※文字は他でも使いますので、クリップする前に2つほど複製しておきます。 文字でクリップした状態 5 文字に影としてドロップシャドウをかけます。複製しておいた文字にプロパティパネルからフィルターを追加、シャドウと光彩>ドロップシャドウ、距離7、不透明度65%、柔らかさ4、角度315、シャドウの色は黒にします。 6 文字に明るい部分表現します。FWにはエンボスがありますのでこれを使います。プロパティパネルからフィルターを追加、ベベルとエンボス>エンボス(隆起)、幅1、コントラスト100、柔らかさ1、角度135にします。 文字にドロップシャドウとエンボスをかけた状態 7 フレアの影響を背景に与えたような効果を付けます。AIでやったようにグラデーションで代用します。ツールパレットから長方形ツールを選択、カンバスサイズと同じ長方形を作ります。プロパティパネルから塗りの種類を円形、塗りの内容を右側が#332222、左端を#52413A、中央に一つ追加して#3E2D2B、位置や範囲は任意で調整しています。 背景に円形グラデーションで塗りつぶし 8 文字に光が差した影を作ります。複製しておいた文字をさらに4つに複製します。一つ目はそのまま、二つ目に対してメニューバーの変更>変形>数値を入力して変形を選択、拡大・縮小率を102%した後、2px下に移動します。三つ目も同様に103%拡大して4px下に移動、四つ目は104%拡大、7px下に移動です。 文字を4つ複製し適宜拡大した状態 9 4つの文字をレイヤーか選択ツールで全て選択し、オブジェクト上で右クリック、出たきたウインドウからグループを選んでグループ化します。グループ化した後、プロパティパネルからフィルターを追加、ぼかし>ぼかし(移動)を選択、角度90、距離10に設定します。 グループ化した文字にぼかしをかけた状態 9 レイヤーパネルの並び順を調整します。下から長方形、グループ:4オブジェクト、文字のレイヤー、フレアをクリップしたアウトライン化の文字に並び替えて全て表示すれば完成です。 完成図

Leave a Reply

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

CAPTCHA


*