「Photoshopで文字デザイン1~影、ドロップシャドー編~」の編集履歴(バックアップ)一覧に戻る

Photoshopで文字デザイン1~影、ドロップシャドー編~ - (2015/06/13 (土) 16:30:34) のソース

Photoshopでの文字デザインを数回にわたり執筆していきたいと思います。今日は第一回目として、文字に影を付けるという方法を行っていきたいと思います。細かいプロパティのところも解説できたらと思っております。6月13日記事~
こんな感じのもの
#image(width=400,017.png)

~
~
目次
#contents
~
~
----
~
*背景のキャンパス作成
~
今後、色々な文字等と作っていくことになるので、基礎事項であるキャンバスの塗りつぶし等は割愛したいと思います。そちらのほうもご覧になりたい方は、
[[Photoshopでキャンバスの作成と四角形で塗りつぶし]]を参照してください。
~
~
~
*文字記入方法
**新規レイヤー作成
レイヤーパレットの中から新規レイヤーを選択し、レイヤーを追加します。
#image(width=300,008.png)

**文字の設定をする
横書き文字ツールからフォント、サイズ、色を選択します。
#image(width=400,009.png)

**色をダイアログボックスから選択します。
ダイアログボックスから色を選択します。
#image(width=400,010.png)

**文字を記入していきます。
文字を記入します。
#image(width=400,011.png)
**文字を微調整します。
移動ツールから矢印を選択し、
#image(width=100,012.png)
移動していきます。
#image(width=400,013.png)
~
~
*影つけ
[レイヤー]→[レイヤースタイル]→[ドロップシャドウ]を選択します。
#image(width=400,014.png)
#image(width=400,015.png)
~
~
*影の詳細設定
#image(width=400,016.png)
影の付け方ですが、次の内容をみて、各自調節してください。

~
|構造|内容|h
|描画モード|乗算になるはずです。影の色を変更したい場合はとなりの色を選択してください。|
|不透明度|影の強さを選択します。|
|角度|影方向を選択します。通常は右下が多いですが、左上や右上にすることもできます。|
|距離|影の文字からの距離です。大きくなればなるほど、元の文字から離れていきます。|
|スプレッド|影の太さです。大きくなればなるほど、影が太くなっていきます。|
|サイズ|影の広がりです。大きくなればなるほど、光彩が外側にかかるようにひろい影がでてきます。|
~

|画質|内容|h
|輪郭|影のデザインを変更できます。|
|アンチエイリアス|影の端を綺麗にみせることができます。|
|ノイズ|影をザラザラにすることができます。|

~
~
できたでしょうか。私はこんな感じになりました。
#image(width=400,017.png)
~
*ドロップシャドーの使い道
精錬されたイメージになります。背景が単色の場合、使われることが多いです。