「Photoshopで文字デザイン1~影、ドロップシャドー編~」の編集履歴(バックアップ)一覧はこちら
追加された行は緑色になります。
削除された行は赤色になります。
Photoshopでの文字デザインを数回にわたり執筆していきたいと思います。今日は第一回目として、文字に影を付けるという方法を行っていきたいと思います。細かいプロパティのところも解説できたらと思っております。6月13日記事~
こんな感じのもの
#image(width=400,017.png)
~
~
目次
#contents
~
~
----
~
*背景のキャンパス作成
*Photoshopを起動し、新規作成
[ファイル]→[新規]を選び、キャンバスの大きさを適当に決める
#image(width=400,001.png)
~
~
*描きたい図形を長方形ツールの中から選ぶ
#image(width=100,002.png)
~
~
*色を選択する
#image(width=400,003.png)
~
~
*図形を描く
図形を描いてきます。
#image(width=400,004.png)
描いた後がこちら
#image(width=400,005.png)
~
~
*さらに描いた図形の色を微調整する。
レイヤーパレットの中から、色の部分を選択する。
#image(width=300,006.png)
色を選びなおす。
#image(width=400,007.png)
~
~
*文字記入方法
**新規レイヤー作成
レイヤーパレットの中から新規レイヤーを選択し、レイヤーを追加します。
#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)
~
*ドロップシャドーの使い道
精錬されたイメージになります。背景が単色の場合、使われることが多いです。
Photoshopでの文字デザインを数回にわたり執筆していきたいと思います。今日は第一回目として、文字に影を付けるという方法を行っていきたいと思います。細かいプロパティのところも解説できたらと思っております。6月13日記事~
こんな感じのもの
#image(width=400,017.png)
~
~
目次
#contents
~
~
----
~
*背景のキャンパス作成
**Photoshopを起動し、新規作成
[ファイル]→[新規]を選び、キャンバスの大きさを適当に決める
#image(width=400,001.png)
~
~
**描きたい図形を長方形ツールの中から選ぶ
#image(width=100,002.png)
~
~
**色を選択する
#image(width=400,003.png)
~
~
**図形を描く
図形を描いてきます。
#image(width=400,004.png)
描いた後がこちら
#image(width=400,005.png)
~
~
**さらに描いた図形の色を微調整する。
レイヤーパレットの中から、色の部分を選択する。
#image(width=300,006.png)
色を選びなおす。
#image(width=400,007.png)
~
~
*文字記入方法
**新規レイヤー作成
レイヤーパレットの中から新規レイヤーを選択し、レイヤーを追加します。
#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)
~
*ドロップシャドーの使い道
精錬されたイメージになります。背景が単色の場合、使われることが多いです。