フォトショップ 文字pc操作中

目次

文字パネルでの操作
(太字、斜体、
下線など)
間隔(カーニング、
トラッキングなど)
段落パネル
「文字の加工」,
影つけや、ふちどり,
グラデーション
など
文字の透明化
「塗り」と「不透明度」
文字の切り抜き,「レイヤーマスク」、
「クリッピングマスク」,
「マスク文字ツール」
を使用した方法
「文字の変形」,
斜め、アーチ、
レイヤー効果のコピー
など

きほん

上部「ウィンドウ」→一番下の「文字」をクリックすると文字パネルが表示される。「文字パネル」から、いろいろ調整できる。

文字入力  「ツールパネル」から「T」をクリック→カンバス上でクリックして文字入力。ショートカット;「t」
文字変更 変更したい文字があるレイヤーを選択後→ツールパネルから文字ツールをクリック→カンバス上の変更したい箇所をクリック。

移動 「ツール」から右上にある三角の「移動ツール」→移動させたい文字をドラッグ。ショートカット;「V」
上部「自動選択」にチェックをいれておく

文字色 ・「文字パネル」から「カラー」をクリックし、 「カラーピッカ」または、「カラーパネル」、「スウォチパネル」から選択。

・アートボード上の色を使いたい時は、 「ツールパネル」から「スポイトツール」を選択
→アートボード上の使いたい箇所でクリックすると描画色になります。

文字サイズ拡大縮小
  1. 文字のあるレイヤーを選択
  2. 「ctrl」+「t」もしくは上部「編集」→「変形」→「拡大・縮小」
  3. 文字の周囲に表示される”バウンディングボックス”外側の両矢印←→をshiftを押しながらドラッグ
「ショートカット」 「縮小」 ctrl +shift +, 「拡大」 ctrl +shift +.
ラスタライズ [文字レイヤー]を右クリックし選択。「文字レイヤー」から「T」の字がなくなります。

ラスタライズした「文字レイヤー」ではテキストの編集、文字の追加等ができなくなります。
ブラシや消しゴムが使えるようになります。

ラスタライズは解除できない。ヒストリー等から戻る方法のみ。スマートオブジェクト化はできる。

基本的な文字スタイル

文字パネル

「ウィンドウ」→「文字」 「文字パネル」から書体、字間など調整。

縦書き、横書き
アンチエイリアス

文字のピクセル単位のギザギザを滑らかにする

上部「オプションバー」もしくは、「文字パネル」下部のaaがななめに並んでいる所から、「滑らかに」「鮮明」など選択
書体、太字、斜体

「文字パネル」から

下線、打消し線

「文字パネル」から

文字の横長(水平比率)「文字パネル」Tの下に両矢印。通常100%

文字の縦長(垂直比率)「文字パネル」Tの横に両矢印。通常100%
ベースライン「文字パネル」左下、大文字のAの隣に小文字のa
文字の上下の位置を設定。通常は0。マイナスにすると下方に位置します。

いろいろな言語 「文字パネル」1番左下。フランス語、ドイツ語など選択できる。

大文字にする「文字パネル」下中ぐらいの位置。 Tの横にTと、Tの横に小さいT

文字位置

カンバス上でのセンタリング
  1. センタリングしたいレイヤーをクリック
  2. [Ctrl]+[A]でカンバス全体を選択状態にします。
  3. ツールバーから「移動ツール」をクリック。
  4. 上部オプションバー中ほどの線と四角の記号の「垂直方向中央」「水平方向中央」をクリックします。
  5. 選択解除は[Ctrl]+[D]
外部リンク参考サイトさん カンバス上のセンタリング

間隔

トラッキング

(選択したテキスト全体の字間の調整)

カーニング

(個々の字間を詰めたり、広げたりする)

文字ツメ 「文字パネル」の”あ”の下に→ ←がある表示の箇所から
行間調整  外部リンク参考サイトさん 行間調整のやりかた

段落パネル

左寄せやインテンドなどの設定
禁則処理

文章の長さや字間、改行などを調整すること

弱い禁則 強い禁則
文字組み 半角、全角
ハイフネーション 英単語

文字加工

幾つか方法があります。

表示される「レイヤースタイルパネル」で「プレビュー」にチェックをいれておくと、カンバス上で効果を確認できる。

「レイヤーパネル」効果の左側の目のマークをクリックすることによりレイヤー効果の表示/非表示を変えられる

縁取り

縁取り、境界線の基本 Photoshop文字縁取り

文字枠は「境界線」でつくる

中を透明の縁取り Photoshop文字透明縁取り

立体的な文字

べベルとエンボス 「べベルとエンボス」をクリック→右側「構造」の「スタイル」から「ベベル(内側)」、「ベベル(外側)」、「エンボス」を選択します
陰影
深さ強さ、濃さの調整になります

グラデーションオーバーレイ

Photoshop文字グラデーション

いろいろな色やパターン、スタイルのグラデーションを適用できます。
横長バーの「グラデーション」をクリックして「グラデーションエディター」で色、透明度、色の組み合わせを決定します

「グラデーションオーバーレイ」は再編集できます。「グラデーションツール」は再編集できません

グラデーションエディター

「グラデーションエディター」グラデーションの色や透明度、位置を変えることができます
「グラデーションオーバーレイ」内の”グラデーションの横長バー”をクリックすると表示されます。

グラデーションエディターのとこへ スタイル

線形、円形、反射、角度の5つのスタイルでグラデーションの形を調整できます


