Latest evidence-based health information
Iphone

Photoshopフォント:テキストタイプとテキスト編集の使用

Photoshopフォント:テキストタイプとテキスト編集の使用
Photoshopフォント:テキストタイプとテキスト編集の使用

Adobe Photoshopの豊富な機能の一つに、フォントの作成と装飾機能があります。このチュートリアルは初心者向けで、手順はPhotoshop Creative Suite 1から6まで適用できます。

キャラクター属性

1. Photoshopを開き、「ファイル」 > 「新規」 > 「名前」を選択します。この例では「FabFonts1」という名前を付け 、以下の設定を行います。 

  • プリセット: カスタム
  • 幅: 8 (インチ)
  • 高さ: 10 (インチ)
  • 解像度: 300 (ピクセル/インチ)
  • カラーモード: RGB 
  • (背景)内容:白
  • 次に[OK]をクリックします。

3つの重要なヒント:

  • 印刷物には300(ピクセル/インチ)、インターネット/ウェブサイト用画像には72(ピクセル/インチ)を使用してください。ただし、72ppi(ピクセル/インチ)で画像を作成した場合、300ppiに拡大(リサンプル)することはできませんのでご注意ください。拡大された画像には、圧縮ノイズと呼ばれる、ぼやけた、膨らんだ、歪んだピクセルが発生し、画像内のすべてのオブジェクトの周囲にぼやけたハロー効果が発生します。「新しい」Photoshopファイルは300ppiで作成し、必要に応じて縮小してください。ピクセル数やサイズを縮小しても、アップグレードや拡大のように画像が歪むことはありません。
  • カラーモードに注意してください。RGBは赤(Red)、緑(Green)、青(Blue)を表します。画面、インターネット、写真にはこのカラーモードを選択してください。CMYKはシアン(Cyan)、マゼンタ(Magenta)、イエロー(Yellow)、黒(Black)を表します。地元のプリンター、印刷会社、出版社などで印刷する画像やテキストには、このカラーモードを使用してください。CMYKファイルはRGBファイルのほぼ2倍のサイズになるため、必ずRGBで作業し、必要に応じて後で変換してください。
  • 印刷前にRGBファイルをCMYKに変換するのを忘れてもご安心ください。「新しい」プリンターは自動的に変換してくれます。ただし、CMYKファイルをインターネット上のウェブサイトにアップロードしても、インターネットはCMYK画像をサポートしていないため、画像は表示されません。
01 新しいPhotoshopファイルを作成する JD・サーティン / PCワールド

新しい Photoshop ファイルを作成します。

2. テキスト/タイプツール[T]を選択し、「Fabulous Fonts」と入力します。

3. まだ開いていない場合は、「ウィンドウ」 > 「文字」を選択し、「ウィンドウ」 > 「段落」を選択します。これらの重ね合わせたウィンドウを画面の右下隅に移動します。

4. まだ開いていない場合は、「ウィンドウ」 > 「レイヤー」を選択し、「ウィンドウ」 > 「スタイル」を選択します。これらの重ね合わせたウィンドウを画面の右上に移動し、文字/段落ウィンドウまでウィンドウを拡大します。

02 テキストを入力 レイヤースタイル 文字 段落ツール ウィンドウを開く JD・サーティン / PCワールド

テキストを入力し、レイヤー、スタイル、文字、段落ツールウィンドウを開きます

5. 「キャラクター」ウィンドウで、さらに次の設定を行います。

  • フォント: Arial
  • フォント スタイル: 黒 (標準、太字、斜体、細字などとは異なります)
  • フォントサイズ: 30
  • リーディング: 自動
  • カーニング(グレー表示)
  • 追跡: 0
  • 垂直スケール: 100%
  • 水平スケール: 100%
  • ベースラインシフト: 0
  • テキストの色: 黒 (または好きな色を選択)

いくつかの注意事項: 

  • カーニングとは、2つの文字間のスペースです。リーディングとは、行間のスペースです。トラッキングとは、選択したテキスト内のすべての文字間のスペースを拡張または縮小することです。一部の書体では、Swiss ExtendedやSwiss Condensedなど、個々のフォントファミリー内でこれらの文字属性が提供されています。
  • トラッキングのデフォルト設定は0です。幅の広いフォントをお使いの場合は、トラッキングをあらかじめ設定された増分(負の値)で減らすか、任意の負の値を入力することができます。フォントが狭すぎる場合は、トラッキングを増やす(あらかじめ設定された増分)か、任意の正の値を入力してください。このArialフォントの場合、トラッキングを50と入力すると、フォントの幅が少し広がります。

6. 次の行の文字は次のような意味を持ちます。

T (擬似太字); T (擬似斜体); TT (大文字); Tr (小文字): T (上付き文字); T (下付き文字); T (下線); T  (取り消し線)

7. 最後に「言語(英語)」と「アンチエイリアシング(シャープ)」の「aa」を選択します。アンチエイリアシングとは、画像や文字の境界をわずかにぼかすことで、粗くギザギザしたピクセルのエッジ(四角い)を滑らかにする技術です。

03 文字のフォントスタイル属性などを定義する JD・サーティン / PCワールド

文字のフォント、スタイル、属性などを定義します。

段落属性

1. 「段落」タブをクリックします。このウィンドウでは、最初の行(左側)の配置は「中央揃え」 (他の選択肢は「左揃え」と「右揃え」)になっています。最初の行(右側)の配置は、「最終行を左揃え」、「最終行を中央揃え」、「最終行を右揃え」、「すべて揃え」のいずれかです。

