1 PS チュートリアルPhotoshop でテキストのエッジを輝かせる方法 Wed Mar 16, 2011 1:41 pm
Admin
Admin
このチュートリアルでは、テキストのエッジを輝かせる方法を紹介します。
Step1:煙をつくる
1300×780ピクセルの新規ドキュメントを作成します。
背景を黒く塗ったら新規レイヤーを作成して「テクスチャ」と名前をつけて、qbrushes.netやbrusheezy.comなどのサイトからグランジなブラシセットをダウンロードしてテクスチャを塗ります。
[You must be registered and logged in to see this image.]
塗った後に、テクスチャの上でCtrl+Tを押してマウスを右クリックしてから、「遠近法」を選択して、テクスチャの上側を狭くします。
[You must be registered and logged in to see this image.]
テクスチャに遠近がついたら、縮小します。
[You must be registered and logged in to see this image.]
大きなソフトブラシを使ってテクスチャの端を消して背景となじませます。
[You must be registered and logged in to see this image.]
テクスチャのレイヤーを複製したら、縮小、回転させて配置します。
[You must be registered and logged in to see this image.]
テクスチャをもう一度複製して、右側に配置します。
[You must be registered and logged in to see this image.]
Step2:テキストをつくる
テキストを入力します。
好みに合ったテキストを使います。
今回はここからダウンロードして使います。
テキストのレイヤーを設定します。
[You must be registered and logged in to see this image.]
ドロップシャドウ
[You must be registered and logged in to see this image.]
光彩(外側)
[You must be registered and logged in to see this image.]
ベベルとエンボス
[You must be registered and logged in to see this image.]
輪郭
[You must be registered and logged in to see this image.]
境界線
[You must be registered and logged in to see this image.]
次のようになります。
[You must be registered and logged in to see this image.]
Step3:テキストをぼやけさせる
テキストにレベルを変えた効果をつけます。
テキストレイヤーをさらに2つ複製したら、レイヤーの不透明度を調整します。
[You must be registered and logged in to see this image.]
それぞれのテキストレイヤーを少しずつ移動します。
[You must be registered and logged in to see this image.]
すると次のようになります。
[You must be registered and logged in to see this image.]
Step4:テキストの端に輝きを加える
テキストレイヤーの端に輝きを加えます。
(3つのテキストレイヤーの中の1つの)テキストレイヤーに選択範囲を読み込みます。
[You must be registered and logged in to see this image.]長方形選択ツールをクリックします。(あるいはMを押します)
[You must be registered and logged in to see this image.]
選択範囲内でマウスを右クリックしたら、「作業用パスを作成」を選択します。
[You must be registered and logged in to see this image.]
許容値を「2.0ピクセル」にします。
[You must be registered and logged in to see this image.]
テキストの周囲に作業用パスが作成されます。
[You must be registered and logged in to see this image.]ペンツールをクリックしたら、作業用パスの上でマウスを右クリックして、「パスの境界線を描く」を選択します。
[You must be registered and logged in to see this image.]
5ピクセルのハード円ブラシを選択します。
[You must be registered and logged in to see this image.]
「強さのシミュレート」を有効にします。
[You must be registered and logged in to see this image.]
パスの境界線を描きます。
すると次のようになります。
[You must be registered and logged in to see this image.]
Step5:煙に光をあてる
テキストの下に光を加えてテクスチャになじませます。
すべてのレイヤーの上に新規レイヤーを作成して「光」と名前をつけたら大きいソフトブラシを使って1度クリックします。
[You must be registered and logged in to see this image.]
光のレイヤーの縦側を圧縮してテキストの下に移動します。
[You must be registered and logged in to see this image.]
ワープツールで光の形を整え、テクスチャのカーブにフィットさせます。
[You must be registered and logged in to see this image.]
Step6:テキストに影を加える
テキストに影を加えます。
すべてのレイヤーの上に新規レイヤーを作成して「影」と名前をつけます。
テキストレイヤーのうちの一つに選択範囲を読み込み、選択範囲を黒く塗ります。
[You must be registered and logged in to see this image.]
Ctrl+Tを押して右クリックしてから、「垂直方向に反転」を選択します。
[You must be registered and logged in to see this image.]
影が立体的になります。
[You must be registered and logged in to see this image.]
「ぼかし(ガウス)」を設定します。
[You must be registered and logged in to see this image.]
影のレイヤーを移動してブレンドモードを「ソフトライト」に変更します。
[You must be registered and logged in to see this image.]
Step7:くねくねのラインをつくる
すべてのレイヤーの上に新規レイヤーを作成します。
「アブストラクトライン」と名前をつけたら、[You must be registered and logged in to see this image.]ペンツールを使って次のようにランダムにパスを描きます。
[You must be registered and logged in to see this image.]
調整する場合は、Ctrlを押しながらアンカーポイントをドラッグします。
[You must be registered and logged in to see this image.]
先ほどと同じ設定で(5ピクセルのハード円ブラシ、「強さのシミュレート」を有効に)パスの境界線を描きます。
[You must be registered and logged in to see this image.]
アブストラクトラインにレイヤーマスクを加えてテキストの背後の線を隠します。
(ヒント:マスクを手早く加えるには、一番上のテキストレイヤーの選択範囲を読み込み、レイヤーマスク上でマウスを左クリックしてから、「編集」-「消去」を選択します。)
[You must be registered and logged in to see this image.]
アブストラクトラインの一部を隠すレイヤーマスクがつきました。
[You must be registered and logged in to see this image.]
アブストラクトラインのレイヤーを何回か複製してもう少し効果をつけます。
(複製したレイヤーではレイヤーマスクを無効にして、深さを変更します)
[You must be registered and logged in to see this image.]
Step8:色の調整をする
完成に近づきました。
仕上げるには、レイヤーにもう少し調整を加えて色と光のコントラストを微調整します。
次のように設定しました。
カラーバランス
[You must be registered and logged in to see this image.]
カーブ
[You must be registered and logged in to see this image.]
Step9:完成
チュートリアルではここまでで完成ですが、
[You must be registered and logged in to see this image.]
雲と線を加えたもう一つのバージョンを作ってみました。
[You must be registered and logged in to see this image.]
クリックして拡大
これでOKです。
いろいろ使ってみてひらめきを見つけてください。
]
- Step1 : 煙をつくる
- Step2 : テキストをつくる
- Step3 : テキストをぼやけさせる
- Step4 : テキストの端に輝きを加える
- Step5 : 煙に光をあてる
- Step6 : テキストに影を加える
- Step7 : くねくねのラインをつくる
- Step8 : 色の調整をする
- Step9 : 完成
Step1:煙をつくる
1300×780ピクセルの新規ドキュメントを作成します。
背景を黒く塗ったら新規レイヤーを作成して「テクスチャ」と名前をつけて、qbrushes.netやbrusheezy.comなどのサイトからグランジなブラシセットをダウンロードしてテクスチャを塗ります。
[You must be registered and logged in to see this image.]
塗った後に、テクスチャの上でCtrl+Tを押してマウスを右クリックしてから、「遠近法」を選択して、テクスチャの上側を狭くします。
[You must be registered and logged in to see this image.]
テクスチャに遠近がついたら、縮小します。
[You must be registered and logged in to see this image.]
大きなソフトブラシを使ってテクスチャの端を消して背景となじませます。
[You must be registered and logged in to see this image.]
テクスチャのレイヤーを複製したら、縮小、回転させて配置します。
[You must be registered and logged in to see this image.]
テクスチャをもう一度複製して、右側に配置します。
[You must be registered and logged in to see this image.]
Step2:テキストをつくる
テキストを入力します。
好みに合ったテキストを使います。
今回はここからダウンロードして使います。
テキストのレイヤーを設定します。
[You must be registered and logged in to see this image.]
ドロップシャドウ
[You must be registered and logged in to see this image.]
光彩(外側)
[You must be registered and logged in to see this image.]
ベベルとエンボス
[You must be registered and logged in to see this image.]
輪郭
[You must be registered and logged in to see this image.]
境界線
[You must be registered and logged in to see this image.]
次のようになります。
[You must be registered and logged in to see this image.]
Step3:テキストをぼやけさせる
テキストにレベルを変えた効果をつけます。
テキストレイヤーをさらに2つ複製したら、レイヤーの不透明度を調整します。
[You must be registered and logged in to see this image.]
それぞれのテキストレイヤーを少しずつ移動します。
[You must be registered and logged in to see this image.]
すると次のようになります。
[You must be registered and logged in to see this image.]
Step4:テキストの端に輝きを加える
テキストレイヤーの端に輝きを加えます。
(3つのテキストレイヤーの中の1つの)テキストレイヤーに選択範囲を読み込みます。
[You must be registered and logged in to see this image.]長方形選択ツールをクリックします。(あるいはMを押します)
[You must be registered and logged in to see this image.]
選択範囲内でマウスを右クリックしたら、「作業用パスを作成」を選択します。
[You must be registered and logged in to see this image.]
許容値を「2.0ピクセル」にします。
[You must be registered and logged in to see this image.]
テキストの周囲に作業用パスが作成されます。
[You must be registered and logged in to see this image.]ペンツールをクリックしたら、作業用パスの上でマウスを右クリックして、「パスの境界線を描く」を選択します。
[You must be registered and logged in to see this image.]
5ピクセルのハード円ブラシを選択します。
[You must be registered and logged in to see this image.]
「強さのシミュレート」を有効にします。
[You must be registered and logged in to see this image.]
パスの境界線を描きます。
すると次のようになります。
[You must be registered and logged in to see this image.]
Step5:煙に光をあてる
テキストの下に光を加えてテクスチャになじませます。
すべてのレイヤーの上に新規レイヤーを作成して「光」と名前をつけたら大きいソフトブラシを使って1度クリックします。
[You must be registered and logged in to see this image.]
光のレイヤーの縦側を圧縮してテキストの下に移動します。
[You must be registered and logged in to see this image.]
ワープツールで光の形を整え、テクスチャのカーブにフィットさせます。
[You must be registered and logged in to see this image.]
Step6:テキストに影を加える
テキストに影を加えます。
すべてのレイヤーの上に新規レイヤーを作成して「影」と名前をつけます。
テキストレイヤーのうちの一つに選択範囲を読み込み、選択範囲を黒く塗ります。
[You must be registered and logged in to see this image.]
Ctrl+Tを押して右クリックしてから、「垂直方向に反転」を選択します。
[You must be registered and logged in to see this image.]
影が立体的になります。
[You must be registered and logged in to see this image.]
「ぼかし(ガウス)」を設定します。
[You must be registered and logged in to see this image.]
影のレイヤーを移動してブレンドモードを「ソフトライト」に変更します。
[You must be registered and logged in to see this image.]
Step7:くねくねのラインをつくる
すべてのレイヤーの上に新規レイヤーを作成します。
「アブストラクトライン」と名前をつけたら、[You must be registered and logged in to see this image.]ペンツールを使って次のようにランダムにパスを描きます。
[You must be registered and logged in to see this image.]
調整する場合は、Ctrlを押しながらアンカーポイントをドラッグします。
[You must be registered and logged in to see this image.]
先ほどと同じ設定で(5ピクセルのハード円ブラシ、「強さのシミュレート」を有効に)パスの境界線を描きます。
[You must be registered and logged in to see this image.]
アブストラクトラインにレイヤーマスクを加えてテキストの背後の線を隠します。
(ヒント:マスクを手早く加えるには、一番上のテキストレイヤーの選択範囲を読み込み、レイヤーマスク上でマウスを左クリックしてから、「編集」-「消去」を選択します。)
[You must be registered and logged in to see this image.]
アブストラクトラインの一部を隠すレイヤーマスクがつきました。
[You must be registered and logged in to see this image.]
アブストラクトラインのレイヤーを何回か複製してもう少し効果をつけます。
(複製したレイヤーではレイヤーマスクを無効にして、深さを変更します)
[You must be registered and logged in to see this image.]
Step8:色の調整をする
完成に近づきました。
仕上げるには、レイヤーにもう少し調整を加えて色と光のコントラストを微調整します。
次のように設定しました。
カラーバランス
[You must be registered and logged in to see this image.]
カーブ
[You must be registered and logged in to see this image.]
Step9:完成
チュートリアルではここまでで完成ですが、
[You must be registered and logged in to see this image.]
雲と線を加えたもう一つのバージョンを作ってみました。
[You must be registered and logged in to see this image.]
クリックして拡大
これでOKです。
いろいろ使ってみてひらめきを見つけてください。
]