●線形
Photoshop文字グラデーション線形
●反射
Photoshop文字グラデーション反射 「逆方向」 チェックをいれると開始と終点の色が変わります
●チェックあり
Photoshop文字グラデーション逆方向
●チェックなし
Photoshop文字グラデーション逆方向なし

透明文字

「塗り」と「不透明度」を使った方法があります

「塗り」を使った透明文字 Photoshop文字塗り

「レイヤーパネル」右上に表示されている「塗り」の数値を調整
文字だけ薄くなり、境界線やドロップシャドウなどの”レイヤー効果”は薄くなりません。

「不透明度」を使った透明文字 Photoshop文字塗り

「レイヤーパネル」右上に表示されている「不透明度」の数値を調整
文字と一緒に境界線やドロップシャドウなどの”レイヤー効果”も薄くなります。

画像を文字で切り抜き

フォトショップ-マスクについて
「レイヤーマスク」を使った切り抜き文字 Photoshop文字レイヤーマスク切り抜き
  1. 画像を準備します
  2. 文字を入力します
    Photoshop文字レイヤーマスク切り抜き
  3. 文字を入力した「レイヤーパネル」を選択します
  4. 上部[選択範囲]から[選択範囲を読み込む]をクリック。
  5. 「選択範囲を読み込む」ウィンドウが表示されますので、[OK]をクリック
  6. 文字が点線で囲まれ選択範囲として読み込まれます
    Photoshop文字レイヤーマスク切り抜き
  7. 文字入力したレイヤー左側の”目のアイコン”をクリックして非表示にします
  8. 画像レイヤーを選択します
  9. 「レイヤーパネル」下部の中ほどにある「レイヤーマスクを追加する」のアイコン("□の中に○")をクリックします。
「クリッピングーマスク」を使った切り抜き文字 「背景レイヤー」は右クリックで「通常レイヤー」にしておく。
  1. 画像を準備します※「背景レイヤー」の場合は「通常レイヤー」にしておく。
  2. 文字を入力します
    Photoshopクリッピングマスク文字
  3. ”文字があるレイヤー”を”画像レイヤー”の下に置きます。
  4. ”画像のあるレイヤー”を右クリックし「クリッピングマスクを作成」
    Photoshopクリッピングマスク文字完成
    「移動ツール」などで切り抜き箇所を変えることも可能です
文字レイヤーを画像レイヤーの下に
「文字マスクツール」を使った切り抜き文字
Photoshopマスク文字
  1. 画像を準備します
  2. 「ツール」から「文字マスクツール」を選択
  3. 文字を入力。 ※画面が赤くなります
    Photoshopマスク文字赤い
  4. 文字入力が完了したら上部”オプションバー”の〇をクリックすると文字が範囲選択されます
    Photoshopマスク文字範囲選択
  5. 「レイヤーパネル」下部にある「レイヤーマスクを追加」のアイコン("□の中に○")をクリック

色の置き換え

複数方法がある。

  1. [イメージ][色調補正][色の置き換え]
  2. 表示される一番左のスポイトで、変えたい部分をクリック。
    または、ツールバーから[選択範囲ツール]で変えたい部分を囲み、スポイトでクリック。
  3. スポイトの下の許容量で、色の変える範囲を調整できる。その下の黒と白の図が変える範囲を表す。
  4. 下にある「置き換え」から、変えたい色にする。「結果」という四角をクリックすると「カラーピッカ」が表示されます。
パターンオーバーレイ フォトショップ内にあるパターンを適用できます
影付け

影の”長さ”や”濃さ”大きさ”など調整できます

Photoshop文字シャドウ
  1. 文字が入力してある「テキストレイヤー」を右クリック。またはレイヤーパネル左下fxマークをクリック
  2. 「レイヤー効果」
  3. 「ドロップシャドウ」
  4. 距離 テキストからシャドウの距離
    スプレッドシャドウのコントラスト
    サイズ シャドウの大きさ
    角度 シャドウの位置
    カラー 「描画モード」の右側カラーをクリックし”シャドウの色”を変えることができます
透明  文字がある「テキストレイヤー」をクリック→レイヤーパネル右上「不透明度」から調整。


外部リンク参考サイトさん 文字加工種類

文字の変形など

自由変形ctrl+Tで周囲に”バウンディングボックス”が表示されます。

※「バウンディングボックス」表示/非表示; 「Ctrl」+「H」

斜め、回転
ゆがみ

上部「編集」→「変形」→「ゆがみ」バウンディングボックス(文字の周囲に表示される)をドラッグして調整

フォトショップゆがみ文字
「ワープテキストアーチ」”アーチ”や”曲線”など

「文字ツール」で文字を入力し
「ワープテキスト」(上部中央付近にあるTみたいなの)をクリック→「スタイル」から  

●円弧
フォトショップ円弧文字

「カーブ 」で角度を”緩やか”、”きつく”に調整できます


●旗
フォトショップ旗文字

「カーブ 」で角度を緩やか、きつくに調整できます


●アーチ
フォトショップアーチ文字
「カーブ 」で角度を緩やか、きつくに調整できます
円に沿って文字を配置 フォトショップ円に沿って文字
  1. [楕円形ツール]で円を描きます。
  2. 「文字ツール」を選択し"円のふち"をクリック
  3. 文字を入力

加工したスタイルのコピー、登録

作成したレイヤー効果のコピー
作成したレイヤー効果の登録

windowsでのフォント

左下の[スタート]クリック→「Windows システムツール」
→「コントロールパネル」→ [デスクトップのカスタマイズ]→[フォント]

楽しくpc

上へボタン