2. 2 行目は、「左余白のインデント:」と「右余白のインデント:」です (この単語、句、または段落をインデントする場合)。

3. 3 行目は、最初の行のみをインデントします (段落全体ではなく、タブのように)。

4. 最後の行は「段落前にスペースを追加」と「段落後にスペースを追加」です。これはWordの行間と同じです。1つのスペースは1ポイントです。つまり、最初の行に「10」と入力すると、各段落の前に10ポイントのスペースが追加されます。

5. 最後に、文末の単語をハイフンでつなぐ場合は、下部にあるチェックボックスをクリックします。

04 段落の配置、余白、行間隔などを定義する JD・サーティン / PCワールド

04 段落の配置、余白、行間隔などを定義します。

テキストを変換する

ここで、Photoshop のオブジェクト/テキスト編集機能の 1 つを使用してテキストを変換してみましょう。[編集] > [変形]を選択し、リストから変換効果を選択します。[スケール]、[回転]、[傾斜]、[歪曲]、[遠近法]、[ワープ] に加えて、[180° 回転]、[90° 時計回り]、[90° 反時計回り]、[水平反転]、[垂直反転] を選択します。 

05 編集変換を選択し、変換効果を選択します JD・サーティン / PCワールド

「編集」、「変形」を選択し、変形効果を選択します

1. スケール:オブジェクトまたはテキストのサイズを拡大または縮小します。画面上部のフィールドボックスを使用して、基準点による相対位置(X軸とY軸)、寸法による相対位置(幅と高さ)、または角度による相対位置(水平、垂直)でサイズを直接入力できます。また、ハンドル(左上、中央、右、左下、中央、右、左中央、右中央)を使用して、オブジェクトまたはテキストのサイズを拡大または縮小することもできます。

テキストを比例的に拡大または縮小したい場合は、フォントのポイントサイズを増減するだけで済みます。ただし、テキストの幅は変えずに高さだけを増やしたい場合や、高さは変えずに太くしたい場合、あるいは特定のスペースにぴったり収まるように調整したい場合は、ハンドルとスケールを使用してください。

2. 回転:この機能は説明の必要がないほど簡単です。繰り返しになりますが、上部のフィールドボックスを使って回転角度を直接入力することもできます(前述の通り)。または、ハンドルを使ってテキストを回転させることもできます。

3. 傾斜: オブジェクトまたはテキストを垂直方向と水平方向に傾けます。この場合も、上部のフィールドボックスを使って(前述のように)傾きを物理的に入力するか、ハンドルを使ってテキストを傾斜させます。

06 スケール、回転、傾斜、サイズ、回転、傾斜テキストを選択 JD・サーティン / PCワールド

テキストのサイズに合わせて拡大縮小を選択し、テキストを回転するには回転を選択します

4. 変形:テキスト編集ではグレー表示になっています。オブジェクトの場合は、この機能を使って8つのハンドルのいずれかを押したり引いたりすることで、オブジェクトを完全にねじったり、歪ませたり、曲げたりすることができます。

5. 遠近法:これもテキスト編集ではグレーアウトしています。この機能の8つのハンドルを使って、図形やオブジェクトの遠近法を調整します。例えば、オブジェクトの前面を大きく、背面を小さくすることで、平面に距離感や奥行き感を与えることができます。

6. ワープ:これが一番楽しい!この機能を使うと、テキストを虹のように巻き付けたり、階段を上ったり(または下ったり)、波の曲線に沿って曲げたり、ねじったり、膨らませたり、圧縮したりできます。オプションは、アーク、アーク下、アーク上、アーチ、バルジ、シェル下、シェル上、旗、波、魚、上昇、魚眼レンズ、膨張、膨張、ツイストです。

07 ワープオプション アーク アーク下 アーク上 JD・サーティン / PCワールド

ワープオプション: 円弧、円弧下、円弧上

7. ワープ デザインを選択したら、上部のハンドルまたはフィールド ボックス (曲げ %、水平 %、垂直 %) を使用して、埋める必要のあるスペースに収まるようにワープ デザインを操作します。

8つのワープオプションアーチバルジシェル下部シェル上部 JD・サーティン / PCワールド

ワープオプション: アーチ、バルジ、シェル下部、シェル上部

たとえば、デフォルトの曲げは 50% で、水平と垂直は両方とも 0.00 に設定されています。

9つのワープオプション旗波魚上昇 JD・サーティン / PCワールド

ワープオプション: フラッグ、フィッシュ、ウェーブ、ライズ

8. 「円弧上」を選択し、「曲げ」を90%、「水平傾斜」を100%に設定するとどうなるか見てみましょう。この歪んだデザインが気に入ったら、「ポインターツール」をクリックし、「変形を適用」ダイアログボックスが表示されたら「適用」ボタンをクリックします。

10 ワープオプション 魚眼レンズ 膨らませる 絞る ねじる JD・サーティン / PCワールド

10 種類のワープ オプション: 魚眼、膨張、圧縮、ねじり

9. 次に、ワープ変形に色、パターン、グラデーション、またはスタイルを適用すれば、作品は完成です。ワープデザイン、それぞれの曲げ、水平、垂直の割合をいろいろ試してみて、この機能一つで何百通りもの素晴らしいテキストエフェクトを作成できることに気づいてください。 

11 横方向の斜めカラーのワープアーク上部 JD・サーティン / PCワールド

ワープ: 水平スキューとカラー付きのアークアッパー

Otpoo

Health writer and researcher with expertise in evidence-based medicine and healthcare information.