Photoshopで文字を入れる方法
Photoshopで文字を入れる方法
# Photoshopで文字を入れる方法
ブラウザですぐ使える無料写真エディター
レイヤーとマスク、ブラシとレタッチ、テキスト、レベル補正とトーンカーブ、各種エフェクト。この記事で解説する内容は、インストールも登録も不要でその場ですぐ試せます。編集は無料。ダウンロード時にはウォーターマークが入り、わずかな料金でウォーターマークを外せます。
ブラウザで使える無料の写真編集
レイヤーとマスク、ブラシとレタッチ、テキスト、レベルとトーンカーブ、エフェクト。この記事の内容をそのままここで試せます。インストールも登録も不要。
編集は無料。ダウンロードは透かし入り、透かしを消すには $0.99。
Photoshopで文字を作る方法: ステップバイステップ・ガイド
Photoshopでの文字組みは、グラフィックデザインでもっとも重要な要素の一つで、鮮やかで印象的、そして独自性のある作品づくりを可能にします。文字は画像上のシンプルな一要素にもなりますし、縁取り、影、3D、ネオンの発光、さらには画像を文字の内側に取り込むといった数多くのエフェクトを使って、本格的なアート作品へと変えることもできます。この記事では、文字の追加や編集といった基本操作から、3D文字やテキストマスクといった高度なエフェクトまで、Photoshopで文字を扱う50の優れた手法と裏技を集めました。このガイドは、あなたを一歩ずつすべての工程へと導き、創作の新たな可能性を開く、本格的な教科書となるはずです。テキストエフェクトの達人になる準備はできましたか。それでは始めましょう。
写真へのウォーターマーク
写真の上にテキストまたはPNGロゴを重ねられます。透明度と位置を自由に調整できます。
- テキスト
- PNGロゴ
- ↘ 右下
- ↙ 左下
- ↗ 右上
- ↖ 左上
- ⊕ 中央
- ▦ 全面
Photoshopにおける文字とは
- テキストレイヤーの作成: 横書き文字ツール(Type Tool)を選んでキャンバス上に文字を入力し始めると、自動的に新しいテキストレイヤーが作成されます。このレイヤーは、画像内のほかの要素とは独立して編集・調整できます。
- フォントとサイズの編集: プロパティパネルから、フォント、サイズ、色、スタイル(太字、斜体など)を選べます。これらの設定により、プロジェクトの目的に合わせて文字をスタイリングできます。
- 文字のスタイリング: Photoshopには、単純な色変更から、縁取り、影、グラデーション、テクスチャ、さらには3Dエフェクトまで、文字をスタイリングする数多くのツールが用意されています。
- 拡大縮小と変形: 文字はベクター形式なので、画質を損なわずにサイズを変えたり、引き伸ばしたり、ゆがめたりできます。より複雑なエフェクトのために、円形や波形など変わった形を作れる変形ツールも使えます。
- 文字のラスタライズ: ラスターフィルターを適用したり、ほかのラスター要素と統合したりする必要がある場合は、文字をラスタライズできます。これは文字を通常の画像へと変換するもので、以後ベクターとしての編集はできなくなります。通常は作業の最終段階で行い、その前に保存しておくことをおすすめします。
1. Photoshopで文字を作る方法: ステップバイステップ・ガイド
- ステップ1: 横書き文字ツール(Type Tool)を選ぶ。文字を作る最初のステップは、テキストツールを選ぶことです。ツールパネルにあり、「T」の文字で示されています。アイコンをクリックするか、キーボードのTキーを押してこのツールを有効にします。
- キャンバスをクリック: そのままキャンバスをクリックするとカーソルが現れ、文字は一行で入力されます。短いキャプションや見出しに便利です。
- テキストブロックを描く: マウスを押してドラッグするとテキストフィールドが作られます。この方法は文字が枠内で自動的に折り返されるため、大きな段落を扱うのに便利です。
- ステップ3: 文字を入力する。テキストフィールドを作ったら、すぐにキーボードから文字を入力できます。Photoshopでは入力した文字は自動的に新しいテキストレイヤーに配置されるため、編集や移動が簡単に行えます。
- フォント: インストール済みのフォント一覧からフォントを選びます。
- サイズ: 文字のサイズを調整します。
- スタイル: 選んだフォントで利用できる場合、太字や斜体などのスタイルを適用します。
- ステップ5: 文字色を変える。プロパティパネルか文字(Character)パネルの色の四角をクリックすると文字色を選べます。カラーパレットが現れ、任意の色を選ぶか、具体的な色の値(RGB、HEX)を入力できます。
- ステップ6: 文字を揃える。フィールド内で文字を揃えるには、プロパティパネルの揃え方(左揃え、中央揃え、右揃え)を使います。大きなブロックを扱うときや、正確な整列が必要なデザイン用の文字を作るときに便利です。文書の書式設定と同じ要領です。
- ステップ7: 文字を移動する。文字を好きな場所へ動かすには、移動ツール(Move Tool)(キーボードのVキー)を選び、テキストレイヤーをキャンバス上の目的の場所へドラッグします。各要素は別々のレイヤーに作られるため、配置を簡単に変えられます。
- ステップ8: 変更を適用する。すべてを好みに設定したら、テンキーのEnterキーを押すか、キャンバスの別の部分をクリックして文字の編集を終えます。文字はこれで完成し、さらなるスタイリングやエフェクトの追加へ進めます。
- キャンバスをクリック: そのままキャンバスをクリックするとカーソルが現れ、文字は一行で入力されます。短いキャプションや見出しに便利です。
- テキストブロックを描く: マウスを押してドラッグするとテキストフィールドが作られます。この方法は大きな段落を扱うのに便利で、文字が枠内で自動的に折り返されます。
- フォント: インストール済みのフォント一覧からフォントを選びます。
- サイズ: 文字のサイズを調整します。
- スタイル: 選んだフォントで利用できる場合、太字や斜体などのスタイルを適用します。
- 将来テキストを編集できるよう、テキストレイヤーはPSDなどの形式で保存しておきましょう。
- さまざまなフォントとスタイルを試し、プロジェクトに合った独自の解決策を見つけましょう。
- 文字を拡大するときは引き伸ばしを使わず、フォント設定でサイズを変えるほうが良いです。
2. Photoshopで文字を編集する方法: 簡単な修正手順
- ステップ1: テキストレイヤーを選ぶ。編集を始める前に、目的のテキストレイヤーが選ばれていることを確認します。方法は2通りあります。
レイヤー(Layers)パネルで、レイヤーをクリックして選びます。 移動ツール(Move Tool)を使い、Ctrlキー(MacではCmd)を押しながらキャンバス上の文字をクリックして、目的のレイヤーをすばやく選びます。
- ステップ2: 横書き文字ツール(Type Tool)を有効にする。テキストレイヤーを選んだら、キーボードのTキーを押すかツールパネルで選んで文字ツールを有効にします。これで編集を始められます。
- ステップ3: 文字を編集する。これで文字の内容を直接変更できます。文字そのものかテキストフィールドの内側をダブルクリックしてカーソルを出し、文字の入力や削除を始めます。内容をすべて書き換えたり、新しい言葉を加えたり、誤りを直したりできます。
- ステップ4: フォントを変える。フォントを変えるには文字(Character)パネルへ移動するか、画面上部のプロパティパネルを使います。フォント(Font)の欄で新しいフォントを選びます。文字スタイル(太字、斜体)やフォントファミリーも変更できます。
- ステップ5: 文字サイズを設定する。文字サイズを変えるには、文字パネルまたはプロパティパネルのサイズ(Size)欄を使います。具体的な値を入力するか、一覧から選べます。これでプロジェクトに合う大きさに正確に調整できます。
- ステップ6: 文字色を変える。文字色を変えるには、プロパティパネルまたは文字パネルの現在の色の四角をクリックします。カラーパレットが開き、新しい色を選ぶか、正確な色の値(RGB、HEX)を入力できます。プロジェクトの特定のカラースキームに合わせたいときに便利です。
- ステップ7: 文字を揃える。文字の揃え方(左、中央、右)を変えたいときは、プロパティパネルのボタンを使います。特定の側や中央に揃えることが重要なブロックを扱うときに便利です。
- ステップ8: 文字の回転や移動。文字を移動するには移動ツール(Move Tool)を選び、レイヤーをキャンバス上の目的の場所へドラッグします。テキストレイヤーを回転するには、Ctrl+T(MacではCmd+T)で自由変形(Free Transform)を使います。枠の角をマウスでつかむと、任意の角度に文字を回転できます。
- ステップ9: 文字にエフェクトを適用する。文字を編集したあと、影、縁取り、グラデーション、3Dエフェクトなどを加えられます。そのためにはテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。現れたウィンドウでさまざまなスタイルやエフェクトを設定できます。
- ステップ10: 編集を終える。すべての変更を加えたら、テンキーのEnterキーを押すか、テキストフィールドの外をクリックして編集を終えます。文字が更新され、変更が適用されます。
- サイズや位置を正確に編集するには、文字パネルまたはショートカットキーを使いましょう。
- 複数のバージョンを作りたいときは、変更前にテキストレイヤーを複製しておくのが良いです。
3. Photoshopで文字を縁取りする方法: ステップ解説
- ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。
- キャンバスをクリックして文字を入力します。
- 文字(Character)パネルまたはプロパティパネルでフォント、サイズ、色を設定します。
- そのあと、レイヤー(Layers)パネルに新しいテキストレイヤーが現れます。
- レイヤーパネルでテキストレイヤーを見つけます。
- テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選ぶか、レイヤーをダブルクリックします。
- 現れたウィンドウで境界線(Stroke)の項目を選びます。
- サイズ(Size): 縁取りの太さを調整します。目的の値を入力するか、スライダーを動かして必要な太さに設定します。
- 位置(Position): 文字に対する縁取りの配置を決めます。
- 内側(Inside): 縁取りが文字の境界の内側に入ります。
- 外側(Outside): 縁取りが文字の外側に付きます。もっともよく使われます。
- 中央(Center): 縁取りが文字の内側と外側に半分ずつ入ります。
- 色(Color): 色の見本をクリックして縁取りの色を選びます。カラーパレットを使うか、正確な値(RGB、HEX)を入力できます。
- 塗りのタイプ(Fill Type): 初期設定は色(Color)ですが、より複雑な縁取りのためにグラデーション(Gradient)やパターン(Pattern)も選べます。
- ステップ4: 縁取りを適用する。好みに設定したらOKボタンを押します。縁取りが文字に適用され、結果がすぐにキャンバスに表示されます。
- ステップ5: 縁取りを編集する。あとで縁取りを変えたいときは、テキストレイヤーか、その横のレイヤーパネルにある「fx」アイコンをダブルクリックしてレイヤー効果のメニューに戻ります。ここで縁取りの太さ、色、位置を再度変更できます。
- ステップ6: 縁取りをほかのエフェクトと組み合わせる。縁取りは影、内側の光彩、グラデーションなどほかのエフェクトと組み合わせられます。これでより面白いビジュアルを作れます。そのためにはレイヤー効果で必要なスタイルを選び、プロジェクトに合わせて設定します。
- ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。
- キャンバスをクリックして文字を入力します。
- 文字(Character)パネルまたはプロパティパネルでフォント、サイズ、色を設定します。
- そのあと、レイヤー(Layers)パネルに新しいテキストレイヤーが現れます。
- レイヤーパネルでテキストレイヤーを見つけます。
- テキストレイヤーを右クリックしてレイヤー効果を選ぶか、レイヤーをダブルクリックします。
- 現れたウィンドウで境界線(Stroke)の項目を選びます。
- サイズ(Size): 縁取りの太さを調整します。目的の値を入力するか、スライダーを動かして必要な太さに設定します。
- 位置(Position): 文字に対する縁取りの配置を決めます。
- 内側(Inside): 縁取りが文字の境界の内側に入ります。
- 外側(Outside): 縁取りが文字の外側に付きます。もっともよく使われます。
- 中央(Center): 縁取りが文字の内側と外側に半分ずつ入ります。
- 色(Color): 色の見本をクリックして縁取りの色を選びます。カラーパレットを使うか、正確な値(RGB、HEX)を入力できます。
- 塗りのタイプ(Fill Type): 初期設定は色(Color)ですが、より複雑な縁取りのためにグラデーション(Gradient)やパターン(Pattern)も選べます。
- より印象的な縁取りにするには、文字と縁取りで対照的な色を使ってみましょう。
- もっと面白い効果を出したいなら、グラデーションやテクスチャの縁取りを試しましょう。
- 縁取りが目立ちすぎる場合は、レイヤー効果でその不透明度を下げられます。
4. Photoshopで円形に文字を配置する方法: 図形に沿わせる
- ステップ1: 文字用の図形やパスを作る。文字を円形に配置するには、まず円形のパスまたは図形を作る必要があります。次の手順で行います。
ツールパネルで楕円形ツール(Ellipse Tool)を選ぶか、キーボードのUキーを押します。 上部パネルでモードが「パス」(Paths)になっていることを確認します(塗りつぶした図形ではなくパスが必要なので重要です)。 Shiftキーを押しながら円を描き、形が正円になるようにします。正確な円を作りたいときは、Altキー(MacではOption)も同時に押しながら中心から描き始めます。 これで文字を配置できる円形のパスができました。
- ステップ2: パス上文字ツールを選ぶ。作ったパスに沿って文字を追加するには、次のツールを選びます。
ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 カーソルを円の縁に近づけると、カーソルが文字アイコンを横切る波線の形に変わります。これは文字をパスに沿って配置できる状態を意味します。
- ステップ3: 円形に文字を入力する。カーソルが波線の形になったら、円の縁をクリックして文字を入力し始めます。文字は輪郭に沿って円状に並んでいきます。
目的の文字を入力すると、自動的にパスに沿って配置されます。 いつも通り、文字(Character)パネルや画面上部のプロパティパネルでフォント、サイズ、色を設定します。
- ステップ4: 円上の文字位置を調整する。文字が目的の場所にない、または円の内側にある場合は、位置を調整できます。
パスコンポーネント選択ツール(Direct Selection Tool)へ切り替えます。Aキーを押すかツールパネルで選びます。 パス上の文字の始点をつかんでドラッグし、円上の文字の位置を変えます。 文字が円の内側に出てしまったら、Ctrl(MacではCmd)を押しながら外側へドラッグするだけです。
- ステップ5: 揃え方と間隔を変える。パスに対する文字の揃え方や、文字と輪郭の間隔も調整できます。文字(Character)パネルでベースラインシフト(Baseline Shift)の値を変えると、円に対して文字を上げ下げできます。
プロパティパネルの文字揃え(左、中央、右)を使って、文字の開始点を調整します。
- ステップ6: 文字をスタイリングする。円形文字は、影、縁取り、グラデーションなどのエフェクトでスタイリングできます。手順は次のとおりです。
テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 縁取り、影、内側の光彩などの必要なスタイルを加えて、文字をより印象的にします。
- ステップ7: 仕上げる。円形文字を設定したら、すべてのエフェクトと配置が意図どおりか確認します。円形が不要になったらパスを削除できます。
パス(Paths)パネルを開きます(ウィンドウ > パス)。 文字自体には影響を与えずにパスを削除します。
- 星形や複雑な図形など、別の形に沿って文字を回すには、ペンツール(Pen Tool)で変わったパスを描けます。
独自の構図を得るために、余白と揃えのさまざまな設定を試しましょう。
5. 文字で写真を表現する: 文字への画像の重ね方
- ステップ1: 新規ドキュメントを作る。まず新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。 例えば1920x1080ピクセルなど必要なキャンバスサイズを設定し、扱いやすいよう白の背景を選びます。
- ステップ2: 文字を追加する。次に、画像の土台となる文字を追加します。
ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして目的の文字を入力します。画像がより印象的に見えるよう、大きなフォント(例えばArial Blackなどの太字フォント)を使うのが良いです。 フォント、サイズ、色を設定します。色は画像で隠れるので何でも構いません。
- ステップ3: 画像を追加する。次に、文字に重ねる画像を追加します。
ファイル > 開く(File > Open)から、文字に重ねたい画像を選びます。自然、建築、テクスチャなど、どんな画像でも使えます。 画像をドキュメントへドラッグするか、Ctrl+C(MacではCmd+C)でコピーし、Ctrl+V(Cmd+V)で文字のあるドキュメントへ貼り付けます。
- ステップ4: 画像を文字の上に配置する。レイヤー(Layers)パネルで、画像のレイヤーがテキストレイヤーより上にあることを確認します。画像が大きすぎたり小さすぎたりする場合は、Ctrl+T(MacではCmd+T)で変形します。Shiftキーを押して比率を保ちながらサイズを変え、画像が文字を完全に覆うように配置します。
- ステップ5: クリッピングマスクを作る。ここが一番重要な工程です。クリッピングマスクを使って画像を文字に重ねます。
画像のレイヤーがレイヤーパネルで選ばれていることを確認します。 画像のレイヤーを右クリックしてクリッピングマスクを作成(Create Clipping Mask)を選びます。Alt+Ctrl+G(MacではOption+Cmd+G)でも実行できます。 クリッピングマスクを適用すると、画像は文字の内側だけに表示され、「文字で写真を表現する」効果ができます。
- ステップ6: 画像の位置を調整する。文字内での画像の位置や大きさが理想と合わない場合は、簡単に変えられます。
画像のレイヤーを選びます。 Ctrl+T(Cmd+T)で画像を自由変形します。サイズと位置を変えて、文字内の画像の見え方を調整します。
- ステップ7: 文字をスタイリングする。効果を強めるために文字へ追加のスタイルを加えられます。
テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 縁取り(Stroke)、影(Drop Shadow)、内側の光彩(Inner Glow)を加えて、文字に立体感と印象を与えます。
- ステップ8: 仕上げる。すべての要素を設定したら、画像と文字がうまく調和しているか確認します。背景を変えたり、ほかのグラフィック要素を加えたり、プロジェクトを保存して今後に使ったりできます。
- 文字を通してよく見えるよう、はっきりしたディテールとコントラストのある画像を選びましょう。
- 文字の内側で画像がよりよく表示されるよう、太字で大きな文字を使いましょう。
6. Photoshopで文字を追加する方法: 初心者向け手引き
- 既存の画像に文字を加えたい場合は、ファイル > 開く(File > Open)へ移動します。
- または新規ドキュメントを作る場合は、ファイル > 新規(File > New)を選び、必要なキャンバスサイズと設定を指定します。
- ステップ2: 横書き文字ツール(Type Tool)を選ぶ。文字を追加するには文字ツールを使います。
キーボードのTキーを押すか、ツールパネルで横書き文字ツール(Type Tool)を選びます。文字Tのアイコンです。 文字入力用の正しいツールが選ばれているか確認します。
- キャンバスをクリック: 一行の文字を入力したい場合は、キャンバスの目的の場所をクリックするだけです。カーソルが現れ、文字を入力できます。
- テキストブロックを描く: 段落を作りたい場合は、マウスを押してドラッグしてテキストフィールドを描きます。大量の文字を扱うのに便利です。
- ステップ4: 文字を入力する。テキストフィールドを作ったら、キーボードから文字を入力し始めます。見出し、段落、ロゴなど、何でも書けます。
- フォント(Font): 利用可能なフォントの一覧から選びます。Photoshopには多数の内蔵フォントがあり、外部フォントの読み込みと使用もできます。
- サイズ(Size): 数値を手入力するか、候補の一覧から選んで文字サイズを変えます。
- 文字スタイル: 選んだフォントが対応していれば、太字(Bold)、斜体(Italic)、下線(Underline)などのスタイルを選びます。
- プロパティパネルで、色(Color)オプションの隣にある色の四角をクリックします。
- 現れたパレットで目的の色を選ぶか、正確な値(RGBまたはHEX)を入力します。
- OKを押して文字に色を適用します。
- ステップ7: 文字を揃える。Photoshopでは文字を中央、左、右に揃えられます。
プロパティパネルの揃えボタンを使い、必要に応じて文字を揃えます。 大きなテキストブロックや段落を扱うときに特に便利です。 ステップ8: 文字を移動する。文字を追加したら、キャンバス上で動かせます。
Vキーを押して移動ツール(Move Tool)を選びます。 テキストレイヤーをキャンバス上の目的の場所へドラッグします。
- ステップ9: 変更を適用する。文字の編集を終えたら、テンキーのEnterキーを押すか、テキストフィールドの外をクリックして変更を確定します。文字はこれで次の作業に進める状態になります。
- レイヤー(Layers)パネルでテキストレイヤーをダブルクリックするか、文字ツールを選んでキャンバス上の文字をクリックします。
- これでフォント、サイズ、色、文字の内容を再び編集できます。
- 既存の画像に文字を加えたい場合は、ファイル > 開く(File > Open)へ移動します。
- または新規ドキュメントを作る場合は、ファイル > 新規(File > New)を選び、必要なキャンバスサイズと設定を指定します。
- キャンバスをクリック: 一行の文字を入力したい場合は、目的の場所をクリックするだけです。カーソルが現れ、文字を入力できます。
- テキストブロックを描く: 段落を作りたい場合は、マウスを押してドラッグしてテキストフィールドを描きます。大量の文字を扱うのに便利です。
- フォント(Font): 利用可能なフォントの一覧から選びます。Photoshopには多数の内蔵フォントがあり、外部フォントの読み込みと使用もできます。
- サイズ(Size): 数値を手入力するか、候補の一覧から選んで文字サイズを変えます。
- 文字スタイル: 選んだフォントが対応していれば、太字(Bold)、斜体(Italic)、下線(Underline)などのスタイルを選びます。
- プロパティパネルで、色(Color)オプションの隣にある色の四角をクリックします。
- 現れたパレットで目的の色を選ぶか、正確な値(RGBまたはHEX)を入力します。
- OKを押して文字に色を適用します。
- レイヤー(Layers)パネルでテキストレイヤーをダブルクリックするか、文字ツールを選んでキャンバス上の文字をクリックします。
- これでフォント、サイズ、色、文字の内容を再び編集できます。
- より印象的なデザインには、文字を影、縁取り、内側の光彩などさまざまなエフェクトと組み合わせられます。
- 長い文章を扱うときは、書式設定を簡単にするためテキストブロックを使いましょう。
7. Photoshopで3D文字を作る方法: 立体的な文字の作成
- ステップ1: 新規ドキュメントを作る。新規ドキュメントの作成から始めます。
ファイル > 新規(File > New)へ移動し、例えば1920x1080ピクセルなどのキャンバスサイズを選びます。 Web用なら解像度を72dpi、印刷用なら300dpiに設定します。
- ステップ2: 文字を追加する。3Dにする文字を追加します。
キーボードのTキーを押して横書き文字ツール(Type Tool)を選びます。 キャンバスをクリックして文字を入力します。視覚効果を高めるため、Arial BlackやImpactなど太字フォントを使うのが良いです。 キャンバス上でかなりの面積を占めるよう、文字サイズを設定します。
- ステップ3: 文字を3Dに変換する。文字を3Dオブジェクトにするには、Photoshopの内蔵機能を使います。
テキストレイヤーがレイヤー(Layers)パネルで選ばれていることを確認します。 3D > 選択したレイヤーから新規3D押し出しを作成(3D > New 3D Extrusion from Selected Layer)へ移動します。 これで文字は自動的に3Dオブジェクトへ変換され、3Dシーンを操作するツールパネルが画面に現れます。
- ステップ4: 押し出し(奥行き)を設定する。文字を立体的にするには押し出しを設定します。
プロパティ(Properties)パネルへ移動します。 押し出しの深さ(Extrusion Depth)の項目で、文字に望む奥行きを設定します。例えば中くらいの見出しなら100から200の値が使えます。
- ステップ5: ライティングを設定する。3D文字の鍵となる要素の一つが正しいライティングです。
3Dパネルでライト(Lights)タブを選びます。 平行光源(Infinite Light)を選び、キャンバス上の矢印をドラッグして照明の角度を調整します。ライティングはリアルな影とハイライトを作り、文字に立体感を与えます。
- ステップ6: マテリアルを設定する。3D文字には視覚効果を高めるマテリアルを追加できます。
3Dパネルでテキストオブジェクトを選び、マテリアル(Materials)の項目へ移動します。 テクスチャ、反射などの性質を設定できます。単純な3D効果なら、光沢(Shine)と反射(Reflection)を調整して文字に滑らかさを加えるだけで十分です。
- ステップ7: パースを変える。リアルな効果のために文字のパースを変えられます。
上部ツールパネルの3Dオブジェクト移動ツール(3D Object Move Tool)へ移動します。 回転、移動、拡大縮小のツールで文字の角度と位置を調整します。これにより、文字が特定の角度にある、あるいは別の視点から見えるような印象を作れます。
- ステップ8: 3D文字をレンダリングする。すべての設定を終えたら、シーンをレンダリングできます。
プロパティパネルでレンダリング(Render)ボタンを探します。 それを押すと、Photoshopが最終画像のために光、影、反射の計算を始めます。 シーンの複雑さやPCの性能によっては、レンダリングに時間がかかることがある点に注意してください。
- ステップ9: 文字をスタイリングする。レンダリングが終わったら、文字に追加のスタイルを加えられます。
3Dレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 影、縁取りなどのスタイルを加えて視覚効果を高めます。
- ステップ10: 仕上げる。文字が完成したら、目的の形式で画像を保存できます。ファイル > 別名で保存(File > Save As)へ移動し、背景なしで保存したいならJPEGやPNGなどの形式を選びます。
- 最良の3D押し出し効果のために、太くはっきりした線の文字を使いましょう。
- もっともリアルな影とハイライトを得るために、ライティングを試しましょう。
- まとまりのあるデザインのために、背景やほかの3Dシーン要素を加えましょう。
8. Photoshopの文字の影: リアルな影の付け方
- ステップ1: 新規ドキュメントを作るか既存を開く。影を加える前に、作業するドキュメントを開くか作ります。
ファイル > 新規(File > New)へ移動しキャンバスサイズを選びます。 影付き文字を加えたい画像がすでにある場合は、ファイル > 開く(File > Open)から開きます。
- ステップ2: 文字を追加する。ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。
キャンバスをクリックして文字を入力します。見出し、ロゴ、その他どんな文字でも構いません。 文字(Character)パネルまたはプロパティパネルでフォント、サイズ、色を設定します。
- ステップ3: レイヤー効果を開く。文字に影を加えるには、レイヤーのレイヤー効果を使います。
レイヤー(Layers)パネルで、スタイリングしたいテキストレイヤーを見つけます。 レイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。
- ステップ4: 影を加える。レイヤー効果のウィンドウが開いたら次を行います。
ウィンドウ左側で影(Drop Shadow)の項目を選び、チェックを入れます。 これでウィンドウの右側に影の設定が表示されます。
- 不透明度(Opacity): 影の透明度を調整します。値が高いほど(例えば75〜100%)、影は濃くはっきりします。
- 角度(Angle): 光が当たる方向、つまりどちら側に影ができるかを決めます。ホイールを使うか、具体的な角度を手入力できます。例えば120度は、右下に落ちる典型的な影を作ります。
- 距離(Distance): 影を文字からどれだけ離すかを制御します。値が大きいほど影はオブジェクトから遠ざかります。
- スプレッド(Spread): 影の広がりの度合いを調整します。影の濃さを増減させるパラメーターです。
- サイズ(Size): 影のぼかしの度合いを決めます。小さい値ははっきりした影を、大きい値は光源の柔らかさを模したぼやけて自然な影を作ります。
- ノイズ(Noise): 影にテクスチャを加え、なめらかさを抑えます。スタイリングのためにムラのある影を作りたいときに便利です。
- ステップ6: 変更を適用する。影を必要に応じて設定したら次を行います。
OKボタンを押して変更を適用します。 これで影が文字に表示され、文字がより立体的に見えます。
- ステップ7: 影を微調整する(必要な場合)。影を加えたあと変更が必要なときは次を行います。
レイヤーパネルでテキストレイヤーの右にある「fx」アイコンをダブルクリックします。レイヤー効果のウィンドウが開き、影の設定を変えられます。
- ステップ8: 追加のエフェクトを適用する。より複雑な結果を得るために、影をほかのエフェクトと組み合わせられます。
同じレイヤー効果で内側の光彩(Inner Glow)や縁取り(Stroke)を加えて、より印象的な文字を作ってみましょう。 影の角度とサイズを試して、さまざまな立体感を作りましょう。
- 不透明度(Opacity): 影の透明度を調整します。値が高いほど(例えば75〜100%)、影は濃くはっきりします。
- 角度(Angle): 光が当たる方向、つまりどちら側に影ができるかを決めます。ホイールを使うか、具体的な角度を手入力できます。例えば120度は、右下に落ちる典型的な影を作ります。
- 距離(Distance): 影を文字からどれだけ離すかを制御します。値が大きいほど影はオブジェクトから遠ざかります。
- スプレッド(Spread): 影の広がりの度合いを調整します。影の濃さを増減させるパラメーターです。
- サイズ(Size): 影のぼかしの度合いを決めます。小さい値ははっきりした影を、大きい値はぼやけて自然な影を作ります。
- ノイズ(Noise): 影にテクスチャを加え、なめらかさを抑えます。ムラのある影を作りたいときに便利です。
- リアルで柔らかい影を作るには、距離とサイズに小さめの値を使いましょう。
- 文字の背景が暗い場合、影は明るく(例えば薄いグレー)にすべきです。明るい背景では暗い影を使いましょう。
- 影が画像の背景に自然になじむよう、光の角度を試しましょう。
9. Photoshopの文字グラデーション: なめらかな色の移り変わりの作り方
- ステップ1: 新規ドキュメントを作るか既存を開く。Photoshopを起動し、既存の画像を開くか、ファイル > 新規(File > New)を選んで新規ドキュメントを作ります。
文字を扱うために、例えば1920x1080ピクセルなど必要なキャンバスサイズを設定します。
- ステップ2: 文字を追加する。ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。
キャンバスをクリックして文字を入力します。グラデーション効果を高めるには、色の移り変わりが目立つよう太字フォント(例えばArial Black、Impact)を選ぶのが良いです。 文字(Character)パネルまたはプロパティパネルでフォントとサイズを設定します。
- ステップ3: 文字をシェイプレイヤーに変換する。文字にグラデーションを適用するには、文字をシェイプに変える必要があります。
テキストレイヤーがレイヤー(Layers)パネルで選ばれていることを確認します。 テキストレイヤーを右クリックしてシェイプに変換(Convert to Shape)を選びます。これで文字のシャープさを保ちながら、図形としてグラデーションを扱えます。
- ステップ4: グラデーションパネルを開く。これでグラデーションを適用できます。
ツールパネルで塗りつぶしツール(Paint Bucket Tool)を選ぶか、Gを押し、グラデーションツール(Gradient Tool)へ切り替えます。 上部にグラデーションのパネルが現れます。グラデーションの見本をクリックしてグラデーションエディターを開きます。
- ステップ5: グラデーションを選ぶか作る。グラデーションエディターでは既製のグラデーションを選ぶか、自分で作れます。
エディターで既製のグラデーションの一つを選ぶか、色の分岐点をクリックしてなめらかな移り変わり用の色を設定し、独自のグラデーションを作ります。 移り変わりに2色以上を指定でき、各段階の透明度も設定できます。
- ステップ6: 文字にグラデーションを適用する。文字にグラデーションを適用します。
レイヤー(Layers)パネルで(いまはシェイプになっている)テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 開いたウィンドウでグラデーションオーバーレイ(Gradient Overlay)の項目を選びます。これで文字にグラデーションが適用されます。 グラデーションオーバーレイの設定では次ができます。 一覧からグラデーションを選ぶ(または先ほど作ったもの)。 グラデーションの角度を変えて、色の移り変わりの方向(水平、垂直、斜めなど)を設定する。 拡大縮小(Scale)を設定して、色の移り変わりの強さを増減する。
- ステップ7: グラデーションのパラメーターを設定する。スタイル(Style): グラデーションのスタイルを選びます。直線的な移り変わりなら線形(Linear)、円状の効果なら円形(Radial)です。
角度(Angle): グラデーションの角度を設定して色の移り変わりの方向を変えます。 拡大縮小(Scale): グラデーションの拡大率を変えて、移り変わりをよりなめらかに、または急にします。 ステップ8: 変更を適用する。 グラデーションとそのパラメーターを設定したら次を行います。
OKを押して変更を適用します。 これで文字は選んだ色の間でなめらかなグラデーションを描いて表示されます。
- ステップ9: さらに文字をスタイリングする(必要な場合)。グラデーションを加えたあと、追加の文字スタイルを加えられます。
同じレイヤー効果(Blending Options)のメニューで、縁取り(Stroke)、影(Drop Shadow)、内側の光彩(Inner Glow)などのエフェクトを加えて視覚効果を高められます。
- ステップ10: 仕上げる。これで作業を保存できます。ファイル > 別名で保存(File > Save As)へ移動し、目的の形式(例えばJPEG、PNG、あるいは今後の編集用のPSD)を選びます。
- 鮮やかで印象的な効果を作るには、グラデーションに対照的な色を使いましょう。
- 独自の移り変わりを作るために、グラデーションの角度とスタイルを試しましょう。
10. Photoshopで文字色を変える方法: いくつかの手法
- 手法1: プロパティパネルで色を変える。これは文字色を変えるもっとも簡単で速い方法です。
- テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、色を変えたいテキストレイヤーを選びます。
- 文字ツールを有効にする: キーボードのTを押すか、ツールパネルで横書き文字ツール(Type Tool)を選びます。
- 文字を選択する: 変えたい文字をダブルクリックして選択します。
- プロパティパネルで色を変える: 上部ツールパネルで、色(Color)オプションの隣の色の四角をクリックします。カラーパレットが開きます。
- 目的の色を選ぶ: パレットから目的の色を選ぶか、HEXまたはRGB形式で正確な色の値を入力します。
- 変更を適用する: OKを押すと文字色が変わります。
- 手法2: レイヤー効果(Blending Options)を使う。より複雑な色効果を適用したい場合は、レイヤーのレイヤー効果を使えます。
- レイヤー効果を開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。
- カラーオーバーレイ(Color Overlay)の項目を選ぶ: 開いたウィンドウでカラーオーバーレイ(Color Overlay)にチェックを入れます。
- 色を設定する: ウィンドウ右側にカラーオーバーレイの設定が開きます。色の四角をクリックしてパレットを開き、目的の色を選びます。
- 透明度: 不透明度(Opacity)の値を変えて、重ねる色の透明度を調整できます。
- 変更を適用する: OKを押すと、選んだ色が文字全体に重なります。
- この手法は、色の変更と同時に影、縁取り、グラデーションなど追加のスタイルを適用したいときに便利です。
- 手法3: グラデーションで色を変える。より複雑な配色には、文字にグラデーションを適用できます。
- レイヤー効果を開く: 前の手法と同様にテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。
- グラデーションオーバーレイ(Gradient Overlay)の項目を選ぶ: この項目の隣にチェックを入れます。
- グラデーションを設定する: ウィンドウ右側で既製のグラデーションを選ぶか、色と移り変わりの角度を設定して自作します。グラデーションでは2色以上の間でなめらかな移り変わりを使えます。
- 変更を適用する: OKを押すとグラデーションが文字に適用されます。
- グラデーションオーバーレイは多色の移り変わりを作り、文字により創造的な見た目を与えます。
- 手法4: 調整レイヤーを使って色を変える。将来にわたって文字色の編集の柔軟性を保ちたい場合に便利です。
- 調整レイヤーを作る: レイヤー > 新規調整レイヤー > 色相・彩度(Layers > New Adjustment Layer > Hue/Saturation)へ移動します。
- 調整レイヤーを設定する: 開いたウィンドウで色相(Hue)、彩度(Saturation)、明度(Lightness)のスライダーを設定して文字色を変えます。
- 文字への適用: 調整レイヤーは画像全体に適用されますが、文字だけに効かせるには、Altキー(MacではOption)を押しながら調整レイヤーとテキストレイヤーの境界をクリックします。これでクリッピングマスクが作られ、調整レイヤーは文字だけに作用します。
- この手法は、テキストレイヤーそのものを変えずに、いつでも文字色を変えられる点が優れています。
- 手法5: クリッピングマスクを使って色を変える。クリッピングマスクを使うと、画像や別のレイヤーを使って文字に色を重ねられます。
- 新しいカラーレイヤーを作る: 目的の色で塗りつぶした新しいレイヤーを作るか、文字に重ねたい画像を追加します。
- レイヤーを文字の上に配置する: レイヤー(Layers)パネルで新しいレイヤーをテキストレイヤーの上に配置します。
- クリッピングマスクを作る: カラーレイヤーを右クリックしてクリッピングマスクを作成(Create Clipping Mask)を選びます。
- これで上のレイヤーの色や画像は文字の内側だけに表示されます。
- テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、色を変えたいテキストレイヤーを選びます。
- 文字ツールを有効にする: キーボードのTを押すか、ツールパネルで横書き文字ツール(Type Tool)を選びます。
- 文字を選択する: 変えたい文字をダブルクリックして選択します。
- プロパティパネルで色を変える: 上部ツールパネルで、色(Color)オプションの隣の色の四角をクリックします。カラーパレットが開きます。
- 目的の色を選ぶ: パレットから目的の色を選ぶか、HEXまたはRGB形式で正確な色の値を入力します。
- 変更を適用する: OKを押すと文字色が変わります。
- レイヤー効果を開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。
- カラーオーバーレイ(Color Overlay)の項目を選ぶ: 開いたウィンドウでカラーオーバーレイにチェックを入れます。
- 色を設定する: ウィンドウ右側にカラーオーバーレイの設定が開きます。色の四角をクリックしてパレットを開き、目的の色を選びます。
- 透明度: 不透明度(Opacity)の値を変えて、重ねる色の透明度を調整できます。
- 変更を適用する: OKを押すと、選んだ色が文字全体に重なります。
- この手法は、色の変更と同時に影、縁取り、グラデーションなどを適用したいときに便利です。
- レイヤー効果を開く: 前の手法と同様にテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。
- グラデーションオーバーレイ(Gradient Overlay)の項目を選ぶ: この項目の隣にチェックを入れます。
- グラデーションを設定する: ウィンドウ右側で既製のグラデーションを選ぶか、色と角度を設定して自作します。グラデーションは2色以上の間のなめらかな移り変わりを使えます。
- 変更を適用する: OKを押すとグラデーションが文字に適用されます。
- グラデーションオーバーレイは多色の移り変わりを作り、文字により創造的な見た目を与えます。
- 調整レイヤーを作る: レイヤー > 新規調整レイヤー > 色相・彩度(Layers > New Adjustment Layer > Hue/Saturation)へ移動します。
- 調整レイヤーを設定する: 開いたウィンドウで色相(Hue)、彩度(Saturation)、明度(Lightness)のスライダーを設定して文字色を変えます。
- 文字への適用: Altキー(MacではOption)を押しながら調整レイヤーとテキストレイヤーの境界をクリックします。これでクリッピングマスクが作られ、調整レイヤーは文字だけに作用します。
- この手法は、テキストレイヤーそのものを変えずに、いつでも文字色を変えられる点が優れています。
- 新しいカラーレイヤーを作る: 目的の色で塗りつぶした新しいレイヤーを作るか、文字に重ねたい画像を追加します。
- レイヤーを文字の上に配置する: レイヤー(Layers)パネルで新しいレイヤーをテキストレイヤーの上に配置します。
- クリッピングマスクを作る: カラーレイヤーを右クリックしてクリッピングマスクを作成(Create Clipping Mask)を選びます。
- これで上のレイヤーの色や画像は文字の内側だけに表示されます。
- コントラスト: 文字と背景のコントラストに常に気を配りましょう。コントラストが高いほど文字は読みやすくなります。
- グラデーションの実験: さまざまなグラデーションを使い、より複雑な色効果を作ってみましょう。
- クリッピングマスクの活用: 単なる色ではなくテクスチャや写真を文字色として使いたいなら、文字と画像を融合させる優れた方法です。
11. Photoshopで文字を揃える方法: 整列のコツ
- 手法1: プロパティパネルで文字を揃える。Photoshopで文字を揃えるもっとも簡単な方法です。プロパティパネルの設定を使い、文字を左、右、中央に簡単に揃えられます。
- テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、揃えたいテキストレイヤーを選びます。
- 文字ツールを開く: キーボードのTを押すか、ツールパネルで横書き文字ツール(Type Tool)を選びます。
- 文字を揃える: 上部プロパティパネルに、左揃え(Align Left)、中央揃え(Align Center)、右揃え(Align Right)のボタンがあります。
- 揃えを適用する: 目的のボタンを押すと、選んだ設定に従って文字が揃います。
- この手法は、テキストブロック内での基本的な文字揃えに向いています。
- 手法2: 画像に対して文字を揃える。ときには画像全体やキャンバス上の特定のオブジェクトに対して文字を揃える必要があります。Photoshopにはそのためのツールがいくつかあります。
- 移動ツールを選ぶ: キーボードのVを押すか、ツールパネルで移動ツール(Move Tool)を選びます。
- テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、揃えたいテキストレイヤーを選びます。
- 整列ツールを使う: 移動ツールが選ばれていると、上部プロパティパネルに整列ツールが現れます。ここで次を選べます。
- 左端に揃える: 文字をドキュメントの左端に揃えます。
- 中央に揃える: 文字をドキュメントの中央に揃えます。
- 右端に揃える: 文字をドキュメントの右端に揃えます。
- 上端または下端に揃える: 文字をドキュメントに対して垂直方向に揃えます。
- 揃えを適用する: 目的のボタンを押して揃えを適用します。
- この手法は、文字をキャンバスの中央や画像の端に対して正確に配置したいときに便利です。
- 手法3: ガイドとグリッドを使って文字を揃える。文字をより正確に揃えたり、ほかのデザイン要素に対する位置を調整したりするには、ガイドとグリッドを使えます。
ガイドとグリッドを表示する: 表示 > 新規ガイド(View > New Guides)へ移動してガイドを追加します。表示 > 表示 > グリッド(View > Show > Grid)でグリッドも表示できます。 ガイドに沿って文字を動かす: 移動ツール(Move Tool)で文字を動かし、より正確な揃えのためにガイドやグリッドに合わせます。 ガイドにスナップする: 表示 > スナップ(View > Snap)でガイドへのスナップを有効にすると、移動時に文字がガイドやグリッドに自動的に吸着します。 この手法は、ほかのオブジェクトに対して文字を正確に配置した厳密なレイアウトを作るのに便利です。
- 手法4: 別のオブジェクトに対して文字を揃える。Photoshopで別のオブジェクトやレイヤーに対して文字を揃えたい場合は、次の手順を使えます。
両方のオブジェクトを選ぶ: Ctrlキー(MacではCmd)を押しながら、テキストレイヤーと、それを揃える基準となるオブジェクトのレイヤーを選びます。 移動ツールを選ぶ: Vを押すか移動ツール(Move Tool)を選びます。 整列ボタンを使う: 上部に、選んだオブジェクトを垂直または水平に揃えるボタンが現れます。 上端を揃える(Align Top Edges)。 下端を揃える(Align Bottom Edges)。 垂直方向中央を揃える(Align Vertical Centers)。 水平方向中央を揃える(Align Horizontal Centers)。 この方法で、デザイン内の別のオブジェクトに対して文字を正確に揃えられます。
- 手法5: テキストブロック内で文字を揃える。大きな段落を扱う場合、テキストブロック内での揃えが重要になります。Photoshopではそうしたテキストブロックの揃えを設定できます。
テキストブロックを選ぶ: 文字ツールでテキストブロックを選択します。 プロパティパネルまたは段落(Paragraph)パネルを使う: 段落(Paragraph)パネルには、段落を左、中央、右、両端(複数行テキストに特に便利)に揃える設定があります。 変更を適用する: 目的の揃えを選ぶと、ブロック内の文字がその設定に従って揃います。
- テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、揃えたいテキストレイヤーを選びます。
- 文字ツールを開く: キーボードのTを押すか、ツールパネルで横書き文字ツール(Type Tool)を選びます。
- 文字を揃える: 上部プロパティパネルに、左揃え、中央揃え、右揃えのボタンがあります。
- 揃えを適用する: 目的のボタンを押すと、選んだ設定に従って文字が揃います。
- この手法は、テキストブロック内での基本的な文字揃えに向いています。
- 移動ツールを選ぶ: キーボードのVを押すか、ツールパネルで移動ツール(Move Tool)を選びます。
- テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、揃えたいテキストレイヤーを選びます。
- 整列ツールを使う: 移動ツールが選ばれていると、上部プロパティパネルに整列ツールが現れます。ここで次を選べます。
- 左端に揃える: 文字をドキュメントの左端に揃えます。
- 中央に揃える: 文字をドキュメントの中央に揃えます。
- 右端に揃える: 文字をドキュメントの右端に揃えます。
- 上端または下端に揃える: 文字をドキュメントに対して垂直方向に揃えます。
- 揃えを適用する: 目的のボタンを押して揃えを適用します。
- この手法は、文字をキャンバスの中央や画像の端に対して正確に配置したいときに便利です。
- 文字を中央に配置する: キャンバスの中央にすばやく揃えるには、テキストレイヤーを選び、移動ツールで水平と垂直の整列ボタンを同時に使います。
- グリッドとガイドの活用: これらは、特にほかのオブジェクトや要素が関わる場合に、揃えをより正確にする助けになります。
- オブジェクトのスナップ: スナップ(Snap)を有効にすると、グリッド、ガイド、ほかのオブジェクトに対して要素をより便利で正確に揃えられます。
12. Photoshopの湾曲した文字: 波状の文字を作る
- ステップ1: 新規ドキュメントを作るか既存を開く。Photoshopを開き、ファイル > 新規(File > New)を選んで新規ドキュメントを作ります。例えば1920x1080ピクセルなど必要なキャンバスサイズを設定します。
既存の画像に波状の文字を加えたい場合は、ファイル > 開く(File > Open)から開きます。
- ステップ2: 文字を追加する。ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。
キャンバスをクリックして、湾曲させたい文字を入力します。視覚効果を高めるには、Arial BlackやImpactなど大きめの太字フォントを使うのが良いです。 文字(Character)パネルまたはプロパティパネルで、フォント、サイズ、色を好みに設定します。
- ステップ3: 文字を変形する。文字を波状や湾曲にするには、テキストワープ機能を使います。
テキストレイヤーがレイヤー(Layers)パネルで選ばれていることを確認します。 文字ツールが有効なとき、上部プロパティパネルのワープテキストを作成(Create Warped Text)アイコン(文字Tに曲線が付いたアイコン)をクリックします。 開いたワープテキスト(Warp Text)のウィンドウで、ドロップダウンからスタイル「波形」(Wave)を選びます。
- ステップ4: 波状文字のパラメーターを設定する。文字に望む形を与えるために波のパラメーターを設定します。
カーブ(Bend): 文字の湾曲の度合いを調整します。スライダーを動かして曲がり具合を変えます。正の値は凸型、負の値は凹型を作ります。 水平方向・垂直方向のゆがみ(Horizontal Distortion, Vertical Distortion): 文字を水平または垂直にゆがめ、波形にさらなる変化を加えます。 目的の効果を得るためにこれらの値を試します。 設定を終えたらOKを押します。
- ステップ5: さらに調整する。変形を適用したあと、必要なら文字をさらに調整できます。
文字の移動: 移動ツール(Move Tool)を選び、文字をキャンバス上の目的の場所へドラッグします。 サイズ変更: 文字サイズを変える必要があれば、Ctrl+T(MacではCmd+T)で自由変形します。 色の変更: 文字ツールで文字を選択し、プロパティパネルで新しい色を選んで色を変えられます。
- ステップ6: 湾曲した文字にエフェクトを適用する。文字をより印象的にするには、レイヤースタイルを加えられます。
レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 縁取り(Stroke)、影(Drop Shadow)、グラデーションオーバーレイ(Gradient Overlay)などのエフェクトを加えて、文字の視覚効果を高めます。
- ステップ7: より複雑な湾曲にはペンツールを使う。より複雑な湾曲した形を作りたいときは、ペンツール(Pen Tool)を使えます。
ツールパネルでペンツール(Pen Tool)を選ぶか、キーボードのPキーを押します。 文字を配置したい形に沿って、キャンバスに曲線を描きます。 横書き文字ツール(Type Tool)を選び、描いた曲線にカーソルを近づけます。カーソルが文字Tを横切る波線に変わったら、曲線をクリックして文字を入力します。文字は描いた線に沿います。 この方法で、形を完全に制御しながら、より複雑な波や湾曲を作れます。
- カーブの制御: カーブ(Bend)の値を変えると、文字の波打ち具合を正確に調整できます。より良い効果のために設定を試しましょう。
- エフェクトの組み合わせ: 波状の文字を縁取りやグラデーションなどほかのエフェクトと組み合わせて、さらに印象的にできます。
- 柔軟性のためのペンツール: 変わった形を作る必要があるなら、ペンツールは文字の正確な配置をより制御できます。
13. Photoshopの透明な文字: 半透明の文字の作り方
- 手法1: テキストレイヤーの不透明度を変える。文字を半透明にするもっとも簡単な方法は、テキストレイヤーの不透明度(Opacity)を変えることです。
文字を作る: ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。 キャンバスをクリックして目的の文字を入力します。文字(Character)パネルでフォント、サイズ、色を設定します。 テキストレイヤーを選ぶ: レイヤー(Layers)パネルへ移動し、作業したいテキストレイヤーを選びます。 不透明度を変える: レイヤーパネルの上部で不透明度(Opacity)のパラメーターを見つけます。 スライダーを左へ動かして文字を半透明にします。例えば不透明度を50%にすると、文字は半透明になり、背景が透けて見えます。 変更を適用する: 望む不透明度に設定すると、文字は部分的に透明になり、背景やほかの要素が透けて見えます。
- 手法2: 透明度付きのカラーオーバーレイ(Color Overlay)を適用する。特定の色を重ねた半透明効果を得たいなら、カラーオーバーレイ(Color Overlay)機能を使えます。
文字を作る: 横書き文字ツール(Type Tool)で文字を入力します。 レイヤー効果を開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 カラーオーバーレイを選ぶ: 開いたメニューでカラーオーバーレイ(Color Overlay)を選び、隣にチェックを入れます。 色と不透明度を設定する: ウィンドウ右側で色の四角をクリックし、目的の文字色を選びます。 次に重ねる色の不透明度(Opacity)を変えて、望む透明度にします。 変更を適用する: OKを押すと、文字は重なった色付きの半透明になります。
- 手法3: マスクを使った透明な文字。この手法は、文字が背景から切り抜かれ、その下のレイヤーが文字を通して見えるという意味で、文字を「透明」にします。
文字を作る: 前の手順と同様に横書き文字ツール(Type Tool)で文字を入力します。 文字を選択範囲に変換する: レイヤーパネルでテキストレイヤーを右クリックしてテキストをラスタライズ(Rasterize Type)を選びます。 Ctrl(MacではCmd)を押しながらテキストレイヤーのサムネイルをクリックして、文字の選択範囲を作ります。 レイヤーマスクを作る: 透明な文字を作りたい画像や背景のレイヤーを開きます。 文字の選択範囲が有効なことを確認し、背景レイヤーをクリックしてから、レイヤーパネル下部のマスクを追加(Add Layer Mask)を押します。 効果を適用する: これで文字が画像や背景から「切り抜かれ」、文字を通して下のレイヤーが見えます。
- 手法4: レイヤースタイルを使う。半透明の文字を作るには、透明度を調整できるカラーオーバーレイやグラデーションオーバーレイなどのレイヤースタイルを使えます。
文字を作る: キャンバスに文字を追加します。 レイヤー効果: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 レイヤー効果(Blending Options)の項目で塗り(Fill Opacity)を調整して、縁取りや影などのスタイルを保ったまま、文字自体を半透明にします。
- ステップ5: 追加のエフェクトを適用する。文字が半透明になったあと、デザインを強めるために追加のエフェクトを加えられます。
縁取り(Stroke): レイヤー効果で文字に縁取りを加えて、より印象的にします。 影(Drop Shadow): 半透明の文字に柔らかな影を加えて立体感を出せます。
- コントラスト: 半透明の文字を扱うときは、背景と文字の色に十分なコントラストがあり、文字が読める状態を保つようにしましょう。
- マスクを使う: マスクを使うと、グラデーション状の透明度や複雑な形など、より高度な透明効果を作れます。
- エフェクトの実験: 透明な文字をより目立たせるために、影や縁取りなどのスタイルを加えることを恐れないでください。
あなたのカタログから見本を無料で加工します
ネットショップ、メーカー、ブランド、卸売業者の方へ。商品写真を1〜3枚お送りいただければ、プロ品質に加工してお返しし、カタログ全体の見積もりもお出しします。これは物量に対応したB2B形式です。個人の写真(ポートレート、イベント、書類)はこの形式では扱いません。
ご依頼を受け付けました
見本を加工し、カタログの見積もりとともに、営業日中に結果をお送りします。
14. Photoshopで美しい文字を作る方法: スタイルとエフェクト
- ステップ1: 新規ドキュメントを作り文字を追加する。Photoshopを開き、ファイル > 新規(File > New)を選んで新規ドキュメントを作ります。例えば1920x1080ピクセルなど必要なキャンバスサイズを設定します。
ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。 キャンバスをクリックして文字を入力します。美しく印象的な効果には、太字フォント(例えばArial Black、Impact、Bebas Neue)やその他の装飾的なフォントを選ぶのが良いです。 文字(Character)パネルまたはプロパティパネルでサイズと色を設定します。
- ステップ2: 縁取り(Stroke)を加える。縁取りは、特に複雑な背景の上で文字をより印象的で明瞭にできます。
レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 開いたウィンドウで縁取り(Stroke)を選び、隣にチェックを入れます。 縁取りのパラメーターを設定します。 サイズ(Size): 縁取りの太さを設定します。 位置(Position): 縁取りを文字の外側(Outside)、内側(Inside)、中央(Center)のどれにするか選びます。 色(Color): 背景と文字に調和する縁取りの色を選びます。 OKを押して変更を適用します。
- ステップ3: 影(Drop Shadow)を加える。影は文字に奥行きと立体感を与え、よりリアルにします。
同じレイヤー効果(Blending Options)のウィンドウで影(Drop Shadow)の項目を選びます。 影のパラメーターを設定します。 不透明度(Opacity): 影の透明度を決めます。値が低いほど影は柔らかくなります。 距離(Distance): 影を文字からどれだけ離すかを決めます。 スプレッド(Spread)とサイズ(Size): 柔らかい影や鋭い影を作るために影のぼかしを設定します。 OKを押して変更を適用します。
- ステップ4: グラデーションオーバーレイ(Gradient Overlay)を適用する。グラデーションオーバーレイはなめらかな色の移り変わりを加え、文字をより面白く上品にします。
レイヤー効果でグラデーションオーバーレイ(Gradient Overlay)を選びます。 グラデーションのパラメーターを設定します。 グラデーション(Gradient): 既製のグラデーションを選ぶか、色帯をクリックして自作します。なめらかな移り変わりのために2色以上を選べます。 スタイル(Style): グラデーションの重ね方(線形、円形、円錐形)を選びます。 角度(Angle): グラデーションを重ねる角度を設定します。 拡大縮小(Scale): 色の移り変わりの強さを設定します。 OKを押してグラデーションを適用します。
- ステップ5: 内側の光彩(Inner Glow)や外側の光彩(Outer Glow)の効果を適用する。光彩は文字に柔らかさと輝きを与え、上品さを加えます。
レイヤー効果で内側の光彩(Inner Glow)または外側の光彩(Outer Glow)を選びます。 パラメーターを設定します。 光彩の色: 白、金色、その他ふさわしい色を選びます。 描画モード(Blend Mode): 光彩が文字や背景とどう作用するかを決めるモードを選びます。 サイズ(Size): 光彩の強さと広がりを決めます。 OKを押します。
- ステップ6: テクスチャ効果を加える。より創造的な結果のために、文字にテクスチャを重ねて独自の見た目を与えられます。
文字に重ねたいテクスチャや画像を開きます。 その画像を文字のあるキャンバスへドラッグし、レイヤーパネルでテキストレイヤーの上に配置します。 テクスチャのレイヤーを右クリックしてクリッピングマスクを作成(Create Clipping Mask)を選びます。これでテクスチャは文字だけに重なり、文字の形が保たれます。
- ステップ7: 3D文字の効果を適用する。文字に立体感を与えるには、Photoshopの内蔵3D機能を使えます。
テキストレイヤーを選びます。 3D > 選択したレイヤーから新規3D押し出しを作成(3D > New 3D Extrusion from Selected Layer)へ移動します。 3Dパネルで奥行き、ライティング、影のパラメーターを設定します。 レンダリングには時間がかかることがありますが、結果としてリアルな影とハイライトを備えた立体的な文字が得られます。
- ステップ8: 最後の仕上げを加える。文字をさらに美しくするために、追加のスタイルやエフェクトを加えられます。
既製の文字スタイル: Photoshopにはあらかじめ用意された文字スタイルのセットがあり、スタイル(Styles)パネルで見つけられます。その一つを適用すればすばやく結果を得られます。 透明度の実験: レイヤーや個々のエフェクトの透明度を使い、文字を軽やかで優美にします。 ベベルとエンボス(Bevel & Emboss): この効果を適用して浮き彫りの文字を作ります。
- コントラスト: 文字がよく読めるよう、文字色が背景と対照的になるようにしましょう。
- エフェクトは賢く使う: 文字に多すぎるエフェクトを詰め込まないようにしましょう。読みやすさを損なうことがあります。
- スタイルの組み合わせ: いくつかのエフェクト(グラデーション、影、縁取り)を組み合わせて、独自の文字を作りましょう。
15. Photoshopの文字の輪郭: くっきりした境界の作り方
- 手法1: レイヤースタイル「境界線」を使う。Photoshopで文字の輪郭を作るもっとも簡単な方法です。
新規ドキュメントを作るか既存を開く: Photoshopを開き、ファイル > 新規(File > New)で新規ドキュメントを作ります。例えば1920x1080ピクセルなど必要なキャンバスサイズを設定します。 文字を重ねたい画像がすでにある場合は、ファイル > 開く(File > Open)から開きます。 文字を追加する: ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。 キャンバスをクリックして文字を入力します。文字(Character)パネルまたはプロパティパネルでフォント、サイズ、色を設定します。 レイヤー効果を開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 縁取り(Stroke)を適用する: 開いたウィンドウで境界線(Stroke)の項目を選びます。 ウィンドウ右側で縁取りのパラメーターを設定できます。 サイズ(Size): 輪郭の太さを設定します。値が大きいほど輪郭は太くなります。 位置(Position): 輪郭の配置を選びます。 内側(Inside): 輪郭が文字の内側に現れます。 外側(Outside): 輪郭が文字の外側に現れます(もっともよく使われます)。 中央(Center): 輪郭が内側と外側に半分ずつ入ります。 色(Color): 色の四角をクリックして輪郭の色を選びます。文字や背景と対照的な色を選べます。 不透明度(Opacity): 縁取りの透明度を設定します。くっきりした輪郭が必要なら100%のままにします。 変更を適用する: すべて設定したらOKを押すと、文字がくっきりした輪郭で囲まれます。
- 手法2: テキストマスクで文字の輪郭を作る。この手法では、選択範囲とテキストマスクを使って文字の輪郭を作ります。
文字を追加する: 前の手順と同様に文字を作ります。 文字をラスタライズする: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてテキストをラスタライズ(Rasterize Type)を選びます。これで文字がラスターレイヤーに変わり、画像として扱えます。 文字の選択範囲を作る: Ctrl(MacではCmd)を押しながらレイヤーパネルのテキストレイヤーのサムネイルをクリックします。文字の周りに選択範囲が作られます。 輪郭用の新しいレイヤーを作る: Ctrl+Shift+N(MacではCmd+Shift+N)を押して新しいレイヤーを作り、それがテキストレイヤーの下にあることを確認します。 選択範囲を縁取る: 編集 > 境界線を描く(Edit > Stroke)へ移動します。 現れたウィンドウで縁取りの太さと色、配置(内側、外側、中央)を選びます。 OKを押すと、新しいレイヤーに文字の輪郭が作られます。 選択を解除する: Ctrl+D(MacではCmd+D)を押して選択を解除します。
- 手法3: テキストマスクと画像を使った文字の輪郭。この手法では、輪郭の内側の背景として画像を使いながら文字の輪郭を作れます。
文字を作る: キャンバスに文字を追加します。 文字の選択範囲を作る: 前の手順と同様に、Ctrl(MacではCmd)を押しながらテキストレイヤーのサムネイルをクリックして文字の周りに選択範囲を作ります。 画像付きの新しいレイヤーを作る: 背景として使いたい画像を開くかドラッグし、テキストレイヤーの下に配置します。 再び文字の選択範囲が有効なことを確認します。 マスクを作る: 画像のレイヤーを選び、レイヤーパネル下部のマスクを追加(Add Layer Mask)を押します。 これで文字が画像で「満たされ」、前の手法の手順に従って文字の周りに縁取りを作れます。
- ヒント:
- コントラスト: 文字が読める状態を保つよう、輪郭の色が文字や背景と対照的になるようにしましょう。
- 太さの実験: 文字のサイズやデザイン全体の様式に応じて、さまざまな輪郭の太さを試しましょう。
- エフェクトの組み合わせ: 輪郭を影やグラデーションなどほかのエフェクトと組み合わせて、より複雑で面白い文字構成を作れます。
16. Photoshopで文字を円形にする方法: 図形を扱う手引き
- ステップ1: 新規ドキュメントを作る。Photoshopを開き、ファイル > 新規(File > New)を選びます。
例えば1920x1080ピクセルなどキャンバスサイズを指定し、白またはその他の作業に合う色の背景を設定します。
- ステップ2: 円または楕円を描く。文字を沿わせる円を作るには、シェイプツールを使います。
ツールパネルで楕円形ツール(Ellipse Tool)を選ぶか、Uキーを押します。 上部プロパティパネルで、「シェイプ」(Shape)や「塗り」(Fill)ではなく「パス」(Path)が選ばれていることを確認します。 Shiftキーを押しながらキャンバスに円を描きます。Shiftにより形が正円になります。 楕円が必要なら、Shiftキーを押さずに描くだけです。
- ステップ3: 横書き文字ツールを選ぶ。円に沿う文字を追加します。
ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 カーソルを円の縁に近づけます。カーソルが文字アイコンを横切る波線に変わったら、文字をパスに沿って追加できる状態です。 円の縁をクリックして文字を入力し始めます。
- ステップ4: 文字を設定する。文字を入力したら、パラメーターを設定できます。
フォントとサイズの変更: 横書き文字ツール(Type Tool)で文字を選択します。 文字(Character)パネルでフォント、サイズ、色を選びます。 文字位置の変更: パスコンポーネント選択ツール(Path Selection Tool)へ移動します。Aキーを押します。 文字をクリックしてパスに沿って動かします。これで円上の文字の始点を変えられます。
- ステップ5: 内側か外側の文字。ときに文字が円の内側に表示されたり、縁に近すぎたりします。配置を変えるには次を行います。
円の外側へ移す: 文字が円の内側に出てしまったら、外側へ移せます。 パスコンポーネント選択ツール(Path Selection Tool)を選び、Ctrl(MacではCmd)を押しながら文字を円の外へドラッグし、外側に来るまで移します。 余白の設定: 文字と円の距離を増減するには、文字(Character)パネルを開いてベースラインシフト(Baseline Shift)を変えます。
- ステップ6: 円形に沿って文字を変形する。文字の形を変える(例えば円に沿って引き伸ばしたり変形したり)必要があれば、変形ツールを使えます。
テキストレイヤーを選び、編集 > 変形 > 拡大・縮小(Edit > Transform > Scale)へ移動します。 形にうまく収まるよう、必要に応じて文字サイズを変えます。
- ステップ7: 文字を設定・スタイリングする。文字をより印象的にするには、エフェクトとスタイルを加えられます。
テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 縁取り(Stroke)、影(Drop Shadow)、グラデーションオーバーレイ(Gradient Overlay)などのスタイルを適用して、文字にスタイルと印象を加えます。
- ステップ8: 仕上げる。結果に満足したら次を行います。
文字が円に沿って正しく配置されているか確認します。 目的の形式でファイルを保存します。ファイル > 別名で保存(File > Save As)で形式(今後の編集用のPSD、最終画像用のPNG/JPEGなど)を選びます。
- フォントの種類を試す: 円形の文字は、読みやすさのために大きめのフォントを使うのが良いです。
- ガイドの活用: 円形に文字を配置するとき、特に円の両側に配置する場合は、揃えを楽にするためガイドを使いましょう。
- 2行目の文字を加える: 円の上と下の両方に文字を加えたいときは、2つ目の円を作って新しい文字で同じ手順を繰り返すだけです。
17. Photoshopで文字の中に画像を入れる: 文字への画像の挿入
- ステップ1: 新規ドキュメントを作る。Photoshopを開き、ファイル > 新規(File > New)を選んで新規ドキュメントを作ります。
例えば1920x1080ピクセルなどキャンバスサイズを指定します。背景を白またはその他構図に合う色に設定します。
- ステップ2: 文字を追加する。ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。
キャンバスをクリックして文字を入力します。この効果には、画像が文字を通してよく見えるよう、太字で大きなフォント(例えばArial Black、Impact、Bebas Neue)を使うのが良いです。 文字(Character)パネルまたはプロパティパネルでフォント、サイズ、色を設定します。
- ステップ3: 画像を追加する。文字の内側に表示する画像を挿入します。
ファイル > 開く(File > Open)から使いたい画像を選びます。 画像を開いたら、Ctrl+C(MacではCmd+C)でコピーします。 文字のあるドキュメントへ移り、Ctrl+V(MacではCmd+V)で画像を貼り付けます。画像は文字の上の新しいレイヤーに現れます。
- ステップ4: 画像を文字の上に配置する。レイヤー(Layers)パネルで、画像のレイヤーがテキストレイヤーの上にあることを確認します。クリッピングマスク効果を作るために重要です。
画像が文字に対して大きすぎたり小さすぎたりする場合は、Ctrl+T(MacではCmd+T)で変形します。Shiftを押して比率を保ちながらサイズと位置を変え、画像が文字を完全に覆うようにします。
- ステップ5: クリッピングマスクを作る。画像を文字の内側に表示させるためにクリッピングマスクを適用します。
画像のレイヤーがレイヤーパネルで選ばれていることを確認します。 画像のレイヤーを右クリックしてクリッピングマスクを作成(Create Clipping Mask)を選びます。Alt+Ctrl+G(MacではOption+Cmd+G)のショートカットも使えます。 クリッピングマスクを適用すると、画像は文字の内側だけに表示されます。
- ステップ6: 画像を調整する。マスクを作ったあと、文字内の画像を調整できます。
画像の移動: 画像の揃えが十分でない場合は、画像のレイヤーを選び移動ツール(Move Tool)で動かします。 画像の拡大縮小: サイズを変える必要があれば、再びCtrl+T(MacではCmd+T)で変形し、文字に合わせます。
- ステップ7: 文字にエフェクトを加える。文字をさらに印象的にするために、追加のスタイルを加えられます。
テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 開いたウィンドウで次のスタイルを適用できます。 縁取り(Stroke): 文字を際立たせる輪郭を加えます。 影(Drop Shadow): 立体感のための影を加えます。 内側の光彩(Inner Glow): 文字に柔らかな光彩を与えます。 ステップ8: 仕上げる。 画像付きの文字ができたら次を行います。
ファイル > 別名で保存(File > Save As)へ移動し、目的の形式(最終画像用のPNGやJPEG、今後の編集用のPSD)を選びます。 作業を保存して結果を確認します。
- 画像の選択: より良い効果のために、文字を通してよく見える鮮やかな色とテクスチャの画像を選びましょう。
- 太字フォントを使う: フォントが太いほど、文字内の画像がよく見えます。
- エフェクトの実験: さまざまな重ね方のスタイルとエフェクトを試して、視覚的印象を高めましょう。
18. Photoshopの遠近感のある文字: パース効果の作成
- ステップ1: 新規ドキュメントを作る。Photoshopを開き、ファイル > 新規(File > New)を選びます。
例えば1920x1080ピクセルなどキャンバスサイズを指定し、白またはその他作業に合う色の背景にします。
- ステップ2: 文字を追加する。ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。
キャンバスをクリックして文字を入力します。くっきりして印象的な効果には、太字フォント(例えばArial Black、Impact、Bebas Neue)を使うのが最適です。 遠近感でどれだけ大きく、または小さくしたいかに応じて、文字(Character)パネルでサイズを設定します。
- ステップ3: 文字をラスターレイヤーに変換する。遠近のゆがみを適用するには、文字をラスターレイヤーに変換する必要があります。
レイヤー(Layers)パネルでテキストレイヤーを右クリックします。 テキストをラスタライズ(Rasterize Type)を選びます。これで文字が画像に変わり、グラフィック要素として扱えます。
- ステップ4: 遠近のゆがみを適用する。遠近効果を作るためにゆがみを適用します。
レイヤーパネルでラスタライズした文字のレイヤーを選びます。 編集 > 変形 > 遠近法(Edit > Transform > Perspective)へ移動します。 文字の周りに角にハンドルの付いた枠が現れます。上の角の一つを外へ(または内へ)引いて文字の上部を広げるか、下の角を引いて縮め、遠近感を作ります。 文字が「遠ざかる」ように、または「面に傾いている」ように見えるなど、目的の効果になるようゆがみを試します。 Enterを押して変更を適用します。
- ステップ5: 変形を適用する(任意)。より複雑な、あるいは特定のゆがみが必要なら、ワープツールを使えます。
再びテキストレイヤーを選び、編集 > 変形 > ワープ(Edit > Transform > Warp)へ移動します。 キャンバスに変形用のグリッドが現れます。グリッドのハンドルをドラッグして、文字のゆがみを正確に調整し目的の形を与えます。 設定を終えたらEnterを押して変更を適用します。
- ステップ6: 遠近感を強める影とエフェクトを加える。遠近効果を強めるために、影やほかのレイヤースタイルを加えられます。
文字のレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 影(Drop Shadow)を選び、パラメーターを設定します。 不透明度(Opacity): よりリアルな効果のために影の透明度を設定します。 距離(Distance): 影と文字の距離を変えて奥行きを与えます。 サイズ(Size): 影のサイズを変えて柔らかく、または鋭くします。 OKを押して影を適用します。
- ステップ7: ライティングを適用する(任意)。よりリアルにするために、ライティング効果を加えられます。
フィルター > 描画 > 照明効果(Filter > Render > Lighting Effects)へ移動します。 遠近感と文字の影を強めるよう、光の方向と強さを設定します。 OKを押してエフェクトを適用します。 ステップ8: 仕上げる。遠近感のある文字ができたら作業を保存します。
ファイル > 別名で保存(File > Save As)へ移動し、形式(編集用のPSD、最終版のPNG/JPEGなど)を選びます。 文字が正しい遠近効果で意図どおりに見えるか確認します。
- ラスタライズ前に文字のコピーを保存する: 文字を編集できる状態を保ちたいなら、ラスタライズ前にレイヤーのコピーを作りましょう。
- ゆがみの実験: 遠近法とワープのツールを一緒に使い、より複雑な効果を作りましょう。
- 追加の要素を加える: 遠近感のある文字をよりリアルにするには、背景にオブジェクトやテクスチャを加えてみましょう。
19. Photoshopで文字を大きくする方法: 文字サイズの変更
- 手法1: プロパティパネルで文字サイズを変える。特に編集可能な文字を扱っているとき、文字を大きくするもっとも速く正確な方法です。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、大きくしたいテキストレイヤーを選びます。 文字ツールを有効にする: ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。 文字を選択する: サイズを変えたい文字を選択するか、テキストレイヤーをクリックします。 プロパティパネルで文字サイズを変える: 画面上部のプロパティパネル(または文字(Character)パネル)でフォントサイズ(Font Size)の欄を見つけます。 新しい値を入力するか、矢印で増やして文字サイズを大きくします。 変更を適用する: 新しいサイズを選んだらEnterを押して変更を適用します。
- 手法2: 自由変形を使う。フォントの値を変えずに、文字を特定のサイズまで自由に大きくしたいときに便利です。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、大きくしたいテキストレイヤーを選びます。 自由変形: Ctrl+T(MacではCmd+T)で自由変形(Free Transform)を呼び出します。文字の周りにハンドル付きの枠が現れます。 文字サイズの変更: Shiftを押して(比率を保つため)角のハンドルを引き、文字を大きくします。 比率を保つ必要がなければ、Shiftを押さずにハンドルを引くだけです。 変更を適用する: 目的のサイズまで大きくしたらEnterを押して変更を適用します。
- 手法3: 文字パネルで拡大縮小する。文字(Character)パネルは、文字サイズの精密な設定を含む、より詳細な文字調整を提供します。
文字パネルを開く: 文字(Character)パネルが表示されていない場合は、ウィンドウ > 文字(Window > Character)から開きます。 文字サイズの変更: パネルのフォントサイズ(Font Size)欄に新しい値を入力して文字を大きくします。 欄の隣のスライダーでフォントサイズを大きくすることもできます。
- 手法4: ラスターレイヤーで文字サイズを変える。文字がすでにラスタライズされていて大きくする必要がある場合は、変形ツールでサイズを変えられます。
ラスタライズしたテキストレイヤーを選ぶ: レイヤー(Layers)パネルで、ラスタライズした文字のレイヤー(文字として編集できない文字の画像)を選びます。 自由変形: Ctrl+T(MacではCmd+T)で自由変形(Free Transform)を呼び出します。 Shiftを押して比率を保ちながら枠の角を引き、文字を大きくします。 変更を適用する: Enterを押して変更を適用します。
- 手法5: キャンバスの拡大縮小で文字サイズを変える。文字を含むすべてのオブジェクトの相対的なサイズを保ちたいときに便利です。
「画像」メニューを開く: イメージ > 画像解像度(Image > Image Size)へ移動します。 キャンバスサイズを変える: 開いたウィンドウでキャンバスのサイズを変えると、文字はキャンバス上のほかの要素とともに比例して大きくなります。
- ベクター文字を使う: 画質を損なわず文字を大きくしたいなら、文字がラスタライズされていないことを確認して、拡大時のシャープさを保ちましょう。
- 比率のためのShift: 常にShiftキーを押して、フォントをゆがめずに文字を比例して大きくしましょう。
- ラスタライズ後の変形: ラスタライズ後は文字が編集できなくなる点を覚えておき、必要ならラスタライズ前にレイヤーのコピーを作りましょう。
20. Photoshopのネオン文字: 明るく発光する文字の作り方
- ステップ1: 新規ドキュメントを作る。Photoshopを開き、ファイル > 新規(File > New)を選んで新規ドキュメントを作ります。
例えば1920x1080ピクセルなどキャンバスサイズを指定します。ネオンの光とのコントラストのために黒または暗い色の背景を選びます。 ステップ2: 文字を追加する。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして文字を入力します。ネオン文字には、Arial Black、Impactなどの太く大きなフォント、または装飾的なフォントが最適です。 プロパティパネルで文字に鮮やかな色(例えば明るい緑、ピンク、水色)を選びます。ネオンサインによく使われる色です。
- ステップ3: レイヤー効果で発光を作る。文字に発光やその他のエフェクトを加えます。
レイヤー効果(Blending Options): レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 内側の光彩(Inner Glow): レイヤースタイルのウィンドウで内側の光彩(Inner Glow)を選びます。 次のパラメーターを設定します。 描画モード(Blend Mode): スクリーン(Screen)またはソフトライト(Soft Light)に設定します。 光彩の色: 文字色より明るい色合いを選びます。 不透明度(Opacity): 発光が見えつつも明るすぎないよう、75%前後に設定します。 サイズ(Size): 柔らかな内側の発光のために10〜20ピクセルまで大きくします。 外側の光彩(Outer Glow): 同じウィンドウで外側の光彩(Outer Glow)を選びます。 パラメーターを設定します。 描画モード(Blend Mode): スクリーン(Screen)に設定します。 光彩の色: 鮮やかな色(文字の主色と同じかやや明るい色)を選びます。 不透明度(Opacity): 明るい外側の発光のために80〜100%に設定します。 サイズ(Size): 拡散するネオン光の効果のために50〜80ピクセルまで大きくします。 縁取り(Stroke): 縁取り(Stroke)を有効にして、文字の周りに細い輪郭を加えます。 パラメーターを設定します。 サイズ(Size): 縁取りの太さを2〜5ピクセルに設定します。 色(Color): 発光する輪郭を作るため、文字色より明るい色合いか文字と同じ色を選びます。 位置(Position): 縁取りを外側(Outside)に設定します。 エフェクトを適用する: すべて設定したらOKを押して、文字に発光と縁取りのエフェクトを適用します。
- ステップ4: 追加のエフェクトを加える。ネオン文字をさらにリアルで印象的にするには、追加のスタイルを加えられます。
テキストレイヤーを複製する: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤーを複製(Duplicate Layer)を選びます。すでにエフェクトが適用された文字のコピーが作られます。 2つ目のレイヤーをぼかす: 複製したレイヤーを選び、フィルター > ぼかし > ぼかし(ガウス)(Filter > Blur > Gaussian Blur)へ移動します。 5〜10ピクセルの範囲でぼかしを設定し、文字の周りに柔らかな発光を作ります。この効果は発光をよりリアルにし、奥行きを加えます。
- ステップ5: 反射を作る(任意)。さらなる効果のために、なめらかな面の上にあるかのような錯覚を作るネオン文字の反射を加えられます。
文字のコピーを作る: テキストレイヤーを再び複製し、コピーを元の文字の下へ移します。 文字を変形する: 複製したレイヤーを選び、編集 > 変形 > 垂直方向に反転(Edit > Transform > Flip Vertical)へ移動します。 マスクを適用する: 複製したレイヤーにマスクを適用し、黒色の柔らかいブラシで文字の下部を徐々に消します。これで消えていく反射の効果ができます。
- ステップ6: 仕上げる。ネオン文字ができたら次を行います。
ファイル > 別名で保存(File > Save As)へ移動し、プロジェクトの目的に応じてPSD、PNG、JPEGの形式でファイルを保存します。
- 色の選択: ピンク、水色、緑、紫など鮮やかで濃い色は、ネオン効果の作成に最適です。
- 対照的な背景: 発光がより目立つよう、暗い背景(黒、濃い青、紫)を使いましょう。
- エフェクトの実験: 内側と外側の光彩にさまざまな値を試し、より強い、あるいは柔らかいネオン効果を作りましょう。
21. Photoshopの金色の文字: ゴールド効果の作成
- ステップ1: 新規ドキュメントを作る。Photoshopを開き、ファイル > 新規(File > New)を選びます。
例えば1920x1080ピクセルなどキャンバスサイズを指定します。金色の文字とのコントラストのために白または暗い背景を選びます。
- ステップ2: 文字を追加する。ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。
キャンバスをクリックして文字を入力します。ゴールド効果には、金がくっきり印象的に見えるよう、Arial Black、Impactなどの太字フォントや装飾的なフォントを使うのが良いです。 プロパティパネルまたは文字(Character)パネルで文字サイズを設定します。
- ステップ3: レイヤースタイルでゴールド効果を作る。ゴールド効果の文字を作るためにレイヤースタイルを加えます。
レイヤー効果(Blending Options): レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 グラデーションオーバーレイ(Gradient Overlay): レイヤー効果のウィンドウでグラデーションオーバーレイ(Gradient Overlay)の項目を選びます。 次のパラメーターを設定します。 グラデーション(Gradient): グラデーション帯をクリックしてグラデーションエディターを開きます。ゴールド効果には、さまざまな金色の色合いからなるグラデーションを使います。金色グラデーションの一例です。 最初の制御点を濃い茶色(#804000)にします。 中間点を黄金色(#FFD700)にします。 最後の点を淡い黄色(#FFFACD)にします。 スタイル(Style): グラデーションの配分方法に応じて線形(Linear)または円形(Radial)に設定します。 角度(Angle): 金色効果を文字全体によりよく配分するためグラデーションの角度を設定します。 拡大縮小(Scale): グラデーションの色をなめらかに配分するため拡大率を設定します。 縁取り(Stroke)(任意): 文字の周りに細い輪郭を加えたい場合は縁取り(Stroke)を選びます。 縁取りの色を濃い金色(#B8860B)に設定し、太さを1〜2ピクセルに調整します。 ベベルとエンボス(Bevel & Emboss): ベベルとエンボス(Bevel & Emboss)を有効にして、文字に浮き彫りの見た目を与えます。 パラメーターを設定します。 スタイル(Style): ベベル(内側)(Inner Bevel)に設定します。 深さ(Depth): 200〜300%前後に設定します。 サイズ(Size): 5〜10ピクセルの範囲に設定します。 滑らかさ(Soften): 移り変わりのなめらかさを調整する値で、通常1〜3ピクセルで十分です。 ハイライトのモード(Highlight Mode): スクリーン(Screen)、白色、不透明度75%前後に設定します。 シャドウのモード(Shadow Mode): 乗算(Multiply)、濃い茶色、不透明度75%前後に設定します。 内側の光彩(Inner Glow)(任意): 文字内に軽い発光を作るには、内側の光彩(Inner Glow)を有効にします。 淡い黄色(#FFFACD)に設定し、柔らかな効果のために不透明度を50%前後にします。
- ステップ4: リアルなゴールド効果のためにテクスチャを加える。さらにリアルな効果のために、金のテクスチャを加えられます。
金のテクスチャを見つける: 金のテクスチャをインターネット(例えば無料テクスチャのサイト)から入手するか、自分のものを使います。 テクスチャを文字の上に加える: 金のテクスチャをドキュメントへドラッグし、レイヤー(Layers)パネルでテキストレイヤーの上に配置します。 クリッピングマスクを作る: テクスチャを右クリックしてクリッピングマスクを作成(Create Clipping Mask)を選びます。これでテクスチャは文字の内側だけに表示されます。 テクスチャを設定する: 必要ならCtrl+T(MacではCmd+T)で変形して、金のテクスチャが文字に美しく配分されるよう調整します。
- ステップ5: 追加のエフェクトを加える。ゴールド効果を強めるために、影やほかのレイヤースタイルを加えられます。
影(Drop Shadow): 影(Drop Shadow)を有効にして文字に奥行きを与えます。 パラメーターを設定します。 不透明度(Opacity): 50〜75%前後に設定します。 距離(Distance): 影を文字からどれだけ離すか設定します。 サイズ(Size): 影の柔らかさを設定します。 光沢(Satin)(任意): 文字に軽いつやを与えるために光沢(Satin)を有効にできます。 なめらかな金色のつやを作るようパラメーターを設定します。 ステップ6: 仕上げる。 ゴールド効果の文字ができたら次を行います。
ファイル > 別名で保存(File > Save As)へ移動してプロジェクトを保存します。 今後の編集用にPSD、最終画像用にPNG/JPEGの形式を選びます。
- グラデーションの実験: さまざまな金色の組み合わせを試し、目的の効果を得ましょう。
- 対照的な背景: ゴールド効果を強めるために、金と対照的な暗い背景やテクスチャを使いましょう。
- テクスチャの活用: 金のテクスチャは、特に高解像度で使うとき、文字をよりリアルにできます。
22. Photoshopで文字を選択する方法: 選択ツールの使い方
- ステップ1: 文字ツールで文字を選択する(編集可能な文字の場合)。文字がまだ編集可能な状態なら、文字ツールで簡単に選択できます。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、選択したいテキストレイヤーを見つけ、選ばれていることを確認します。 文字ツールを選ぶ: ツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。 文字を選択する: キャンバス上の文字をクリックします。すべての文字を選択するには文字をダブルクリックします。 一部だけを選択するには、マウス左ボタンを押しながら文字の上をなぞって範囲を選びます。 文字を変更する: 文字を選択したら、文字(Character)パネルや画面上部のプロパティパネルでフォント、サイズ、色などを変えられます。
- ステップ2: 自動選択ツールでラスター文字を選択する。文字がラスタライズ(画像化)されている場合は、自動選択ツール(マジックワンド)などほかのツールで選択します。
ラスタライズした文字のレイヤーを選ぶ: レイヤー(Layers)パネルで、ラスタライズした文字を含むレイヤーを選びます。 自動選択ツール(Magic Wand Tool): ツールパネルで自動選択ツール(Magic Wand Tool)を選ぶか、Wキーを押します。 上部プロパティパネルで選択範囲に追加(Add to Selection)が有効なことを確認します。 文字をクリックする: 文字の各文字をクリックします。ツールは同じ色の領域をすべて選択するので、均一な背景の文字に向いています。 文字が複数色からなる場合は、Shiftを押しながら文字をクリックし続けてすべて選択します。 選択の微調整: 選択が粗すぎる場合は、上部プロパティパネルの許容値(Tolerance)を調整します。値が小さいほど細部に対して選択が正確になります。
- ステップ3: 長方形選択ツール(Rectangular Marquee Tool)を使う。長方形の選択で文字や画像の一部を選びたい場合に向いています。
長方形選択ツールを選ぶ: ツールパネルで長方形選択ツール(Rectangular Marquee Tool)を選ぶか、Mキーを押します。 選択範囲を作る: 文字の上をなぞって長方形の選択範囲を作ります。長方形の形にある文字や画像の断片の選択に向いています。 選択の調整: 微調整が必要なら、Shiftで選択に追加、Alt(MacではOption)で選択から除外します。
- ステップ4: ペンツール(Pen Tool)で正確に選択する。文字が複雑な形の場合や正確な選択が必要な場合は、ペンツール(Pen Tool)を使えます。
ペンツールを選ぶ: ツールパネルでペンツール(Pen Tool)を選ぶか、キーボードのPキーを押します。 パスを作る: 文字の輪郭に沿って点をクリックし、文字の形をたどるパスを作ります。時間はかかりますが、非常に正確な選択が得られます。 始点で閉じてパスをつなげます。 パスを選択範囲に変換する: 作ったパスを右クリックして選択範囲を作成(Make Selection)を選びます。開いたウィンドウで、くっきりした縁のためにぼかしを0ピクセルに設定します。 選択範囲を使う: これで文字が選択され、色補正の適用や背景の削除などを行えます。
- ステップ5: 色域指定で文字を選択する。文字が背景と対照的な色なら、色域指定(Color Range)ツールですばやく選択できます。
色域指定のメニューを開く: 選択範囲 > 色域指定(Select > Color Range)へ移動します。 色を選ぶ: スポイトで文字をクリックして色を選びます。必要ならShiftを押しながら追加の文字色を選択に加えます。 許容値を設定する: 許容量(Fuzziness)を調整して、さまざまな色合いに対する選択の感度を増減します。 選択範囲を適用する: OKを押すと、Photoshopが選んだ色の文字領域をすべて選択します。
- 選択の制御: 選択が不正確になったら、いつでも投げ縄や長方形選択ツールで選択の一部を追加・削除できます。
- レイヤーマスクを使う: 文字の編集と選択をより便利にするため、元データを変えずに見える範囲を調整できるマスクを使いましょう。
- ペンツールで正確に: 複雑なフォントや文字の形には、ペンツールが正確な選択の最良の選択肢です。
23. Photoshopで文字を回転する方法: 文字の向きの変更
- ステップ1: 自由変形で編集可能な文字を回転する。特に文字が編集可能なままのとき、Photoshopで文字を回転するもっとも速く便利な方法の一つです。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、回転したいテキストレイヤーを選びます。 自由変形を有効にする: Ctrl+T(MacではCmd+T)で自由変形(Free Transform)を呼び出します。文字の周りにハンドル付きの枠が現れます。 文字を回転する: 変形枠の角の一つにカーソルを合わせます。カーソルが曲がった矢印に変わり、オブジェクトを回転できる状態になります。 マウス左ボタンを押しながら文字を目的の方向へ回します。15度単位で正確に回すには、回転中にShiftキーを押します。 回転を適用する: 文字が目的の位置に来たらEnterを押して変更を適用します。
- ステップ2: 変形パネルで指定角度に回転する。文字を特定の度数だけ正確に回したいときに便利です。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルで文字を選びます。 変形パネルを開く: 編集 > 変形 > 回転(Edit > Transform > Rotate)へ移動します。 回転角度を入力する: 上部プロパティパネルの角度(Angle)欄に目的の回転角度を入力します。例えば90度回すには「90」と入力します。 回転を適用する: Enterを押して正確な角度変更を適用します。
- ステップ3: ラスター文字を回転する。文字がラスタライズ(画像化)されている場合も、同じツールで回転できます。
ラスタライズしたテキストレイヤーを選ぶ: レイヤーパネルでラスタライズした文字のレイヤーが選ばれていることを確認します。 自由変形: Ctrl+T(MacではCmd+T)で自由変形(Free Transform)を呼び出します。 枠の角を引くか角のハンドルにカーソルを合わせ、編集可能な文字と同様に文字を回します。 変更を適用する: Enterを押して変更を確定します。
- ステップ4: 文字を水平または垂直に反転する。文字を回すだけでなく、水平または垂直に鏡像反転したいこともあります。
テキストレイヤーを選ぶ: レイヤーパネルでテキストレイヤーを選びます。 変形メニューへ移動する: 反転したい方向に応じて、編集 > 変形 > 水平方向に反転(Edit > Transform > Flip Horizontal)または垂直方向に反転(Flip Vertical)へ移動します。 反転を適用する: 文字が選んだ軸で鏡像反転されます。Enterを押して変更を適用します。
- ステップ5: パス(円または任意の形)に沿って文字を回す。文字を円や任意の曲線など特定の形に沿わせたいときは、ペンツールや既製のシェイプを使えます。
形を作る: ツールパネルでシェイプツール(Shape Tool)またはペンツール(Pen Tool)を選びます。 目的の形(例えば円)をキャンバスに描きます。上部プロパティパネルでシェイプ(Shape)ではなくパス(Path)が選ばれていることを確認します。 パスに沿って文字を追加する: 横書き文字ツール(Type Tool)を選びます。 カーソルを形の縁に近づけます。カーソルが文字Tを横切る波線に変わったら、形をクリックして文字を入力します。 形に沿って文字を回す: 文字は自動的に形に沿います。パスコンポーネント選択ツール(Path Selection Tool)で形に沿って動かし、文字の配置を調整できます。
- 正確な回転: 文字を正確な角度で回したいなら、上部の回転設定パネルを使い角度を手入力しましょう。
- 単位角のためのShift: 自由変形で回すときにShiftを押すと、15度刻みで回せます。
- ほかのエフェクトとの組み合わせ: 回転後に影や縁取りなどのレイヤースタイルを加えて、より印象的な効果を作れます。
24. Photoshopの文字の塗り: 文字を色やテクスチャで塗る方法
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。 例えば1920x1080ピクセルなど必要なキャンバスサイズを指定します。背景は白のままでも別の色を選んでも構いません。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして文字を入力します。文字(Character)パネルでフォント、サイズ、色を選びます。あとで変えるので、この段階の文字色は重要ではありません。
- ステップ2: 文字を色で塗る。この手法では、簡単に調整できる単色で文字を塗れます。
文字を選ぶ: レイヤー(Layers)パネルでテキストレイヤーを選びます。 塗りの色を選ぶ: 横書き文字ツール(Type Tool)が選ばれ、文字が選択されていることを確認します。 プロパティ(Properties)パネルまたは文字(Character)パネルで文字色(Text Color)のオプションを見つけます。 色の四角をクリックして目的の色を選びます。カラーパレットを使うか、色の値(例えばHEX形式)を手入力できます。 塗りを適用する: 色を選んだらOKを押すと、文字が選んだ色で塗られます。
- ステップ3: 文字をグラデーションで塗る。より複雑な効果を加えるには、文字をグラデーションで塗れます。
文字を選ぶ: レイヤー(Layers)パネルでテキストレイヤーを選びます。 グラデーションオーバーレイを適用する: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 開いたウィンドウでグラデーションオーバーレイ(Gradient Overlay)の項目を選びます。 次のパラメーターを設定します。 グラデーション(Gradient): グラデーション帯をクリックしてエディターを開きます。既製のグラデーションを選ぶか、開始色と終了色を指定して自作します。 スタイル(Style): グラデーションの配分方法(例えば線形(Linear)や円形(Radial))を選びます。 角度(Angle): グラデーションの角度を変えて移り変わりの方向を制御します。 拡大縮小(Scale): グラデーションの強さを設定します。 変更を適用する: すべて設定したらOKを押すと、文字がグラデーションで塗られます。
- ステップ4: 文字をテクスチャで塗る。テクスチャでの塗りは、木、金属、石などの素材に見える文字といった、さらに面白い効果を作れます。
プロジェクトにテクスチャを加える: 使いたいテクスチャを開くかキャンバスへドラッグします。テクスチャはレイヤー(Layers)パネルでテキストレイヤーの上に置く必要があります。 クリッピングマスクを作る: テクスチャのレイヤーを右クリックしてクリッピングマスクを作成(Create Clipping Mask)を選びます。 テクスチャは文字だけに適用され、画像の残りは隠れます。 テクスチャのサイズと位置を設定する: 文字内のテクスチャのサイズや位置を変える必要があれば、Ctrl+T(MacではCmd+T)で変形し、テクスチャが文字内で調和して見えるよう調整します。
- ステップ5: 追加のエフェクトを適用する。文字を色、グラデーション、テクスチャで塗ったあと、効果を高めるために追加のレイヤースタイルを加えられます。
縁取り(Stroke): レイヤー効果で縁取り(Stroke)を選び、文字を際立たせる太さと色を設定します。 影(Drop Shadow): 影(Drop Shadow)を有効にして文字に奥行きと立体感を与えます。 内側の光彩(Inner Glow)または外側の光彩(Outer Glow): これらのスタイルは文字の周りや内側に軽い発光を加え、追加の効果を与えます。
- 対照的な背景: 塗りがくっきり印象的に見えるよう、文字の色やテクスチャと対照的な背景を使いましょう。
- 高解像度のテクスチャ: テクスチャで塗るときは、大きなサイズでも文字が高品質に見えるよう高解像度の画像を選びましょう。
- エフェクトの組み合わせ: 縁取り、影、光彩などさまざまなレイヤースタイルを試して、独自の文字効果を作りましょう。
25. Photoshopで文字を削除する方法: テキストレイヤーの削除
- ステップ1: テキストレイヤーを削除する。文字が編集可能なままなら、わずかな手順で削除できます。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルへ移動します。削除したいテキストレイヤーを見つけます。テキストレイヤーは文字「T」のアイコンで示されます。 レイヤーを削除する: テキストレイヤーを右クリックしてレイヤーを削除(Delete Layer)を選びます。キーボードのDeleteキーを押してテキストレイヤーを削除することもできます。 削除の確認: Photoshopがレイヤー削除の確認を求めたら、削除することを確定します。文字はドキュメントから完全に削除されます。
- ステップ2: レイヤーの内容を編集して文字を削除する。レイヤー自体は削除せず文字だけを消したい場合(例えば同じレイヤーに新しい文字を加える予定の場合)は次を行います。
文字を選ぶ: ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバス上の文字をクリックしてテキストレイヤーを有効にします。 文字を削除する: すべての文字を選択し(Ctrl+A、MacではCmd+A)、キーボードのDeleteキーを押します。文字は削除されますが、テキストレイヤーは残ります。
- ステップ3: 消しゴムツールでラスタライズした文字を削除する。文字がラスタライズ(画像化)されている場合は、画像の一部として削除する必要があります。
ラスタライズした文字のレイヤーを選ぶ: レイヤー(Layers)パネルでラスタライズした文字のレイヤーを選びます。 消しゴムツールを使う: ツールパネルで消しゴムツール(Eraser Tool)を選ぶか、Eキーを押します。 上部設定パネルで、望むブラシの硬さとサイズが選ばれていることを確認します。文字のくっきりした縁には硬めの消しゴムが良いです。 文字を削除する: 消しゴムで文字の上をなぞって消します。文字が画像の一部で別レイヤーにない場合に向いています。
- ステップ4: コピースタンプツール(Clone Stamp Tool)で画像から文字を削除する。文字がラスタライズされて背景画像上にあり、背景を保ったまま削除したい場合は、コピースタンプツール(Clone Stamp Tool)で背景を複製して文字を消せます。
スタンプツールを選ぶ: ツールパネルでコピースタンプツール(Clone Stamp Tool)を選ぶか、Sキーを押します。 ツールを設定する: 上部パネルでスタンプのブラシサイズを設定します。文字が大きいほどブラシも大きくします。 複製する領域を選ぶ: Altキー(MacではOption)を押しながら、文字に近い背景の領域をクリックします。この領域が文字の複製・置き換えに使われます。 文字を削除する: 領域を選んだら、スタンプで文字を塗って背景の領域に置き換えます。背景のテクスチャと色を保つよう丁寧に作業します。
- ステップ5: コンテンツに応じた塗りつぶし(Content-Aware Fill)を使う。文字を背景からすばやく消すには、周囲のピクセルに基づいて自動で領域を埋めるコンテンツに応じた塗りつぶし(Content-Aware Fill)機能を使えます。
文字を選択する: 長方形選択ツール(Rectangular Marquee Tool)や投げ縄ツール(Lasso Tool)で文字の領域を選択します。 コンテンツに応じた塗りつぶしを適用する: 編集 > コンテンツに応じた塗りつぶし(Edit > Content-Aware Fill)へ移動します。 Photoshopが周囲のピクセルを使って自動的に選択領域を埋めます。結果を確認し、必要ならスタンプや消しゴムで手直しします。 変更を適用する: OKを押して変更を適用します。
- レイヤーのバックアップを作る: スタンプなどで文字を消す前に、元画像を保つためレイヤーのコピーを作りましょう。
- 別レイヤーで作業する: 文字削除を簡単にするため、文字は常に別レイヤーに置くのが良いです。
- コンテンツに応じた塗りつぶし: このツールは均一で単純な背景でよく働きますが、複雑なテクスチャでは手直しが必要なことがあります。
26. Photoshopで図形に文字を収める方法: 形に沿わせる
- ステップ1: 新規ドキュメントを作る。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。 例えば1920x1080ピクセルなどキャンバスサイズを指定し、構図に合う背景色を設定します。
- ステップ2: 図形を作る。Photoshopでは、既製の幾何学図形でも任意の輪郭でも、どんな形にも収まる文字を作れます。
シェイプツールを選ぶ: ツールパネルでシェイプツール(Shape Tool)を選ぶか、Uキーを押します。上部パネルで長方形(Rectangle Tool)、楕円形(Ellipse Tool)などの図形を選びます。 図形を描く: 上部プロパティパネルでシェイプ(Shape)ではなくパス(Path)が選ばれていることを確認します。 Shiftを押しながら比率を保って図形をキャンバスに描きます(例えば楕円ではなく正円を作るため)。
- ステップ3: 図形の中に文字を収める。前の手順で作った形に沿う文字を追加します。
文字ツールを選ぶ: ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 図形の内側に文字を加える: カーソルを図形に合わせます。カーソルが中に文字Tの入った円形に変わったら、図形の内側に文字を加えられる状態です。 図形の内側をクリックして文字を入力し始めます。文字は自動的に形に合わせて空間を埋めます。 文字を設定する: 文字(Character)パネルまたはプロパティパネルでフォント、サイズ、色を設定します。文字が図形に完全に収まらない場合は、フォントサイズや形を変えてみます。
- ステップ4: 図形の輪郭に沿って文字を収める。ときに文字を、円の縁など図形の輪郭に沿わせたいことがあります。同じツールを使えます。
文字ツールを選ぶ: 横書き文字ツール(Type Tool)を選びます。 図形の縁に文字を加える: カーソルを図形の縁に合わせます。カーソルが文字Tを横切る波線に変わったら、文字をパスに沿って(輪郭に沿って)加えられる状態です。 図形の輪郭をクリックして文字を入力し始めます。文字は形の線に沿います。 文字の配置を設定する: 輪郭に沿った文字の配置を変えたいときは、パスコンポーネント選択ツール(Path Selection Tool)を選びます(ツールパネルまたはAキー)。 文字をクリックしてパスに沿ってドラッグし、文字の始点を変えます。
- ステップ5: ペンツールで任意の輪郭を扱う。任意の図形や曲線に沿う文字を作りたい場合は、ペンツール(Pen Tool)で複雑な輪郭を作れます。
ペンツールを選ぶ: ツールパネルでペンツール(Pen Tool)を選ぶか、Pキーを押します。 任意の図形や輪郭を作る: 点をクリックして直線や曲線を作ります。上部パネルでパス(Path)が選ばれていることを確認します。 曲線を作るには点をドラッグして線を曲げ、目的の形を作ります。 パスに沿って文字を加える: 横書き文字ツール(Type Tool)を選び、作った輪郭をクリックして、その線や曲線に沿う文字を加えます。
- ステップ6: 文字を設定・スタイリングする。図形に文字を収めたら、スタイリングを調整できます。
フォントとサイズの変更: 文字を選び、文字(Character)パネルまたはプロパティパネルでフォント、サイズ、色などを変えます。 文字にエフェクトを加える: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 影(Drop Shadow)、縁取り(Stroke)、内側の光彩(Inner Glow)などのエフェクトを適用して、文字をより印象的にします。
- ステップ7: 仕上げる。図形に文字を収めて設定したら次を行います。
プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSD、最終画像用のPNG/JPEGを選びます。
- ヒント:
- 文字の調整: 文字が図形に収まらない場合は、フォントサイズを変えるか、自由変形(Ctrl+T、MacではCmd+T)で図形を引き伸ばしてみましょう。
- ガイドを使う: ガイドは図形内や輪郭に沿った文字を正確に配置する助けになります。
- 形の実験: 星、多角形、任意の輪郭などさまざまな形を試して、独自の文字構成を作りましょう。
27. Photoshopで文字にエフェクトをかける方法: 独自の文字スタイルの作成
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを指定します。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。キャンバスをクリックして文字を入力します。エフェクトの作業に向いているので、大きく太いフォント(例えばArial Black、Impact、装飾的なフォント)を使うのが良いです。
- ステップ2: レイヤースタイルを適用する。レイヤースタイルは文字エフェクトを作る主要なツールです。基本的なエフェクトから始めましょう。
レイヤースタイルのパネルを開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 影(Drop Shadow): 影(Drop Shadow)を有効にして文字に奥行きを与え、背景から際立たせます。 パラメーターを設定します。 不透明度(Opacity): 控えめな影なら50〜75%。 距離(Distance): 影がリアルに見えるよう設定します。 サイズ(Size): 影を柔らかく、または鋭くします。 縁取り(Stroke): 縁取り(Stroke)を有効にして文字の周りに輪郭を加えます。 パラメーターを設定します。 サイズ(Size): 縁取りの太さを設定します。 位置(Position): 外側(Outside)に設定します。 色(Color): 文字と対照的な縁取りの色を選びます。 内側の光彩(Inner Glow)と外側の光彩(Outer Glow): これらのスタイルは文字の内側と外側に発光を加えます。 色: ネオン効果には鮮やかな色、繊細な発光には柔らかな色合いを選びます。 サイズ(Size): 発光の半径を設定します。 ベベルとエンボス(Bevel & Emboss): ベベルとエンボス(Bevel & Emboss)で浮き彫りの文字を作ります。 スタイル(Style): ベベル(内側)(Inner Bevel)またはエンボス(Emboss)に設定します。 深さ(Depth): より深い浮き彫りのために変えます。 サイズ(Size): 望む浮き彫り効果に応じて設定します。 滑らかさ(Soften): 移り変わりをよりなめらかにしたいなら滑らかさを加えます。
- ステップ3: グラデーションと塗りを加える。グラデーションとテクスチャは文字にさらなるスタイルと独自性を与えます。
グラデーションオーバーレイ(Gradient Overlay): グラデーションオーバーレイ(Gradient Overlay)を有効にして、文字になめらかな色の移り変わりを加えます。 グラデーション(Gradient): 既製のものを選ぶか、グラデーション帯をクリックして自作します。 スタイル(Style): 線形や円形のグラデーションがさまざまな文字効果に向いています。 拡大縮小(Scale): 目的の結果のためグラデーションのサイズと方向を設定します。 テクスチャの塗り: レイヤー効果でパターンオーバーレイ(Pattern Overlay)を選んで、文字にテクスチャを加えることもできます。 利用可能なものから適切なテクスチャを選ぶか、自分のものを読み込みます。
- ステップ4: フィルターを適用する。Photoshopのフィルターは、ぼかし、ゆがみ、テクスチャなどの追加効果を文字に加えられます。
フィルターを適用する: 文字にフィルターを適用するには、まずテキストレイヤーをラスタライズします。テキストレイヤーを右クリックしてテキストをラスタライズ(Rasterize Type)を選びます。 フィルター(Filter)メニューへ移動し、目的のフィルターを選びます。例えば次のとおりです。 ぼかし(Blur): 柔らかな効果を作ります。 変形(Distort): 波状やゆがんだ文字を作ります。
- ステップ5: 3D文字を作る。Photoshopで3D文字を作ると、立体感と遠近感の効果を加えられます。
3Dモードへ移行する: テキストレイヤーを選び、3D > 選択したレイヤーから新規3D押し出しを作成(3D > New 3D Extrusion from Selected Layer)へ移動します。 Photoshopが文字を3Dオブジェクトに変換します。 3D効果を設定する: 3Dのツールパネルで文字の奥行き、ライティング、遠近感を設定します。 文字がよりリアルに見えるよう、視点とライティングも変えられます。
- ステップ6: 追加のエフェクトを適用する。反射を作る:
テキストレイヤーを複製し、編集 > 変形 > 垂直方向に反転(Edit > Transform > Flip Vertical)で垂直に反転します。 下のレイヤーにグラデーションマスクを適用して、消えていく反射の効果を作ります。 ネオン効果を作る: 外側の光彩(Outer Glow)と内側の光彩(Inner Glow)で明るい外光と内光を適用し、発光するネオンの効果を作ります。
- ステップ7: 仕上げる。プロジェクトを保存します。
ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSD、最終版のPNG/JPEGを選びます。
- レイヤーの重ねを試す: いくつかのレイヤーとエフェクトを組み合わせて、独自の構成を作りましょう。
- グラデーションとテクスチャを使う: 文字に奥行きと個性を与えます。
- 文字をラスタライズする: フィルターや変形などより複雑な効果が必要な場合は、文字をラスタライズする必要があります。
28. Photoshopの立体的な文字: 文字に3D効果を与える
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを指定し、立体的な文字がより際立つ背景色を選びます。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。キャンバスをクリックして文字を入力します。3D効果には、Arial Black、Impact、Bebas Neueなどの太く大きなフォントを使うのが良いです。
- ステップ2: ベベルとエンボスで文字に3D効果を与える。1つ目の方法は、レイヤースタイルで基本的な立体効果を作ることです。
レイヤー効果を開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 ベベルとエンボス(Bevel & Emboss)を適用する: レイヤー効果でベベルとエンボス(Bevel & Emboss)を有効にします。 次のパラメーターを設定します。 スタイル(Style): ベベル(内側)(Inner Bevel)に設定します。 テクニック(Technique): よりくっきりした効果には滑らかに(Smooth)またはシゼルハード(Chisel Hard)を選びます。 深さ(Depth): 深い浮き彫りのために高い値(200〜300%)に設定します。 サイズ(Size): 文字の太さに応じてベベルのサイズを設定します。 滑らかさ(Soften): 移り変わりを滑らかにするため変えます。 シャドウとハイライト(Highlight ModeとShadow Mode)の項目で、リアルなライティング効果のために光と影に合う色を選びます。 縁取り(Stroke): 縁取り(Stroke)を選び太さと色を設定して、文字の周りに縁取りを加えることもできます。
- ステップ3: レイヤーの複製で3D文字を作る。この手法は、テキストレイヤーを複製してずらし、立体の錯覚を作る擬似3D効果を作れます。
テキストレイヤーの複製を作る: テキストレイヤーを選び、Ctrl+J(MacではCmd+J)でコピーを作ります。 レイヤーのコピーをずらす: 移動ツール(Move Tool)またはキーボードの矢印キーで、複製したレイヤーを少し下と右へ動かします。 追加の複製を作る: テキストレイヤーの複製とずらしを同じ要領で続け、奥行きの錯覚を作ります。望む効果に応じて5〜10個のコピーを作るのがおすすめです。 立体感のための色やグラデーション: 文字にリアルな立体感を与えるため、下のレイヤーに暗い色やグラデーションを適用します。これで陰影のある立体効果ができます。 レイヤーを結合する: すべてのコピーを作って設定したら、複製したレイヤーをすべて選んで右クリックし、レイヤーを結合(Merge Layers)を選びます。
- ステップ4: 「3D」ツールで本物の3D文字を作る。本物の3D文字を作りたいなら、Photoshopには立体要素を作る内蔵の3Dツールがあります。
3D文字を作る: レイヤーパネルでテキストレイヤーを選びます。 3D > 選択したレイヤーから新規3D押し出しを作成(3D > New 3D Extrusion from Selected Layer)へ移動します。Photoshopが自動的に文字を3Dオブジェクトに変換します。 3Dパラメーターを設定する: 画面右側に3Dパラメーターのパネルが現れます。 押し出しの深さ(Extrusion Depth)を設定して文字の厚みを変えられます。 3Dツールで空間内の文字を移動・回転します。望む視点を選ぶためカメラの位置を設定します。 ライティングとマテリアルを設定する: 3Dパネルで光源を加えてライティングを設定し、文字のテクスチャのマテリアルを変えます。 リアリティを加えるため、光沢のある面や金属的な面など、立体文字のテクスチャを選びます。 3D文字をレンダリングする: 3D文字ができたら、レイヤーパネルへ移りシーン(Scene)を選んでレンダリングを開始します。 特にライティングとマテリアルの設定が複雑な場合、レンダリングには時間がかかることがあります。
- ステップ5: 影とエフェクトを加える。文字をより立体的でリアルにするには、影やほかのエフェクトを加えられます。
影(Drop Shadow): レイヤー効果(Blending Options)を開き影(Drop Shadow)を有効にします。 立体効果のために影の距離(Distance)とサイズ(Size)を設定します。 グラデーションと光彩: グラデーションオーバーレイ(Gradient Overlay)や外側の光彩(Outer Glow)を適用して、追加の光の効果を加えます。
- ステップ6: 仕上げる。プロジェクトを保存します。
ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSD、最終画像用のPNG/JPEGを選びます。
- ライティングの実験: さまざまな光源は3D文字の見た目を大きく変えられます。
- ベベルの滑らかさ: ベベルと縁取りを使うときは、デザインに調和するパラメーターを選びましょう。
- 遠近感のための3Dツール: 3Dツールを使い、回転や傾きができる遠近感のある文字を作りましょう。
29. Photoshopで文字の輪郭を作る方法: 完全ガイド
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを指定し、文字と対照的な背景色を選びます。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。キャンバスをクリックして文字を入力します。輪郭には、細いフォントだと輪郭が目立ちにくいので、Arial BlackやImpactなど太く大きなフォントを使うのが良いです。
- ステップ2: レイヤースタイルで輪郭を加える。文字の輪郭を作るもっとも簡単で速い方法はレイヤースタイルを使うことです。
レイヤー効果を開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 境界線(Stroke)を選ぶ: レイヤー効果のウィンドウで境界線(Stroke)を選びます。これを有効にすると文字の周りの輪郭を設定できます。 縁取りを設定する: サイズ(Size): 輪郭の太さに応じてサイズを変えます。通常3〜10ピクセルが目立つ輪郭に良い範囲です。 位置(Position): 輪郭の位置は3通りあります。 外側(Outside): 輪郭が文字の外にあり、より目立ちくっきりします。 内側(Inside): 輪郭が文字の内側にあり、文字を小さくします。 中央(Center): 輪郭が文字の境界の内外に半分ずつ入ります。 色(Color): 文字と背景に対照的な輪郭の色を選びます。例えば文字を際立たせるのに白や黒の輪郭がよく使われます。 スタイル(Style): 実線(Solid)を選ぶか、より複雑な効果のためグラデーションを選べます。 縁取りを適用する: 設定したらOKを押して変更を適用します。文字に輪郭が加わります。
- ステップ3: 背景が透明な輪郭文字を作る。文字の内側の塗りなしで輪郭だけの文字にしたい場合は、文字を透明にして輪郭を残すようレイヤースタイルを設定できます。
レイヤー効果を開く: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 不透明度を設定する: レイヤー効果(Blending Options)の項目で塗り(Fill Opacity)を見つけます。 塗り(Fill Opacity)を0%に設定します。これで文字の塗り色が消え、輪郭だけが残ります。 輪郭を適用する: 前に説明したとおり縁取りを設定し、透明な文字の周りに輪郭を作ります。
- ステップ4: レイヤーの複製で輪郭文字を作る。輪郭の見た目をより正確に制御したり、文字に追加のエフェクトを加えたりしたい場合に便利です。
テキストレイヤーの複製を作る: テキストレイヤーを選び、Ctrl+J(MacではCmd+J)でコピーを作ります。 複製したレイヤーをラスタライズする: 複製したテキストレイヤーを右クリックしてテキストをラスタライズ(Rasterize Type)を選びます。これで文字が画像に変わり、ピクセルオブジェクトとして編集できます。 ラスタライズした文字に縁取りを加える: ラスタライズしたレイヤーのレイヤー効果を再び開き、境界線(Stroke)を選んで必要に応じて設定します。 ラスタライズしたレイヤーを元のテキストレイヤーの下へ移す: レイヤー(Layers)パネルで、ラスタライズしたレイヤーを元のテキストレイヤーの下へドラッグします。これで文字自体を覆わない縁取りの効果ができます。
- ステップ5: 選択ツールで輪郭を作る。選択ツールを使い、手動で文字の周りに輪郭を作ることもできます。
文字を作る: 前に説明したとおりキャンバスに文字を追加します。 文字を選択範囲に変える: Ctrl(MacではCmd)を押しながら、レイヤー(Layers)パネルのテキストレイヤーのアイコンをクリックします。文字の周りに選択範囲が作られます。 新しいレイヤーを作る: Ctrl+Shift+N(MacではCmd+Shift+N)を押して新しい空のレイヤーを作ります。これが輪郭用のレイヤーになります。 輪郭を作る: 編集 > 境界線を描く(Edit > Stroke)へ移動します。 開いたウィンドウで縁取りの太さと色を選びます。 輪郭が文字の外にあるよう、位置(Position)を外側(Outside)に設定します。 選択を解除する: Ctrl+D(MacではCmd+D)を押して選択を解除すると、作った輪郭が見えます。
- ステップ6: 輪郭の追加エフェクト。グラデーションの輪郭:
輪郭にグラデーションを加えられます。レイヤー効果(Blending Options)のウィンドウで単色の代わりにグラデーションオーバーレイ(Gradient Overlay)を選び、輪郭になめらかな色の移り変わりを適用します。 輪郭の影: 文字にさらに奥行きを与えるため、輪郭のレイヤーに影(Drop Shadow)を加えます。 立体的な輪郭: ベベルとエンボス(Bevel & Emboss)の項目で、輪郭に立体と浮き彫りの効果を与え、よりリアルにできます。
- ステップ7: 仕上げる。プロジェクトの保存:
文字の輪郭を設定したら、ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSD、最終画像用のPNG/JPEGを選んでプロジェクトを保存します。
- 縁取りの太さ: 細いフォントには細めの縁取り、太いフォントには太めの縁取りを使うのが良いです。
- 対照的な色: 文字と縁取りに対照的な色を使い、背景の中で文字を際立たせましょう。
- 縁取りの効果: 縁取り、影、グラデーションの組み合わせを試して、独自の効果を作りましょう。
30. Photoshopで文字を引き伸ばす方法: 文字の比率の変更
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなど必要なキャンバスサイズを設定し、背景色を選びます。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。キャンバスをクリックして文字を入力します。文字(Character)パネルで適切なフォントとサイズを選びます。
- ステップ2: 自由変形で文字を引き伸ばす。文字を引き伸ばすもっとも簡単な方法は、比率を変えられる自由変形(Free Transform)を使うことです。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルへ移動しテキストレイヤーを選びます。 自由変形を有効にする: Ctrl+T(MacではCmd+T)で自由変形(Free Transform)を呼び出します。文字の周りにハンドル付きの枠が現れます。 文字を引き伸ばす: 幅または高さ方向に引き伸ばすには、枠の側面や上下のハンドルにカーソルを合わせます。 マウス左ボタンを押しながらハンドルを目的の方向へ引きます。一方向だけ(例えば幅だけ、高さだけ)引き伸ばすなら、Shiftキーは押しません。 変更を適用する: 目的のサイズまで引き伸ばしたらEnterを押して変更を適用します。
- ステップ3: 比率を保つ引き伸ばしと保たない引き伸ばし。比率を保つ引き伸ばし:
サイズ変更中に文字の比率を保ちたいなら、引き伸ばすときにShiftキーを押します。これで縦横比を保ちながらサイズを変えられます。 比率を保たない引き伸ばし: 一方向だけ(例えば幅を広げる、高さを高くする)引き伸ばすには、Shiftを押さずに側面や上下のハンドルを引きます。これで文字の一方向だけを変え、引き伸ばした効果を作れます。
- ステップ4: 文字パネルで比率を変える。文字(Character)パネルの内蔵設定を使って比率を変えることもできます。この方法は縦横の拡大縮小をより制御できます。
文字パネルを開く: ウィンドウ > 文字(Window > Character)へ移動して文字設定のパネルを開きます。 水平比率と垂直比率の拡大縮小: 文字パネルで垂直比率(Horizontal Scale)と水平比率(Vertical Scale)の欄を見つけます。 水平比率の値を変えて(例えば150%に)文字を幅方向に引き伸ばします。 垂直比率の値を変えて(例えば120%に)文字を高さ方向に引き伸ばします。 設定を適用する: 拡大縮小を設定すると、変更は自動的に文字に適用されます。
- ステップ5: 遠近法とゆがみを適用する。遠近効果で文字を引き伸ばしたり、ゆがめたりする必要があれば、追加の変形ツールを使えます。
自由変形を有効にする: Ctrl+T(MacではCmd+T)で変形モードを有効にします。 遠近法を適用する: 文字を右クリックして遠近法(Perspective)を選びます。 角のハンドルの一つを引いて遠近効果を作り、文字をすぼまる、または広がる形に引き伸ばします。 ゆがみを適用する: 文字を右クリックしてゆがみ(Distort)を選びます。 各ハンドルを個別に動かして、任意の方向に文字をゆがめ引き伸ばせます。 変更を適用する: 遠近法やゆがみを設定したらEnterを押して変更を適用します。
- ステップ6: テキストワープを適用する。Photoshopには、既製のゆがみテンプレートで文字を引き伸ばせる内蔵のテキストワープツールもあります。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルでテキストレイヤーを選びます。 ワープの設定を開く: 上部パネルでワープテキストを作成(Create Warped Text)ボタンを押します。フォントのアイコンの隣にあります。 ワープのスタイルを選ぶ: 開いたウィンドウでゆがみのスタイル(例えば膨張(Bulge)やアーチ状のゆがみ(Arc))を選び、特定の形に文字を引き伸ばします。 水平方向・垂直方向のゆがみ(HorizontalとVertical Distortion)のスライダーで引き伸ばしの度合いを設定します。 変更を適用する: ゆがみを設定したらOKを押すと、選んだパラメーターに従って文字が引き伸ばされます。
- ステップ7: 仕上げる。プロジェクトを保存します。
ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSD、最終画像用のPNG/JPEGを選びます。
- 比率の維持: サイズ変更時に元の比率を保ちたいならShiftを押しましょう。
- 引き伸ばしの柔軟性: より複雑な引き伸ばし効果には、ワープとゆがみのツールを使いましょう。
- 遠近法の実験: 遠近法は、特にほかのエフェクトと組み合わせると、文字をより動きのある面白いものにできます。
31. Photoshopで文字を重ねる方法: 画像への文字の追加
- ステップ1: Photoshopで画像を開く。画像を開きます。
Photoshopを開き、ファイル > 開く(File > Open)を選びます。 文字を重ねたい画像を選び、開くを押します。 画像付きの新規ドキュメントを作る: 新規ドキュメントで作業したい場合は、必要なサイズで作り、画像をキャンバスへドラッグするか直接開きます。
- ステップ2: 画像に文字を追加する。横書き文字ツール(Type Tool)を選ぶ:
左のツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。 文字を追加する: 画像上の文字を置きたい場所をクリックして文字を入力し始めます。入力したら、文字(Character)パネルでフォント、サイズ、色を変えられます。 文字のパラメーターを設定する: 文字(Character)パネルまたは上部ツールパネルで次を設定できます。 フォント(Font): 適切なフォントを選びます。 サイズ(Size): 画像に応じて文字サイズを変えます。 色(Color): 画像の背景で際立つ文字色を選びます。背景が明るいなら暗い色、逆なら明るい色を使います。 揃え(Alignment): 左、中央、右など目的の揃えを設定します。
- ステップ3: 文字の位置とサイズを変える。文字の移動:
文字が置きたい場所にない場合は、移動ツール(Move Tool)を選ぶかVを押します。テキストレイヤーをクリックして画像上の目的の場所へドラッグします。 文字サイズの変更: 比率を変えずにサイズを変えたいなら、レイヤー(Layers)パネルでテキストレイヤーを選び、Ctrl+T(MacではCmd+T)で自由変形(Free Transform)を有効にします。Shiftを押して比率を保ち、角のハンドルを引いて拡大縮小します。
- ステップ4: 文字にエフェクトを適用する。画像に文字を追加したあと、より印象的にするために追加のスタイルとエフェクトを適用できます。
レイヤー効果を開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 レイヤースタイルを適用する: レイヤー効果のウィンドウで文字にさまざまなスタイルを適用できます。 影(Drop Shadow): 文字を立体的にし背景から際立たせる影を加えます。 外側の光彩(Outer Glow): 文字をより目立たせる発光効果を適用します。 縁取り(Stroke): 色と太さを選んで文字に輪郭を加えます。 グラデーションオーバーレイ(Gradient Overlay): 文字になめらかな色の移り変わりを適用します。 変更を適用する: エフェクトを設定したらOKを押して変更を適用します。
- ステップ5: 文字の透明度と重ね方を設定する。文字の透明度の変更:
文字を半透明にして画像と調和させたいなら、テキストレイヤーを選び、レイヤー(Layers)パネルで不透明度(Opacity)を変えます。これで文字の見え方を調整できます。 描画モードの変更: Photoshopには、文字が画像とどう作用するかを変える描画モードもあります。レイヤー(Layers)パネルでテキストレイヤーを選び、描画モード(例えば乗算(Multiply)、スクリーン(Screen)、オーバーレイ(Overlay))を変えて、文字を画像とよりよく融合させます。
- ステップ6: 文字を編集する。追加した後に文字やパラメーターを変えたい場合は次を行います。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルでテキストレイヤーを選びます。 文字ツールを使う: 横書き文字ツール(Type Tool)で文字をクリックし、内容の編集、フォント、色、サイズの変更を行います。
- ステップ7: 仕上げる。プロジェクトを保存します。
文字を追加して設定したら、プロジェクトを保存します。ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用にはPSD、最終画像の保存にはPNG/JPEGを選びます。
- 対照的な色を使う: 文字が背景と対照的なら読みやすくなります。暗い画像には白い文字、明るい画像には黒い文字を使いましょう。
- 影と縁取り: これらのエフェクトは、複雑な画像の背景で文字を際立たせる助けになります。
- 透明度と重ね方: 文字を画像となめらかに融合させたいなら、透明度とさまざまな描画モードを使い、調和したデザインを作りましょう。
32. Photoshopで太字にする方法: 文字を太くする
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなど必要なキャンバスサイズを設定します。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。キャンバスをクリックして文字を入力します。
- ステップ2: 太字のフォントスタイルを使う。文字を太くするもっとも簡単な方法は、太字のスタイルを持つフォントを使うことです。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルへ移動し、太字にしたいテキストレイヤーを選びます。 太字のフォントを選ぶ: 上部ツールパネルまたは文字(Character)パネルで、太字のスタイル(例えばBold、Black、Heavy)を持つフォントを選びます。Arial、Roboto、Helveticaなど多くのフォントに太字の種類があります。 BoldまたはBlackのスタイルを選んで文字を太くします。
- ステップ3: 縁取り(Stroke)で文字を太くする。フォントに太字の種類がない場合は、縁取りを加えて文字を見た目で太くできます。
レイヤー効果を開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 縁取り(Stroke)を加える: レイヤー効果のウィンドウで縁取り(Stroke)を選びます。 次のパラメーターを設定します。 サイズ(Size): 望む太さを加える値に設定します。例えば2〜5ピクセルが太字効果に良い範囲です。 位置(Position): 内側(Inside)または外側(Outside)に設定します。内側にすると、外形を変えずに文字を太くできます。 色(Color): 縁取りが文字と見分けられないよう、文字色と同じ色を選びます。 変更を適用する: OKを押して変更を適用すると、文字が見た目で太くなります。
- ステップ4: 縦横の拡大縮小を使う。幅または高さ方向にサイズを変える拡大縮小ツールでも文字を太くできます。
文字(Character)パネルを開く: ウィンドウ > 文字(Window > Character)へ移動して文字パネルを開きます。 水平比率を設定する: 文字(Character)パネルで水平比率(Horizontal Scale)を見つけます。値を例えば100%から120〜150%に変えて文字を横に広げ、太く見せます。 変更を適用する: 水平比率を設定すると、文字が広く見た目で太くなります。
- ステップ5: 複数の文字レイヤーで太くする。テキストレイヤーを何度か複製して太字効果を作れます。
テキストレイヤーの複製を作る: テキストレイヤーを選び、Ctrl+J(MacではCmd+J)でコピーを作ります。 複製をずらす: 移動ツール(Move Tool)またはキーボードの矢印キーで、複製を元から数ピクセルだけ横にずらします。 レイヤーを数回複製し、各複製を数ピクセルずつずらして、文字の見た目の太さを増します。 レイヤーを結合する: コピーを何個か作ったら、レイヤー(Layers)パネルですべて選んで右クリックし、レイヤーを結合(Merge Layers)を選んで、太い文字の一つのレイヤーを作ります。
- ステップ6: ベベルとエンボス(Bevel & Emboss)効果を使う。ベベルとエンボス(Bevel & Emboss)効果を加えることでも、文字を見た目で太くできます。
レイヤー効果を開く: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 ベベルとエンボスを有効にする: パラメーターのウィンドウでベベルとエンボス(Bevel & Emboss)を選びます。 パラメーターを設定します。 スタイル(Style): ベベル(内側)(Inner Bevel)を選びます。 サイズ(Size): 太くする効果を与えるためサイズを大きくします。 深さ(Depth): 文字がより立体的で太く見えるよう深さを設定します。 変更を適用する: OKを押すと、ベベルの効果で文字が見た目でより太くなります。
- ステップ7: 仕上げる。プロジェクトを保存します。
ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用にPSD、画像の書き出しにはPNG/JPEGの形式を選びます。
- 太字フォントを使う: 本当に太い文字を作るには、BoldやBlackの種類を持つフォントを選びましょう。
- 縁取りの実験: 文字と同じ色の縁取りを加えるのは、フォント自体を変えずに太くする効果的な方法です。
- 拡大縮小: 文字パネルで水平比率を上げると、比率をゆがめずに幅を加えられます。
33. Photoshopのアーチ状の文字: 湾曲した文字の作り方
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなど必要なキャンバスサイズを設定し、背景色を選びます。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。キャンバスをクリックして、湾曲させたい文字を入力します。
- ステップ2: テキストワープツールで文字を変形する。テキストレイヤーを選ぶ:
テキストレイヤーがレイヤー(Layers)パネルで選ばれていることを確認します。 テキストワープを有効にする: 上部ツールパネルの、フォントとサイズのアイコンの隣にあるワープテキストを作成(Create Warped Text)ボタンを見つけます。クリックしてワープ設定のウィンドウを開きます。 ワープのスタイル「アーチ」(Arc)を選ぶ: 現れたウィンドウで「スタイル」のドロップダウンからアーチ(Arc)を選びます。このスタイルは文字をアーチ状に曲げられます。 ワープのパラメーターを設定する: カーブ(Bend): スライダーを左右に動かして文字の湾曲の度合いを調整します。文字を上に曲げたいなら正の値、下に曲げたいなら負の値を設定します。 水平方向のゆがみ(Horizontal Distortion): このパラメーターで文字を水平方向に広げたり狭めたりします。 垂直方向のゆがみ(Vertical Distortion): このパラメーターで文字を垂直方向に引き伸ばしたり縮めたりします。 変更を適用する: ワープを設定したらOKを押すと、文字がアーチ状に湾曲します。
- ステップ3: シェイプツールで円形に文字を作る。円やその他の形に沿う文字を作りたい場合は、シェイプツールやペンツールを使えます。
円やその他の形を作る: ツールパネルで楕円形ツール(Ellipse Tool)を選びます(またはUを押します)。 上部パネルでシェイプ(Shape)ではなくパス(Path)が選ばれていることを確認します。 クリック&ドラッグでキャンバスに円を描きます。Shiftキーを押して正円にします。 パスに沿って文字を加える: 横書き文字ツール(Type Tool)を選び、カーソルを円の輪郭に合わせます。カーソルが文字Tを横切る波線に変わったら、文字が形に沿う状態です。 輪郭をクリックして文字を入力します。文字は自動的に円に沿って揃います。 文字位置を設定する: 文字を円に沿ってずらす必要があれば、パスコンポーネント選択ツール(Path Selection Tool)を選びます(ツールパネルまたはA)。 文字をクリックして円に沿って目的の場所へドラッグします。
- ステップ4: ペンツールで任意の形に沿った湾曲文字。円ではなく任意の曲線に沿わせたい場合は、ペンツール(Pen Tool)を使えます。
ペンツールを選ぶ: ツールパネルでペンツール(Pen Tool)を選ぶか、Pを押します。 曲線を作る: キャンバスをクリックして始点を作り、続けて点を加えながらドラッグして曲線を作ります。 上部パネルでパス(Path)が選ばれていることを確認します。 パスに沿って文字を加える: 曲線を作ったら横書き文字ツール(Type Tool)を選び、カーソルを曲線に合わせます。カーソルがパス上文字のアイコンに変わります。 曲線をクリックして文字を入力し始めます。文字は作った曲線に沿います。 文字を設定する: 位置を変える必要があれば、パスコンポーネント選択ツール(Path Selection Tool)で曲線に沿って文字を動かします。
- ステップ5: 文字を設定・スタイリングする。フォントとサイズの設定:
文字を湾曲させたあと、文字(Character)パネルまたは上部ツールパネルでフォント、サイズ、色を変えられます。 レイヤースタイルを加える: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選び、縁取り(Stroke)、影(Drop Shadow)、グラデーションオーバーレイ(Gradient Overlay)などのエフェクトを適用します。
- ステップ6: 仕上げる。プロジェクトを保存します。
ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用にPSD、最終利用にはPNG/JPEGへ書き出します。
- 文字の湾曲を制御する: 文字が曲がりすぎて読めなくなったら、ワープのパラメーターでカーブの値を下げましょう。
- 円上の文字位置: 文字が反転したり円の反対側に来たりしたら、パスコンポーネント選択ツールで目的の位置へ移しましょう。
- エフェクトと組み合わせる: 影、縁取りなどのレイヤースタイルを加えて、湾曲した文字をより印象的にしましょう。
34. Photoshopで文字をコピーする方法: 簡単な手引き
- ステップ1: テキストレイヤーをコピーする。書式、配置、エフェクトを含めてテキストレイヤー全体をコピーしたい場合は、次の手順で行います。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、コピーしたいテキストレイヤーを選びます。 レイヤーをコピーする: Ctrl+J(MacではCmd+J)を押して、選んだテキストレイヤーの複製を作ります。コピーは同じ内容と設定でレイヤーパネルに現れます。 テキストレイヤーを右クリックしてレイヤーを複製(Duplicate Layer)を選ぶこともできます。現れたウィンドウでコピーの名前を選んで確定します。 コピーした文字を移動する: レイヤーをコピーしたら、移動ツール(Move Tool)(Vを押す)やキーボードの矢印キーでキャンバス上の位置を変えられます。
- ステップ2: 文字の内容をコピーする。テキストレイヤー内の文字だけをコピーしたい場合(例えば別の場所で使うため)は、次の手順で行います。
文字ツールを選ぶ: ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 文字を選択する: キャンバス上のテキストレイヤーをクリックして文字を有効にします。 Ctrl+A(MacではCmd+A)ですべての文字を選択するか、クリック&ドラッグで必要な部分だけを選択します。 文字をコピーする: Ctrl+C(MacではCmd+C)を押して選択した文字をコピーします。 文字を貼り付ける: コピーした文字を別の場所(例えば新しいテキストレイヤーや別のドキュメント)に貼るには、新しいテキストレイヤーを作り、Ctrl+V(MacではCmd+V)で貼り付けます。
- ステップ3: 別のドキュメントに文字をコピーする。あるPhotoshopドキュメントから別のドキュメントへ文字を移したい場合は、レイヤーのコピーを使えます。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルで、移したいテキストレイヤーを選びます。 レイヤーを別ドキュメントへコピーする: テキストレイヤーを右クリックしてレイヤーを複製(Duplicate Layer)を選びます。 開いたウィンドウで、ドキュメント(Document)のドロップダウンからコピー先のドキュメントを選びます。 変更を適用する: OKを押すと、テキストレイヤーが指定したドキュメントへ、位置と書式を保ってコピーされます。
- ステップ4: スタイルを保って文字をコピーする。文字がレイヤースタイル(縁取り、影など)を持ち、コピー時に保ちたい場合は、テキストレイヤーを複製するだけです。
エフェクト付きレイヤーをコピーする: レイヤースタイルを持つテキストレイヤーを選びます。 Ctrl+J(MacではCmd+J)を押して、すべてのスタイルを保ったままレイヤーのコピーを作ります。 別ドキュメントへの文字のコピー: 別のドキュメントへコピーする場合は、スタイルが正しく保たれるよう、コピー先が同様の解像度と設定であることを確認します。
- ステップ5: 仕上げる。文字をコピーして配置したら次を行います。
プロジェクトを保存する: ファイル > 別名で保存(File > Save As)を選んでドキュメントを保存します。今後の編集用のPSDで保存するか、最終利用のPNG/JPEGへ書き出せます。
- ショートカットキー: テキストレイヤーのすばやい複製にCtrl+J、文字のコピー&ペーストにCtrl+C/Ctrl+Vを使いましょう。
- レイヤーの移動: テキストレイヤーは、レイヤー(Layers)パネルから別の開いているドキュメントへドラッグするだけでコピーできます。
- スタイルの保持: 文字をコピーするとき、特に別ドキュメントへ移す際は、すべてのエフェクトとレイヤースタイルが保たれているか常に確認しましょう。
35. Photoshopで文字の中に画像を作る方法: ステップ解説の実践
- ステップ1: 新規ドキュメントを作る。Photoshopを開き、新規ドキュメントを作ります。
ファイル > 新規(File > New)へ移動し、文字を扱う十分な余地があるよう、例えば1920x1080ピクセルなどドキュメントサイズを設定します。 文字と画像がより際立つよう、白またはその他の対照的な色の背景を選びます。
- ステップ2: 文字を追加する。文字を追加します。
ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして、画像を入れたい文字を入力します。大きな文字の内側で画像がよく見えるので、太字フォント(例えばArial Black、Impact)を使うのが良いです。 文字を設定します。 上部ツールパネルまたは文字(Character)パネルでフォント、サイズ、色を選びます。文字色は画像で隠れるので重要ではありませんが、作業しやすいよう最初は対照的な色を選べます。
- ステップ3: 画像を追加する。画像を開きます。
ファイル > 開く(File > Open)から、文字の中に使いたい画像を選びます。 画像をドキュメントへドラッグする: 画像を文字のあるキャンバスへドラッグします。レイヤー(Layers)パネルで文字の上の新しいレイヤーとして現れます。 画像のサイズを変える: 画像が文字より大きい場合は、Ctrl+T(MacではCmd+T)で自由変形(Free Transform)を有効にします。 Shiftキーを押して(比率を保つため)角のハンドルを引き、文字に合うサイズまで縮小します。Enterを押して変更を適用します。
- ステップ4: マスクを適用して文字の中に画像を作る。画像が文字の上にあることを確認する:
レイヤー(Layers)パネルで、画像のレイヤーがテキストレイヤーより上にあることを確認します。 クリッピングマスク(Clipping Mask)を作る: 画像のレイヤーを右クリックしてクリッピングマスクを作成(Create Clipping Mask)を選びます。これで画像は文字の内側だけに表示されます。 別の方法: Altキー(MacではOption)を押しながら、レイヤーパネルのテキストレイヤーと画像レイヤーの境界にカーソルを合わせます。カーソルが四角の付いた矢印に変わります。クリックしてクリッピングマスクを作ります。
- ステップ5: 文字の中で画像を調整・移動する。画像の移動:
文字内で画像を動かすには、画像のレイヤーが選ばれていることを確認し、移動ツール(Move Tool)(Vを押す)で目的の位置へ動かします。 画像のサイズ変更: 文字内の画像のサイズを変えたいときは、Ctrl+T(MacではCmd+T)を押し、前に説明したとおりサイズを調整します。
- ステップ6: 文字にエフェクトを加える。画像付きの文字をより印象的にするには、レイヤースタイルを加えられます。
レイヤー効果を開く: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 縁取り(Stroke)を加える: レイヤー効果のウィンドウで縁取り(Stroke)を選び、文字の周りに輪郭を加えます。 縁取りのサイズと色を設定します。通常、白や黒の輪郭が背景の中で文字をよく際立たせます。 影(Drop Shadow)を加える: 影(Drop Shadow)を有効にして文字に奥行きを加えます。 リアルな効果のために、不透明度(Opacity)、距離(Distance)、サイズ(Size)を設定します。
- ステップ7: 仕上げる。レイヤーを結合する(必要な場合):
文字と画像を一つのレイヤーに結合したいときは、文字と画像のレイヤーを選び、右クリックしてレイヤーを結合(Merge Layers)を選びます。これで文字と画像が一つのレイヤーになります。 プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSD、または最終画像のPNG/JPEGへ書き出します。
- 大きく太いフォントを使う: 太字フォントは文字内の画像の細部をよりよく見せます。
- さまざまな画像を試す: 対照的またはテクスチャのある画像を選び、文字をより印象的にしましょう。
- 追加のエフェクトを加える: 縁取り、影、グラデーションの適用は、画像付きの文字をさらに面白くする助けになります。
36. Photoshopで文字色を変更する方法: カラーパレットの変更
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを設定し、背景色を選びます。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして文字を入力します。文字(Character)パネルでフォント、サイズ、スタイルを選びます。
- ステップ2: 文字パネルで文字色を変える。テキストレイヤーを選ぶ:
レイヤー(Layers)パネルへ移動し、変えたいテキストレイヤーを選びます。 文字パネルを開く: ウィンドウ > 文字(Window > Character)へ移動して文字パネルを開きます。 文字色を変える: 文字(Character)パネルで文字色の欄(色の付いた小箱)を見つけます。 その小箱をクリックしてカラーピッカー(Color Picker)を開きます。 色を選ぶ: 開いたカラーピッカー(Color Picker)で目的の文字色を選びます。カラースケールで手動で選ぶか、RGB、HSB、HEXコードを入力して正確に選べます。 色を選んだらOKを押して変更を適用します。文字色が選んだものに変わります。
- ステップ3: レイヤー効果で文字色を変える。グラデーションや複数色の重ねなど複雑な効果を適用したい場合は、レイヤー効果(Blending Options)で文字色を変えられます。
レイヤー効果を開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 カラーオーバーレイ(Color Overlay): レイヤー効果のウィンドウでカラーオーバーレイ(Color Overlay)を選びます。 色(Color)の項目で色帯をクリックし、カラーピッカー(Color Picker)で文字の新しい色を選びます。 目的の色を選びOKを押して変更を適用します。 描画モードの設定: 描画モード(Blend Mode)の項目で、色を文字にどう重ねるかを選べます。例えば乗算(Multiply)は暗くし、スクリーン(Screen)は明るくします。 透明度: 文字を部分的に透明にしたいなら、色の不透明度(Opacity)も設定できます。
- ステップ4: 文字にグラデーションを適用する。複数色間のなめらかな移り変わりを加えたいなら、グラデーションオーバーレイ(Gradient Overlay)を使えます。
レイヤー効果を開く: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 グラデーションオーバーレイ(Gradient Overlay): 左の一覧でグラデーションオーバーレイ(Gradient Overlay)を選びます。 グラデーションを設定する: グラデーション(Gradient)の帯をクリックしてグラデーションエディターを開きます。 既製のグラデーションを選ぶか、色を加えて設定し自作します。グラデーション帯をクリックして開始点と終了点の色を選びます。 グラデーションのスタイルを設定する: 線形(Linear)、円形(Radial)、円錐形(Angle)などのスタイルを選び、グラデーションの方向と形を設定します。 グラデーションを適用する: OKを押して文字にグラデーションを適用します。文字は選んだ色の間でなめらかな移り変わりを描いて表示されます。
- ステップ5: さまざまな描画モードで色を実験する。レイヤーのさまざまな描画モードを使って、変わった色効果を作ることもできます。
テキストレイヤーを選ぶ: レイヤー(Layers)パネルでテキストレイヤーを選びます。 描画モードを変える: レイヤーパネルで描画モード(Blend Mode)のドロップダウンを見つけます。乗算(Multiply)、オーバーレイ(Overlay)、スクリーン(Screen)などさまざまなモードを試し、文字色にどう影響するか見てみます。
- ステップ6: 仕上げる。プロジェクトを保存します。
文字色を変えたらファイルを保存します。ファイル > 別名で保存(File > Save As)へ移動して今後の編集用のPSDで保存するか、利用のためにPNGやJPEGへ書き出します。
- 対照的な色を選ぶ: 文字をよく見せたいなら、背景と対照的な色を選びましょう。
- グラデーションを使う: グラデーションは文字をより印象的にし、立体感を与えます。
- 描画モード: さまざまな描画モードを試し、面白い色効果を得ましょう。
37. Photoshopの縁取り付き透明文字: ミニマルなスタイル
- ステップ1: 新規ドキュメントを作る。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。ドキュメントサイズを指定します。
新規ドキュメントを作ります。 Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを設定します。縁取りがよく見えるよう、文字と対照的な背景色を選びます。例えば文字の縁取りが白なら暗い背景を選べます。
- ステップ2: 文字を追加する。文字を追加します。
ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして、縁取り付きの透明にしたい文字を入力します。縁取りがより目立つよう、太字フォント(例えばArial Black、Impact)を使うのが良いです。 文字を設定します。 上部ツールパネルまたは文字(Character)パネルでフォント、サイズ、最初の文字色を選びます。文字は透明になるので色は問題ではありません。
- ステップ3: レイヤー効果を開く。レイヤー効果を開きます。
レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。
- ステップ4: 文字の透明度を設定する。文字の塗り(Fill Opacity)を変えます。
レイヤー効果(Blending Options)のウィンドウで塗り(Fill Opacity)を見つけます。 塗りを0%に設定します。これで文字の内側の色が消え、完全に透明になりますが、見える縁取りやエフェクトは保たれます。
- ステップ5: 縁取りを加える。縁取り(Stroke)を加えます。
レイヤー効果の一覧で縁取り(Stroke)を選びます。 次のパラメーターを設定します。 サイズ(Size): 縁取りの太さを選びます。通常2〜5ピクセルがミニマルな効果に良い選択です。 位置(Position): 縁取りが文字の外にあるよう外側(Outside)に設定します。 色(Color): 背景とよく対照する縁取りの色を選びます。例えば暗い背景には白い縁取りを選びます。
- ステップ6: 仕上げる。設定を適用します。
縁取りと塗りを設定したらOKを押して変更を適用します。文字は透明になりつつくっきりした縁取りを持ち、ミニマルなスタイルができます。 プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDで保存するか、利用のためにPNG/JPEGへ書き出します。
- 太字フォントを使う: 縁取り付きの透明文字は、太い線のフォントでより見栄えよく見えます。
- 縁取りの実験: デザインのスタイルに応じて縁取りの色と太さを変えましょう。
- 追加のエフェクトを加える: 文字をさらに際立たせるために、影や外側の光彩(Outer Glow)を加えてみましょう。
38. Photoshopで文字を金色にする方法: 色とエフェクトの扱い
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを設定し、金色の文字と対照的な背景色を選びます。白または黒の背景がこれには最適です。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして、金色にしたい文字を入力します。より良い効果のために、Arial Black、Impact、Bebas Neueなどの太字フォントを使います。
- ステップ2: レイヤー効果を開く。レイヤー効果を開きます。
レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。
- ステップ3: ゴールド効果のためグラデーションオーバーレイを適用する。グラデーションオーバーレイ(Gradient Overlay)を選びます。
レイヤー効果のウィンドウで、左の一覧からグラデーションオーバーレイ(Gradient Overlay)を選びます。 グラデーションを設定する: グラデーション帯をクリックしてグラデーションエディター(Gradient Editor)を開きます。 金色のグラデーションを作るには次の色を選びます。 淡い金色に #e6d07c、 中間の金色に #cfa72f、 明るいハイライトに #f4e2b6、 より暗い部分に #997500。 自然な金の輝きの効果を作るため、グラデーションスケールに複数の色を加えられます。
グラデーションのスタイルを設定する: スタイル(Style): 直線的なグラデーションには線形(Linear)、ハイライトに対称性を加えるには反射(Reflected)を選びます。 角度(Angle): グラデーションを目的の角度(例えば90度)に向けるよう角度を設定します。 拡大縮小(Scale): 移り変わりのくっきりさを保つため100%前後に設定します。
- ステップ4: 立体感のためベベルとエンボスを加える。ベベルとエンボス(Bevel & Emboss)を選びます。
レイヤー効果のウィンドウでベベルとエンボス(Bevel & Emboss)を有効にして、文字に立体感を与えよりリアルにします。 ベベルを設定する: スタイル(Style): ベベル(内側)(Inner Bevel)に設定します。 テクニック(Technique): なめらかな移り変わりには滑らかに(Smooth)を選びます。 深さ(Depth): より目立つ効果のために深さを200〜300%まで上げます。 方向(Direction): 光が上から当たるよう上へ(Up)に設定します。 サイズ(Size): 文字の太さに応じてサイズを設定します(およそ5〜10ピクセル)。 滑らかさ(Soften): ベベルの縁を滑らかにするため小さな値を設定します。 影とハイライトを設定する: シャドウ(Shadow Mode): 影に暗い色、例えば #997500 を設定します。 ハイライト(Highlight Mode): 明るい金色、例えば #f4e2b6 を選び、ハイライトのために描画モードをスクリーン(Screen)に設定します。
- ステップ5: つやと「光沢」効果を加える。光沢(Satin)を加えます。
レイヤー効果のウィンドウで光沢(Satin)を選び、金色の文字に柔らかな反射とハイライトを作ります。 色を淡い金色(例えば #f4e2b6)に設定し、軽い効果のために不透明度(Opacity)を20〜30%前後にします。
- ステップ6: 外側の光彩を加える。外側の光彩(Outer Glow)を選びます。
レイヤー効果で外側の光彩(Outer Glow)を選び、文字の周りに柔らかな発光を作ります。 淡い金色(例えば #e6d07c)を設定し、不透明度(Opacity)を50〜60%にします。 発光が軽く、文字を覆わないよう、サイズ(Size)とスプレッド(Spread)を設定します。
- ステップ7: 仕上げる。すべての設定を適用します。
グラデーション、ベベルなどのエフェクトを設定したらOKを押して文字に変更を適用します。 プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDで保存するか、利用のためにPNGやJPEGへ書き出します。
- グラデーションの実験: さまざまな金色の色合いを使い、より独自でリアルな効果を作りましょう。
- テクスチャを加える: 文字をさらにリアルにしたいなら、描画モードをオーバーレイ(Overlay)にして金のテクスチャを文字の上に加えましょう。
- 立体効果: 影とハイライトは文字をより立体的でリアルにする助けになります。
39. Photoshopで美しい文字を作る方法: エフェクトの活用
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを設定します。文字と対照的な背景色を選びます。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして文字を入力します。より良い効果のために、Bebas Neue、Impact、Arial Blackなど太字または大きなフォントを使います。
- ステップ2: 文字にグラデーションを加える。レイヤー効果を開きます。
テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 グラデーションオーバーレイ(Gradient Overlay)を選ぶ: レイヤー効果の一覧でグラデーションオーバーレイ(Gradient Overlay)を選びます。 グラデーションを設定する: グラデーション帯をクリックしてグラデーションエディター(Gradient Editor)を開きます。 適切なグラデーションを選びます。例えば美しい効果には、明るい色から暗い色へのなめらかな移り変わりを使えます。より面白くするため複数の色を加えられます。 スタイル(Style)を線形(Linear)または円形(Radial)に設定し、角度と拡大率は好みに合わせます。
- ステップ3: 奥行きのため影を加える。影(Drop Shadow)を加えます。
レイヤー効果のウィンドウで影(Drop Shadow)を選びます。 影を設定する: 不透明度(Opacity): 柔らかな影のために50〜70%に設定します。 角度(Angle): 影が落ちる光の角度を設定します。 距離(Distance)とサイズ(Size): 影がリアルに見えるよう設定します。通常、距離5〜10ピクセル、ぼかし10ピクセル前後で良い効果になります。
- ステップ4: 際立たせるため縁取りを加える。縁取り(Stroke)を選びます。
レイヤー効果のウィンドウで縁取り(Stroke)を選びます。 縁取りを設定する: サイズ(Size): 縁取りの太さを設定します(例えば2〜5ピクセル)。 位置(Position): 縁取りを文字の外に置くため外側(Outside)を選びます。 色(Color): 文字と背景に対照的な縁取りの色を選びます。文字を際立たせるのに白や黒の縁取りがよく使われます。
- ステップ5: 立体文字のためベベルを適用する。ベベルとエンボス(Bevel & Emboss)を加えます。
レイヤー効果のウィンドウでベベルとエンボス(Bevel & Emboss)を選び、文字に立体感を与えます。 ベベルを設定する: スタイル(Style): ベベル(内側)(Inner Bevel)に設定します。 テクニック(Technique): 柔らかな縁には滑らかに(Smooth)を選びます。 深さ(Depth): くっきりした立体感のために100〜300%前後に設定します。 サイズ(Size): フォントの太さに応じて設定します。 方向(Direction): 上からの照明効果を作るため上へ(Up)を選びます。
- ステップ6: 美しい文字を作る追加のエフェクトを使う。光沢(Satin):
光沢(Satin)を選び、文字の内側に柔らかなハイライトを作ります。 文字の主色より明るいか暗い色を設定し、不透明度(Opacity)を20〜30%にします。 外側の光彩(Outer Glow): 外側の光彩(Outer Glow)の効果を加えて、輝く文字を作ります。 鮮やかな色を選び、不透明度(Opacity)を40〜50%に、発光のサイズは望む効果に応じて設定します。
- ステップ7: フォントとエフェクトを試す。さまざまなフォントを試す:
さまざまなフォントを使い、エフェクトともっともよく合うものを選びましょう。 テクスチャを使う: 文字をさらに面白くするため、文字にテクスチャを加えられます。テクスチャの画像を開いて文字に重ね、オーバーレイ(Overlay)や乗算(Multiply)などの描画モードを使います。
- ステップ8: 仕上げる。すべてのエフェクトを適用します。
すべてのエフェクトを設定したらOKを押して文字に変更を適用します。 プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDで保存するか、最終利用にPNG/JPEGへ書き出します。
- 対照的な色: 文字が読みやすいよう、互いによく合い背景と対照的な色を使いましょう。
- 照明の効果: 影とベベルを加えて、立体感と奥行きの効果を作りましょう。
- ミニマリズム: 文字に多すぎるエフェクトを詰め込まないようにしましょう。ときにはシンプルで簡潔なスタイルのほうが良いです。
40. Photoshopの均等割り付け文字: 文字を幅いっぱいに揃える方法
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。文字を扱う十分な余地があるよう、例えば1920x1080ピクセルなどドキュメントサイズを設定します。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして文字を入力します。幅いっぱいの均等割り付けを予定するなら、効果がより目立つよう複数行の文字を使うのが望ましいです。 ステップ2: テキストブロックを設定する。 テキストブロックを作る: 幅いっぱいに揃えるには、文字がテキストブロック内にある必要があります。マウスをクリック&ドラッグして必要な大きさのテキスト枠(ブロック)を作り、文字を入力または貼り付けます。 すでに文字があるが枠内にない場合は、横書き文字ツール(Type Tool)で文字をクリックし、角を引いて文字の周りにブロックを作ります。
- ステップ3: 文字を幅いっぱいに揃える。文字ツールを選ぶ:
横書き文字ツール(Type Tool)が有効なことを確認します。 文字を選択する: 幅いっぱいの揃えにはすべての文字を選択する必要があります。テキストブロック内をクリックしてCtrl+A(MacではCmd+A)ですべての文字を選択します。 段落(Paragraph)パネルを開く: ウィンドウ > 段落(Window > Paragraph)へ移動して段落パネルを開きます。 均等割り付けを適用する: 段落(Paragraph)パネルで均等割り付け(Justify)のボタンを見つけます。Photoshopにはいくつかの揃え方があります。 最終行左揃え: 最終行を除いて幅いっぱいに揃え、最終行は左に揃えます。 最終行中央揃え: 幅いっぱいに揃え、最終行は中央に揃えます。 最終行右揃え: 幅いっぱいに揃え、最終行は右に揃えます。 すべてを均等に割り付け: 最終行を含むすべての行を幅いっぱいに引き伸ばします。 設定を適用する: 目的の均等割り付けを選ぶと、文字がブロックの左端と右端の間に均等に引き伸ばされます。
- ステップ4: 行間と字間を設定する。整った均等割り付け文字には、行と文字の間隔の設定が重要です。
行間の設定: ウィンドウ > 文字(Window > Character)へ移動して文字(Character)パネルを開きます。 文字パネルで行送り(Leading)を見つけ、文字が詰まりすぎず、かつ間延びしないよう値を設定します。 字間の設定: 文字(Character)パネルでトラッキング(Tracking)を見つけます。字間を増減して、文字が空間をよりよく埋めるようにします。
- ステップ5: 仕上げる。テキストブロックの移動:
テキストブロックをキャンバス上で移動する必要があれば、移動ツール(Move Tool)を選ぶかVを押して目的の場所へドラッグします。 プロジェクトの保存: 文字を幅いっぱいに揃えて設定したら、プロジェクトを保存します。ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDで保存するか、利用のためにPNGやJPEGへ書き出します。
- 最終行に注意: 最終行が短すぎると、すべてを均等に割り付けたとき間延びして不格好に見えることがあります。そうした場合は最終行を左に揃える割り付けを選ぶのが良いです。
- 行間の制御を使う: 行間と字間が最適だと、文字はより読みやすく調和して見えます。
- テキストブロック: テキストブロックを使い、ドキュメントの各部分で文字の幅と揃えを制御しましょう。
41. Photoshopで文字を編集する方法: フォントとスタイルの変更
- ステップ1: ドキュメントを開きテキストレイヤーを選ぶ。ドキュメントを開きます。
Photoshopを開き、編集したい文字を含むプロジェクトを読み込みます。ファイル > 開く(File > Open)へ移動し、目的のファイルを選んで開きます。 テキストレイヤーを選びます。 レイヤー(Layers)パネルへ移動し、変えたいテキストレイヤーを見つけます。通常テキストレイヤーは文字Tのアイコンで示されます。レイヤーをクリックして有効にします。
- ステップ2: 文字を編集する。横書き文字ツール(Type Tool)を選ぶ:
左のツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。 文字を変更する: キャンバス上のテキストレイヤーをクリックして編集用に文字を有効にします。 新しい文字を入力したり、既存の文字を編集したりして変えられます。
- ステップ3: フォントを変える。文字(Character)パネルを開く:
ウィンドウ > 文字(Window > Character)へ移動して文字パネルを開きます。 フォントを選ぶ: 文字(Character)パネルでフォントのドロップダウンメニューを選び、目的のフォントを選びます。Photoshopはインストール済みのシステムフォントや手動でインストールしたフォントに対応します。 フォントの種類を変える: 多くのフォントにはRegular、Bold、Italicなどの種類があります。フォント欄の隣のドロップダウンで目的の種類を選びます。
- ステップ4: 文字サイズを変える。フォントサイズの設定:
文字(Character)パネルでサイズ(Size)の欄を見つけます。目的のサイズを手入力するか、矢印で増減します。 Ctrl+T(MacではCmd+T)で自由変形(Free Transform)を使い、角のハンドルを引いてサイズを変えることもできます。
- ステップ5: 文字色を変える。文字パネルで色を変える:
文字(Character)パネルでフォント設定の隣の色の小箱をクリックします。カラーピッカー(Color Picker)が開き、任意の色を選べます。 色を選んだらOKを押して変更を適用します。 レイヤー効果で色を変える: レイヤー効果(Blending Options)でも文字色を変えられます。テキストレイヤーを右クリックしてレイヤー効果を選びます。カラーオーバーレイ(Color Overlay)を選んで文字に新しい色を重ねます。
- ステップ6: 行間と字間を変える。行間の設定:
文字(Character)パネルで行送り(Leading)を見つけます。これは文字の行間です。文字を整えるためこの値を増減します。 字間の設定: 文字パネルでトラッキング(Tracking)を見つけ、文字全体の字間を変えます。2つの特定の文字の間隔をより精密に調整するには、カーニング(Kerning)を使います。
- ステップ7: 文字にレイヤースタイルを適用する。文字にエフェクトを加える:
テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。ここでさまざまなレイヤースタイルを適用して文字をより印象的にできます。 主なエフェクト: 縁取り(Stroke): 文字に輪郭を加え、太さと色を設定します。 影(Drop Shadow): 奥行きを作る影を加えます。 ベベルとエンボス(Bevel & Emboss): ベベル効果を加えて文字を立体的にします。 グラデーションオーバーレイ(Gradient Overlay): 文字になめらかな色の移り変わりを適用します。 変更を適用する: エフェクトを設定したらOKを押して文字に適用します。 ステップ8: 仕上げる。 プロジェクトを保存する: すべての変更を終えたら、ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDで保存するか、最終利用のために別の形式(PNG、JPEG)へ書き出します。
- 見出しや大きな文字には太字フォントを使い、よりよく見えるようにしましょう。
- エフェクトの実験: 影、縁取り、グラデーションを組み合わせて、文字をより印象的に見せましょう。
- 行間の制御は、文字をより整い読みやすくする助けになります。
42. Photoshopでテキストマスクを作る: 文字への画像の重ね
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを設定し、背景色を選びます。効果がより目立つよう、シンプルな背景(黒または白)を使うのが良いです。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして文字を入力します。大きな文字の内側で画像がよく見えるので、ImpactやArial Blackなど太字フォントを使います。
- ステップ2: 画像を追加する。画像を開きます。
ファイル > 開く(File > Open)から、文字に重ねたい画像を選びます。画像は別のタブで開きます。 画像を文字のあるドキュメントへドラッグする: 移動ツール(Move Tool)を選ぶかVを押し、画像を文字のあるキャンバスへドラッグします。文字の上の新しいレイヤーとして現れます。 画像のサイズを変える: Ctrl+T(MacではCmd+T)で自由変形(Free Transform)を有効にします。Shiftキーを押して比率を保ちながら、適切なサイズまで画像を縮小または拡大します。画像が文字を完全に覆うようにします。Enterを押して変形を適用します。
- ステップ3: テキストマスクを適用する。画像を文字の上に配置する:
レイヤー(Layers)パネルで、画像のレイヤーがテキストレイヤーより上にあることを確認します。 クリッピングマスク(Clipping Mask)を作る: 画像のレイヤーを右クリックしてクリッピングマスクを作成(Create Clipping Mask)を選びます。これで画像は文字の内側だけに表示されます。 別の方法: Altキー(MacではOption)を押しながら、レイヤーパネルのテキストレイヤーと画像レイヤーの境界にカーソルを合わせます。カーソルが四角の付いた矢印に変わります。クリックしてクリッピングマスクを作ります。
- ステップ4: 文字の中で画像を調整する。画像の移動:
画像のレイヤーを選び、移動ツール(Move Tool)(Vキー)で文字内の画像を動かし、マスクに使う最良の部分を選びます。 画像のサイズ変更: 文字内の画像のサイズや位置を変える必要があれば、再びCtrl+T(MacではCmd+T)で自由変形を有効にします。Shiftを押して比率をゆがめずにサイズを変えます。
- ステップ5: 文字にエフェクトを加える。文字をさらに印象的にするため、影、縁取り、外側の光彩などさまざまなレイヤースタイルを加えられます。
レイヤー効果(Blending Options)を開く: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 縁取り(Stroke)を加える: 縁取り(Stroke)を選び、太さと色を設定します。文字を際立たせ、より目立たせる助けになります。 影(Drop Shadow)を加える: 影(Drop Shadow)を選び、奥行きと立体感の効果を作ります。リアルな効果のために、角度、距離、サイズなどのパラメーターを設定します。
- ステップ6: 仕上げる。すべての変更を適用します。
画像を文字に重ねてすべてのエフェクトを加えたら、OKを押して設定を適用します。 プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDで保存するか、利用のためにPNGやJPEGへ書き出します。
43. Photoshopで文字に影を付ける方法: リアルな奥行きの作成
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを設定します。影がよく見えるよう、背景には文字と対照的な色を選びます。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして文字を入力します。より良い効果のために、Arial Black、Impact、Bebas Neueなどの太字フォントを使います。
- ステップ2: レイヤー効果を開く。テキストレイヤーを選ぶ:
レイヤー(Layers)パネルで、影を加えたいテキストレイヤーが選ばれていることを確認します。 レイヤー効果(Blending Options)を開く: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。
- ステップ3: 影を加える。影(Drop Shadow)を選ぶ:
レイヤー効果のウィンドウで左の一覧から影(Drop Shadow)を選びます。これで影のパラメーターを設定できます。 影を設定する: 影の色(Color): 色帯をクリックして影の暗い色を選びます。通常は黒か濃いグレーです。 不透明度(Opacity): 影の透明度を設定します。リアルな効果には通常40〜70%を使います。不透明度が低いほど影は柔らかく自然に見えます。 角度(Angle): 影が落ちる光の角度を設定します。角度を変えて影を左、右、斜めに落とせます。リアルな照明には通常120度に設定します。 距離(Distance): 影を文字からどれだけ離すかを制御するパラメーターです。軽い影なら10〜20ピクセル前後、深い影ならこの値を大きくします。 スプレッド(Spread): 影の強さを制御するパラメーターです。値が大きいほど影の縁が硬くなります。 サイズ(Size): ぼかしの効果のため影のサイズを設定します。値が大きいほど縁が柔らかく、影が拡散します。柔らかな効果には通常15〜30ピクセルで十分です。 描画モード(Blend Mode): 影がその自然な見た目を保ちつつ背景に重なるよう、影の描画モードは既定の乗算(Multiply)のままにします。
- ステップ4: 影を微調整する。パラメーターの実験:
不透明度、距離、サイズの設定を試して目的の効果を得ます。より柔らかく控えめな影が必要なら、不透明度を下げてサイズを上げます。 より複雑な効果のため影を複製する: いくつかの影を加えて多層の効果を作りたいときは、テキストレイヤーを複製し、2つ目のレイヤーに追加のレイヤー効果を設定できます。
- ステップ5: 変更を適用する。設定を適用します。
影を好みに設定したらOKを押して変更を適用します。
- ステップ6: 作業を保存する。プロジェクトを保存します。
影を加えてすべての設定を適用したら、ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDで保存するか、利用のためにPNGやJPEGへ書き出します。
- よりリアルな影を作る: リアルな効果のため、影はオブジェクトから離れるにつれてよりぼやけて柔らかくなるべきです。これを実現するには不透明度を下げてサイズを上げましょう。
- 自然な照明の角度を使う: よりリアルにするため、画像やデザインの照明の向きに合わせて影の角度を設定しましょう。
- 多段の影: いくつかの影のレイヤーを加えて、より複雑で深い効果を作れます。
44. Photoshopで背景なしの文字を作る方法: 透明な文字
- ステップ1: 新規ドキュメントを作る。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを設定し、文字と対照的な背景色を選びます。 背景が透明であることを確認する(必要な場合): 画像全体に透明な背景が必要なら、ドキュメント作成のダイアログで背景を透明(Transparent)に設定します。透明な背景のPNGで画像を保存したいときに便利です。
- ステップ2: 文字を追加する。文字を追加します。
ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして文字を入力します。透明になっても文字がよく見えるよう、太字フォントを使います。
- ステップ3: 文字の透明度を設定する。レイヤー効果(Blending Options)を開く:
レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 塗り(Fill)を0%に設定する: レイヤー効果で塗り(Fill Opacity)のスライダーを見つけ、0%に設定します。これで文字は完全に透明になりますが、加える縁取りやその他のエフェクトは見えたまま保たれます。
- ステップ4: 文字を見えるようにするため縁取りを加える。文字が透明でも見えるよう、縁取りを加える必要があります。
縁取り(Stroke)を加える: レイヤー効果のウィンドウで縁取り(Stroke)を選びます。 次のパラメーターを設定します。 サイズ(Size): 文字の太さに応じて縁取りのサイズを例えば2〜5ピクセルに設定します。 位置(Position): 縁取りが文字の外にあるよう外側(Outside)に設定します。 色(Color): 背景と対照的な縁取りの色(例えば黒や白)を選びます。
- ステップ5: 追加のエフェクトを加える。透明文字の効果を強めるため、影やその他のエフェクトを加えられます。
影(Drop Shadow)を加える: レイヤー効果で影(Drop Shadow)を選びます。 不透明度(Opacity)、距離(Distance)、サイズ(Size)を設定して、文字に奥行きを与える柔らかな影を作ります。 内側の光彩(Inner Glow)を加える: 内側の光彩(Inner Glow)を選び、文字に内側から柔らかな発光の効果を与えます。透明感を強め、視覚的な魅力を加えます。
- ステップ6: 仕上げる。すべての設定を適用します。
透明文字とすべてのエフェクトを設定したらOKを押して変更を適用します。 プロジェクトを保存する: 透明な背景で画像を保存したいなら、ファイル > 別名で保存(File > Save As)を選び、背景の透明を保つためPNG形式で保存します。
- 太字フォントを使う: 透明文字は太字フォントで最も見栄えよく見えます。縁取りや影などのエフェクトがよりよく見えるからです。
- エフェクトの実験: 縁取りと影のほか、グラデーションや内側の光彩などのレイヤースタイルを加えて、文字の見た目を良くできます。
- 背景とのコントラスト: 文字がよく見えるよう、縁取りや影などの文字エフェクトが背景と対照的になるようにしましょう。
45. Photoshopで文字を円形に回す方法: 円形テキストを作る手順
- ステップ1: 新規ドキュメントを作り円を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを設定し、背景色を選びます。 円を追加します。 ツールパネルで楕円形ツール(Ellipse Tool)を選ぶか、Uを押します。ツールがパスやピクセルではなくシェイプ(Shape)に設定されていることを確認します。 Shiftを押しながらキャンバスに円を描き、比率が保たれるようにします。
- ステップ2: 円に沿って文字を追加する。横書き文字ツール(Type Tool)を選ぶ:
ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 輪郭に沿って選ぶ: カーソルを円の輪郭に合わせます。カーソルが文字カーソルの付いた波線(パス上文字の目印)に変わったら、円の輪郭をクリックします。これで円に沿って文字を入力できます。 文字を入力する: 文字を入力し始めると自動的に円に沿います。すべての文字を一度に入力しても、入力後に編集しても構いません。
- ステップ3: 円に沿った文字位置を設定する。文字の移動:
文字を入力したら、パスコンポーネント選択ツール(Path Selection Tool)(Aを押す)で円に沿って文字を動かします。文字をクリックして輪郭上の目的の場所へドラッグします。 文字位置の変更: 文字が円の外ではなく内側にある場合は、パスコンポーネント選択ツールを選び、文字の端にある小さなアイコンをクリック&ドラッグして、円の内側または外側へ移します。
- ステップ4: フォントと文字スタイルを設定する。フォントとサイズの変更:
入力した文字を選択し、文字(Character)パネルでフォント、サイズ、種類を変えます。円形の文字にはArialやRobotoなどのサンセリフ体が最も向いていますが、どんなスタイルでも試せます。 字間(Tracking)の設定: 文字(Character)パネルで字間(トラッキング)を調整して、文字を整えます。円が大きいほど字間を広げられます。
- ステップ5: 円に2行の文字を作る(任意)。円を複製する:
円の両側に文字を作りたい場合は、円のレイヤーをCtrl+J(MacではCmd+J)で複製します。 2つ目の文字を作る: 複製した新しい円で文字作成の手順を繰り返します。2つ目の文字を円の反対側や内側に配置できます。
- ステップ6: 円の輪郭を削除または非表示にする。輪郭の非表示:
文字を円に沿って配置したら、文字だけを残すため円を隠せます。レイヤー(Layers)パネルでシェイプのレイヤーをクリックして不透明度(Opacity)を0%にするか、円のレイヤーを削除するだけです。
- ステップ7: 仕上げる。すべての変更を適用します。
文字を配置して好みに設定したら、すべてが正しく揃いスタイリングされているか確認します。 プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDで保存するか、利用のためにPNGやJPEGへ書き出します。
- 円に沿って配置する文字には、よく見えるよう太字フォントを使いましょう。
- 配置の実験: パスコンポーネント選択ツールで位置を変え、文字を円の外側にも内側にも配置できます。
- 文字とグラフィックを組み合わせる: 円形の文字はグラフィック要素とよく合い、動きのある構成を作れます。
46. Photoshopで文字を挿入する方法: 写真への文字の追加
- ステップ1: 画像を開く。画像を開きます。
Photoshopを開き、ファイル > 開く(File > Open)を選んで、文字を加えたい画像を読み込みます。目的のファイルを選んで開くを押します。
- ステップ2: 文字を追加する。横書き文字ツール(Type Tool)を選ぶ:
左のツールパネルで横書き文字ツール(Type Tool)を選ぶか、キーボードのTキーを押します。 画像をクリックして文字を入力する: 画像上の、文字を入力し始めたい場所をクリックします。点滅するカーソルが現れ、文字を入力できる状態になります。 文字を入力する: 写真に加えたい文字を入力し始めます。文字が画像上に現れ、あとでサイズ、フォント、スタイルを変えられます。
- ステップ3: 文字を設定する。フォントとサイズの変更:
文字を入力したら、文字(Character)パネルでパラメーターを設定できます。 ウィンドウ > 文字(Window > Character)へ移動して文字パネルを開きます。ここで次を変えられます。 フォント: 一覧から目的のフォントを選びます。見出しには太字フォント、説明文にはより細いフォントを使うのが良いです。 文字サイズ: 必要に合わせてサイズを増減します。 種類: 文字を太字、斜体にしたり、ほかの種類を使ったりできます。 文字色の変更: 文字色を変えるには、横書き文字ツールで文字を選び、文字(Character)パネルで色帯をクリックします。カラーピッカー(Color Picker)が開き、目的の色を選べます。選んだらOKを押します。
- ステップ4: 文字を移動する。文字を移動します。
文字が置きたい場所にない場合は、移動ツール(Move Tool)を選ぶかVキーを押します。 文字を写真上の目的の場所へドラッグします。
- ステップ5: 文字にエフェクトを適用する。文字をより印象的にし、画像の背景で際立たせるため、レイヤー効果(Blending Options)でさまざまなエフェクトを加えられます。
レイヤー効果を開く: レイヤー(Layers)パネルでテキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選びます。 縁取り(Stroke)を加える: レイヤー効果のウィンドウで縁取り(Stroke)を選びます。縁取りのサイズ、色、位置を設定します。縁取りは明るく複雑な背景で文字を際立たせる助けになります。 影(Drop Shadow)を加える: 影(Drop Shadow)を選んで文字に奥行きを加えます。影がリアルに見えデザインを引き立てるよう、不透明度(Opacity)、距離(Distance)、サイズ(Size)を設定します。 ほかのエフェクトを使う: 輝く文字を作る外側の光彩(Outer Glow)や、色の移り変わりを適用するグラデーションオーバーレイ(Gradient Overlay)など、ほかのエフェクトも加えられます。
- ステップ6: 文字の透明度を設定する。文字の不透明度を変える:
文字を部分的に透明にしたいなら、レイヤー(Layers)パネルでテキストレイヤーの不透明度(Opacity)を変えます。これで透明感の効果ができ、デザインに面白い視覚要素を加えられます。
- ステップ7: 仕上げる。文字を確認する:
文字が目的の場所にあり、正しく揃い、読める状態か確認します。 プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDでファイルを保存します。 文字付きの画像を書き出すには、ファイル > 書き出し > Web用に保存(File > Export > Save for Web)を選び、PNGやJPEGで保存します。
- 文字の対照的な色: 文字が読みやすいよう、背景と対照的な文字色を使いましょう。
- 縁取りと影: これらのエフェクトは、背景が濃い写真で文字を際立たせる助けになります。
- 適切なフォントを使う: 正しいフォントの選択は、文字のスタイルとメッセージを伝える上で重要な役割を果たします。
47. Photoshopで文字のフォントを変える方法: フォントの手引き
- ステップ1: 文字を含むドキュメントを開く。ドキュメントを開きます。
Photoshopを起動し、ファイル > 開く(File > Open)を選んで、文字のフォントを変える既存のプロジェクトや画像を読み込みます。ファイルを選んで開くを押します。 新しい文字を作る(必要な場合): 新しい文字を加えたいなら、ツールパネルで横書き文字ツール(Type Tool)を選ぶかTキーを押します。 キャンバスをクリックして、スタイリングしたい文字を入力します。
- ステップ2: テキストレイヤーを選ぶ。テキストレイヤーを選びます。
レイヤー(Layers)パネルで、変えたいテキストレイヤーを見つけます。通常テキストレイヤーは文字Tのアイコンで示されます。 そのレイヤーをクリックして有効にします。
- ステップ3: フォントを変える。文字ツールを選ぶ:
ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。次にキャンバス上の文字をクリックして編集用に選択します。 文字(Character)パネルを開く: ウィンドウ > 文字(Window > Character)へ移動して、フォントのパラメーターを変えられる文字パネルを開きます。 フォントを変える: 文字(Character)パネルでフォント名のドロップダウンメニューを見つけます。 一覧から目的のフォントを選びます。Photoshopには既定でお使いのコンピューターにあるすべてのフォントが入っており、追加のフォントもインストールできます。 フォントのスタイル(種類)を変える: フォントを選んだあと、スタイルを変えられます。文字(Character)パネルで、選んだフォントに応じてBold(太字)、Italic(斜体)、Regular(標準)などから選びます。
- ステップ4: サイズなど文字のパラメーターを設定する。文字サイズの変更:
文字(Character)パネルのサイズ(Size)欄で文字サイズを増減できます。目的の値を手入力するか、矢印でサイズを変えます。 文字色の変更: 文字パネルの色の小箱をクリックしてカラーピッカー(Color Picker)を開きます。目的の色を選んでOKを押します。 行間(Leading)の設定: 文字パネルで行送り(Leading)を見つけます。これは文字の行間を制御します。行がくっつくなら値を上げ、詰めたいなら下げます。 字間(Tracking)の変更: 文字パネルで字間(Tracking)を調整して、行内のすべての文字の間隔を変えます。より整い揃った文字を作るのに特に便利です。
- ステップ5: Google Fontsなど外部フォントを使う。既定の一覧にないフォントを使いたい場合は、新しいフォントをダウンロードしてインストールできます。
新しいフォントをダウンロードする: Google Fonts、DaFont、Adobe Fontsなど、無料または有料のフォントを提供するサイトでフォントを見つけます。目的のフォントファイル(多くは.ttfや.otf形式)をダウンロードします。 フォントをインストールする: Windowsでは、ダウンロードしたフォントファイルを右クリックしてインストールを選びます。 Macでは、フォントファイルをダブルクリックしてフォントをインストールボタンを押します。 Photoshopで新しいフォントを使う: 新しいフォントをインストールすると、Photoshopのフォント一覧で使えるようになります。上で説明したとおり、文字(Character)パネルのドロップダウンから選びます。
- ステップ6: 文字にエフェクトを適用する。レイヤー効果を開く:
テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選び、縁取り、影、グラデーションなどのエフェクトを文字に加えます。 縁取り(Stroke)を加える: レイヤー効果で縁取り(Stroke)を選び、色、サイズ、位置を設定します。背景の中で文字を際立たせる助けになります。 影(Drop Shadow)を加える: 影(Drop Shadow)を選んで文字に奥行きを与え、より印象的にします。
- ステップ7: 仕上げる。すべての変更を適用します。
フォントと文字スタイルを設定したら、キャンバスの別の部分をクリックして文字の編集を終えます。 プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDで保存するか、利用のためにPNGやJPEGへ書き出します。
- ヒント:
- フォントの選択: プロジェクトのスタイルに応じてフォントを選びましょう。見出しには太く印象的なフォント、本文にはよりシンプルで読みやすいフォントを使います。
- サンセリフ体のフォント: ArialやRobotoなどのフォントは、通常セリフ体より画面で読みやすいです。
- Google Fontsの活用: これらのフォントは無料で、印刷にもWebデザインにも簡単に取り入れられます。
48. Photoshopで文字を半円形にする方法: 丸みのある文字の作成
- ステップ1: 新規ドキュメントを作り文字の基礎を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを設定し、文字と対照的な背景色を選びます。 目印用の半円を追加します。 文字を半円形にするには、ガイドとなる半円を作る必要があります。ツールパネルで楕円形ツール(Ellipse Tool)を選ぶか、Uキーを押します。 ツールがシェイプやピクセルではなくパス(Path)に設定されていることを確認します。 Shiftを押しながらキャンバスに完全な円を描き、比率が保たれるようにします。この円が文字のガイドになります。
- ステップ2: 半円に沿って文字を配置する。横書き文字ツール(Type Tool)を選ぶ:
ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 輪郭に文字を配置する: カーソルを円の輪郭に合わせます。カーソルが文字カーソルの付いた波線(パス上文字の目印)に変わったら、円の輪郭をクリックします。 半円形に配置したい文字を入力します。文字は自動的に円の輪郭に沿います。
- ステップ3: 半円に沿った文字を設定する。半円に沿って文字を移動する:
文字を半円上の目的の位置へ動かすには、パスコンポーネント選択ツール(Path Selection Tool)(Aキー)を選びます。 文字をクリックして輪郭に沿ってドラッグし、円の上部に配置して半円を形づくります。 文字位置の設定: 文字が円の内側や逆側に表示される場合は、パスコンポーネント選択ツールで文字の端にある小さなアイコンをドラッグして位置を変えます。 余分な部分の文字を削除する: 半円だけを残すには、テキストレイヤーを右クリックしてテキストをラスタライズ(Rasterize Type)を選びます。次に選択ツール(Selection Tool)や消しゴム(Eraser Tool)で不要な部分の文字を消し、円の上部または下部だけに残します。
- ステップ4: フォントと文字スタイルを変える。フォントとサイズの変更:
文字を選択し、文字(Character)パネルでフォント、サイズ、スタイルを変えます。強調には太字フォント、より軽い見た目には斜体を使います。 字間(Tracking)の設定: 文字(Character)パネルで字間を調整して、半円の文字を整えます。
- ステップ5: 追加の設定と輪郭の削除。輪郭の非表示または削除:
文字を半円に配置したら、円の輪郭を隠すか削除できます。レイヤー(Layers)パネルで円のレイヤーをクリックして削除するか、不透明度(Opacity)を0%まで下げるだけです。 文字にエフェクトを加える: テキストレイヤーを右クリックしてレイヤー効果(Blending Options)を選び、縁取り、影、外側の光彩などさまざまなエフェクトを加えます。半円の上で文字をより印象的で調和したものにする助けになります。 ステップ6: 仕上げる。 すべての変更を適用します。 文字が半円に正しく配置され、すべての設定が済んでいるか確認します。 プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDで保存するか、利用のためにPNGやJPEGへ書き出します。
- 半円の文字をより清潔で簡潔に見せるには、サンセリフ体のフォントを使いましょう。Arial、Roboto、Bebas Neueなどがこの効果に向いています。
- 文字の配置を試す: 文字は半円の上部にも下部にも配置でき、多様な装飾の選択肢が得られます。
- アーチ効果の設定: よりなめらかな効果のため、テキストブロックが輪郭のサイズに完全に合っていることを確認しましょう。
49. Photoshopで画像から文字を消す方法: 跡を残さず文字を削除する
- ステップ1: 画像を開く。画像を開きます。
Photoshopを起動し、ファイル > 開く(File > Open)を選んで、文字を消したい画像を読み込みます。コンピューター上のファイルを見つけて開くを押します。
- ステップ2: コンテンツに応じた塗りつぶしツールを使う。文字の部分を選択する:
ツールパネルで選択ツール(Selection Tool)を選ぶか、Mキーを押します。より正確に文字を選ぶには、長方形選択ツール(Rectangular Marquee Tool)や投げ縄ツール(Lasso Tool)を使えます。 コンテンツに応じた塗りつぶしを適用する: 文字を選択したら、編集 > 塗りつぶし(Edit > Fill)へ移動します。 開いたダイアログの「使用(Use)」の一覧でコンテンツに応じる(Content-Aware)を選びます。 OKを押すと、Photoshopが文字の周囲のピクセルを使って選択領域を自動的に埋めます。 結果を微調整する: 塗りつぶしのあと、いくつかの領域がわずかにゆがむことがあります。これを直すには、精密な補正ツール(例えば下記のスタンプやパッチ)を使います。
- ステップ3: パッチツールを使う。パッチツール(Patch Tool)を選ぶ:
ツールパネルでパッチツール(Patch Tool)を選ぶか、Jキーを押します。ソース(Source)モードに設定されていることを確認します。 文字を選択する: パッチで、消したい文字の領域を囲みます。 選択範囲をドラッグする: 選択範囲を、文字の置き換えに使う画像のきれいな領域へドラッグします。Photoshopが自動的に文字をその領域に置き換え、周囲の画像にテクスチャをなめらかに合わせます。
- ステップ4: スタンプツールを使う。コピースタンプツール(Clone Stamp Tool)を選ぶ:
ツールパネルでコピースタンプツール(Clone Stamp Tool)を選ぶか、Sキーを押します。 ブラシを設定する: 上部ツールパネルで、複製する領域に合うようブラシのサイズと硬さを設定します。 複製する領域を選ぶ: Altを押しながら、文字の置き換えに使う画像の領域をクリックします。文字の周囲の背景に似たテクスチャと色の領域を選びます。 文字を削除する: 領域を選んだら文字へ移り、丁寧に塗って消します。結果が自然に見えるよう、小さなストロークを使うようにします。
- ステップ5: 修復ブラシツールを使う。スポット修復ブラシツール(Spot Healing Brush)を選ぶ:
ツールパネルでスポット修復ブラシツール(Spot Healing Brush Tool)を選ぶか、Jキーを押します。 ブラシを設定する: ブラシのサイズを、消したい文字より少し大きくなるよう設定します。 文字を削除する: 文字の上をブラシでなぞるだけで、Photoshopが周囲のテクスチャに基づいたピクセルで自動的に置き換えます。
- ステップ6: 仕上げのため「ぼかし」ツールを使う。文字を消したあと小さな欠陥が残った場合は、ぼかしツール(Blur Tool)や指先ツール(Smudge Tool)で縁を滑らかにし、結果をより自然にできます。
ぼかしツール(Blur Tool)を選ぶ: ぼかしツールを選び、文字があった領域の縁を丁寧になぞって、鋭い移り変わりを和らげます。 指先ツール(Smudge Tool)を使う: 文字を消したが小さな跡やムラが残った場合は、指先ツールで色とテクスチャを混ぜます。
- ステップ7: 仕上げる。すべての変更を適用します。
文字があった領域が自然に見え、周囲の背景になめらかに移り変わっているか確認します。 画像を保存する: ファイル > 別名で保存(File > Save As)へ移動し、最終結果ならPNGやJPEG、今後の作業のためにレイヤーを保つならPSDで画像を保存します。
- 高解像度を使う: 画像の解像度が高いほど、跡を残さず文字を消しやすくなります。
- レイヤーの複製で作業する: 削除を始める前にテキストレイヤーの複製を作り、間違えたときに元の状態へ戻せるようにしましょう。
- ツールを組み合わせる: 複雑な状況では複数の手法を組み合わせられます。まずコンテンツに応じた塗りつぶしを使い、その後スタンプやパッチで結果を手直しします。
50. Photoshopで3D文字を作る: 立体感と遠近感を加える
- ステップ1: 新規ドキュメントを作り文字を追加する。新規ドキュメントを作ります。
Photoshopを開き、ファイル > 新規(File > New)を選びます。例えば1920x1080ピクセルなどドキュメントサイズを設定し、背景色を選びます。 文字を追加します。 ツールパネルで横書き文字ツール(Type Tool)を選ぶか、Tキーを押します。 キャンバスをクリックして文字を入力します。3D効果には、Impact、Arial Black、Bebas Neueなどの太字フォントを使うのが良いです。
- ステップ2: 文字を3Dオブジェクトに変換する。文字を3Dレイヤーに変換します。
レイヤー(Layers)パネルでテキストレイヤーを選びます。 3D > 選択したテキストから新規3Dレイヤー(3D > New 3D Extrusion from Selected Layer)へ移動します。これで文字が自動的に3Dオブジェクトに変換されます。 3Dパネルを開く: 文字を変換すると3Dパネルが開き、押し出し(引き出し)、光、影、遠近感など立体文字のパラメーターを編集できます。
- ステップ3: 立体感と遠近感を設定する。押し出しの深さを変える:
プロパティ(Properties)パネルで文字の押し出しの深さを設定できます。スライダーを使うか、押し出しの深さ(Extrusion Depth)欄に数値を入力して、文字の立体感を増減します。押し出しは、文字を「押し出す」深さで、3Dの見た目を与えます。 遠近感を設定する: 3Dパネルで文字の視点を変えられます。平行投影(Orthographic Projection)やパノラマカメラ(Panoramic Camera)のツールを使い、文字を回転させ遠近感を設定します。これで文字が角度や傾きを持って見える効果を作れます。
- ステップ4: 光と影を設定する。光源を加える:
3Dパネルでライト(Light)タブを選びます。Photoshopでは、文字をよりリアルに見せるため複数の光源を加えられます。 光の種類を変えられます。平行光源(Infinite Light)、点光源(Point Light)、環境光(Ambient Light)です。目的の効果のため光源を動かします。 影を設定する: 光のパラメーターで文字の影を設定します。影は光源の位置に応じて自動的に作られます。影が自然に見えるよう、照明の強さと角度を調整します。
- ステップ5: テクスチャとマテリアルを設定する。文字のマテリアルを選ぶ:
3Dパネルで文字の表面のマテリアルを選べます。3Dパネルでテキストレイヤーをクリックしてマテリアルのプロパティを開きます。 金属、プラスチック、木などさまざまなマテリアルを選んで、文字にテクスチャのある見た目を与えます。プロジェクトに応じて、マテリアルの色、反射、光沢、透明度を設定します。 テクスチャを適用する: 文字にテクスチャを加えたい場合は、マテリアルのプロパティでテクスチャの画像を読み込めます。例えば、追加のリアリティのために木、石、金属のテクスチャを加えられます。
- ステップ6: 3D文字をレンダリングする。レンダリングを設定する:
3D文字をレンダリングする前に、ライティング、遠近感、押し出し、テクスチャのすべてのパラメーターが正しく設定されているか確認します。 3D > 3Dレイヤーをレンダリング(3D > Render 3D Layer)へ移動してレンダリングの処理を開始します。これで立体文字の最終的な視覚効果ができます。 レンダリングを待つ: シーンの複雑さやコンピューターの性能によっては、レンダリングに時間がかかることがあります。最終結果を見るため処理の完了を待ちます。
- ステップ7: 追加のエフェクトを加える。縁取りや影を加える:
3D文字をレンダリングしたあと、レイヤー効果(Blending Options)で縁取りや追加の影を加えられます。文字にさらなる奥行きを与えます。 フィルターを使う: 必要なら、Photoshopのフィルターを文字に適用して見た目を良くできます。例えば、特定の効果を作るためぼかしやノイズのフィルターを加えます。
- ステップ8: 仕上げる。すべての設定を適用します。
レンダリング後の最終結果を確認し、文字が立体的でリアルに見えるか確かめます。必要なら光、マテリアル、遠近感の設定に戻ります。 プロジェクトを保存する: ファイル > 別名で保存(File > Save As)へ移動し、今後の編集用のPSDでプロジェクトを保存します。画像を書き出すには、ファイル > 書き出し(File > Export)を選び、PNG、JPEG、その他プロジェクトに適した形式で保存します。
- 文字のマテリアルに対照的な色を使う: 背景の中で3D文字を際立たせ、より目立たせる助けになります。
- 光の設定: さまざまな光源は、面白い影を作り文字に奥行きを加える助けになります。
- 遠近感: 遠近感とカメラの角度を試し、文字をより動きのあるものにしましょう。