平凡かつフツーな日記
Home Tool Site Tutorial Diary Report Twitter Contact RSS
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

▶ --年--月--日 | スポンサー広告 | |

moji_TOP.png

久しぶりのチュートリアルです!

今回は、折り紙のように文字を折り返してみたいと思います。

ちなみに、こちらのサイトにあるPhotoshopのチュートリアルをFireworks(Fireworks CS4)を使ってやってみました^^

では続きへ。

☆作り方☆


Fireworksを起動し、キャンパスを適当に用意してください。(今回は、500px × 500px です。)

適当に文字を書いてください。今回は、「A」でやりたいと思います。

moji01.png

次に、「A」右クリック→「パスに変換」を押します。

moji02.png

パスにしたものを、「グループ解除」します。

moji03.png

次に、左のところから「多角形ツール」を選択します。

最初は、「長方形ツール」になっていると思うので、そこを長めにクリックすると、選択することができるようになります。

moji04.png

下のところで、辺数「3」にします。

moji05.png

そして、「A」の上で三角形を作ります。

このとき、三角形の色は、文字の色とかぶらない方がわかりやすいです。

moji06.png

「A」と「三角形」の両方を選択し、コピペします。

レイヤー的にはこんな感じ。

moji07.png

まず、上2つのレイヤーを選択し、「変更」→「パスの結合」→「切り抜き」を選びます。

moji08.png

すると、こんな感じに、「A」の「三角形」が重なっていた部分だけが切り取られます。

moji09.png

残った「A」と「三角形」を、両方選択し、次は「変更」→「パスの結合」→「型抜き」を選びます。

moji10.png

すると、こんな感じに。

moji11.png

次に、大きく残った方の「A」にグラデーションを付けます。種類は、「線形」です。

moji12.png

色の配分は以下の通りです。

moji13.png

次は、小さいほうの三角形を選び右クリック→「変形」→「垂直方向に反転」を選びます。

moji14.png

そして、対応する頂点を一つだけ決めて、その頂点を合わせます。

moji15.png

次に、「拡大・縮小ツール」を選びます。

moji16.png

そして、真ん中にある「◎」を、先ほど決めた頂点へ持っていきます。

moji17.png

そして、回転させると、先ほどの「◎」を中心に回転してくれます。

これで、ぴたりと合うようにうまく回転させます。

moji18.png

次に、小さい「A」にグラデーションを付けます。こちらも「線形」です。

moji19.png

色の配分は以下の通り。

moji20.png

下の画像のように、折り目が濃くなるように調整します。

moji21.png

この折り返し部分に「ドロップシャドウ」を付けてもいいです。

moji22.png

最後に二つを選択→コピペ→垂直方向に反転し、下へ移動。

moji23.png

透明度を調整すれば、完成!!!

moji24.png



チュートリアルで「PhotoshopのチュートリアルをFireworksでやってー」みたいなのがあれば、どんどんコメントにお書きください。

できる限り頑張ります。
▶ 2009年08月22日 | Tutorialトラックバック:0コメント:0

Comment
 この記事へのコメント


 コメントを投稿する

あなたのサイト:
コメント内容:    管理者にだけコメントの表示を許可する


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