メトリクス (自動カーニング)| psgips https://psgips.net Photoshopの使い方がよくわかる初級講座 Tue, 02 Jul 2024 02:06:14 +0000 ja hourly 1 https://wordpress.org/?v=6.7.2 https://psgips.net/wp-content/uploads/2016/04/cropped-psgips_icon512x512-1-32x32.png メトリクス (自動カーニング)| psgips https://psgips.net 32 32 【ロゴ】フォントでつくる！錆びた金属板の彫り込み文字「立体錯視の効果で影を作成」【2021】 https://psgips.net/photoshop-tutorials/engraved-style Sun, 25 Jul 2021 23:00:00 +0000 https://psgips.net/?p=17997 【Photoshop講座】木版や金属板に文字を彫り込んだ効果は、背景に敷くテクスチャの明暗によって簡単に作成できます。これは、光と影によって引き起こされる「立体錯視」を利用したもので、ポイントは、光源からの入射角に対して […]

The post 【ロゴ】フォントでつくる！錆びた金属板の彫り込み文字「立体錯視の効果で影を作成」【2021】 first appeared on psgips.]]> 【Photoshop講座】木版や金属板に文字を彫り込んだ効果は、背景に敷くテクスチャの明暗によって簡単に作成できます。これは、光と影によって引き起こされる「立体錯視」を利用したもので、ポイントは、光源からの入射角に対して、影を付けることです。文字型で彫り込まれたような効果をつくりましょう。
段差に明暗を付ける！
窪みと出っ張りの効果は、ほとんど同じ原理で行われます。文字型に対して、上方向からの光源だと出っ張りに見え、その逆だと窪みに見えます。
このような「立体錯視」を、よりスムーズに導入させるには、窪んでいる面を少し暗くすることで距離感を出し、出っ張っている面が、近くにあると認識させることです。
フォントでつくる！
錆びた金属板の彫り込み文字
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
prevnext

文字型で彫り込んだ効果をつくる

これから行う操作は、入力した文字型で、テクスチャを窪ませる方法です。リアルな彫塑風ではなく、可読性を優先させたグラフィック表現にこだわります。
素材に文字を入力
文字型で彫り込んだ効果を適用
素材に文字を入力
文字型で彫り込んだ効果を適用
まったく同じ立体効果でも、光源の方向によって、出っ張って見えたり、窪んで見える錯覚が起こります。これは、人が立体物を認識する上で、光と影の関係を、先入観によって判断しているからです。空は上、地面は下のように、上方向からの光源が、本能的に優先されるワケです。
光源の方向による立体錯視
作成後の拡大・縮小や書体変更などの編集が行える点においても、初級ユーザーの方にとって最適な教材となることでしょう。
目次に戻る
レッスン動画を配信中！
【Photoshop講座】フォントでつくる！錆びた金属板の彫り込み文字【2021】
サムネールをクリックすると、
レッスン動画にリンクします。

文字を入力する

彫り込み文字のベースになるフォントを、素材画像 (任意のドキュメント) に入力しましょう。フォントの形状が、そのまま、彫り込み文字の効果になります。ここでは、スタンダードなサンセリフ書体を選択します。
【操作方法】
効果を確認しやすくするため、文字の背景に画像を使用します。素材画像をダウンロードして開きましょう。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1080 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。
素材画像をダウンロードしよう！ ( 1 MB )
素材画像を開く
素材画像を開く
photo by PellissierJP
目次に戻る

テキストレイヤーの作成

テキストレイヤーは、ドキュメントに文字を入力すると、自動的に作成されまます。効果の対象のオブジェクトは、テキストレイヤーのほかに、ピクセルレイヤー、シェイプレイヤー、スマートオブジェクトに対応します。
【操作方法】
[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。
[横書き文字ツール]を選択
[ 横書き文字ツール ] を選択
オプションバーで、[ フォントファミリーを設定 ]、[ フォントスタイルを設定 ] に、任意のフォントを設定します。
任意のフォントを設定
任意のフォントを設定
任意のフォントを設定
作例では、「 Swiss 721 BT Roman 」を設定していますが、フォント環境は、ご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。
基本がわかる！文字の入力と編集
[ フォントサイズを設定 ] に、[ 300 pt ] を入力します。
[ アンチエイリアスの種類を設定 ] に、[ 滑らかに ] を選択します。
[滑らかに]を選択
[ 滑らかに ] を選択
ドキュメントの適当な箇所をクリックして、 ポイントテキストで、[ TRIALS ] を入力します。文字が入力できたら、[ 現在の編集をすべて確定 ] をクリック、または、[ enter ] キーを押して、入力を確定します。
基本がわかる！文字の入力と編集
テキストを入力
テキストを入力
[ レイヤー ] パネルで、テキストレイヤーが作成されたことを確認してください。
テキストレイヤーの作成を確認
テキストレイヤーの作成を確認
テキストカラーはブラック？
ここでは、[ テキストカラーを設定 ] に、[ ブラック ] を設定していますが、後の操作で、レイヤースタイルの [ カラーオーバーレイ ] を設定するので、特に指定する必要はありません。素材画像に適した、確認しやすい色を設定してください。
目次に戻る
基本がわかる動画を配信中！
【Photoshop講座】基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】
基本がわかる！画像解像度の設定
【Photoshop講座】基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】
基本がわかる！色かぶりの補正
チャンネル登録をお願いします！
続きは↓下の番号をクリック！
12345

The post 【ロゴ】フォントでつくる！錆びた金属板の彫り込み文字「立体錯視の効果で影を作成」【2021】 first appeared on psgips.]]> 【文字＆レイアウト】画像と文字を配置したポストカードをつくる「プリント出力用データの作成方法」 https://psgips.net/photoshop-reference/create-the-postcard Tue, 19 May 2020 23:00:00 +0000 https://psgips.net/?p=18107 【Photoshop基本操作】画像や文字をキレイにプリント出力するには、大きな画像解像度が必要です。高品質な商業印刷で求められる数値を設定して、年賀状にも応用できる、カンタンなポストカードを作成しましょう。 適切な解像度 […]

The post 【文字＆レイアウト】画像と文字を配置したポストカードをつくる「プリント出力用データの作成方法」 first appeared on psgips.]]> 【Photoshop基本操作】画像や文字をキレイにプリント出力するには、大きな画像解像度が必要です。高品質な商業印刷で求められる数値を設定して、年賀状にも応用できる、カンタンなポストカードを作成しましょう。
適切な解像度で滑らかな文字に！
プリント出力で気になる「ギザギザ」は、ドキュメントの解像度が低いために起こる現象です。高解像度になればなるほど、文字はどんどん滑らかになります。ドキュメントを出力サイズで作成して、解像度に 350 pixel/inch を設定しましょう。
画像と文字を配置した
ポストカードをつくる
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
prevnext

プリント出力用データを作成する

これから行う操作は、ポストカードのプリント出力用データを作成する方法です。ベクトル画像とビットマップ画像の配置や、フレーム内でのトリミングなど、印刷用紙面をデザインする基本作業を学びましょう。
画像と文字を配置したポストカード
目次に戻る

レイアウト用のガイドを引く

官製はがきサイズで出力することを前提とした、新規ドキュメントを作成します。ドキュメントにガイドを作成することは、紙面をデザインする上で、大変重要な作業となります。
素材画像をダウンロードしよう！( 3.8 MB )
【操作方法】
[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規 ] ダイアログで、[ 幅 ] に [ 148 ] mm、[ 高さ ] に [ 100 ] mm、[ 解像度 ] に [ 350 ] pixel/inch を入力します。[ カラーモード ] に [ CMYK カラー ]、[ カラープロファイル ] に [ Japan Color 2001 Coated ] を選択して、[ 作成 ] をクリックします。
基本がわかる！新規ドキュメントの作成
[新規ドキュメント]を設定
[ 新規ドキュメント ] を設定
官製はがきサイズの、新しいドキュメントが作成できました。
新規ドキュメントを作成
新規ドキュメントを作成
解像度とは？
[ 新規ドキュメント ] ダイアログで設定する [ 解像度 ] は、一辺１インチあたりに含まれるピクセル数で、画像の密度を表すものです。プリント出力を目的とする場合、[ 解像度 : 300 pixel/inch ] が推奨されています。ここで設定した [ 解像度 : 350 pixel/inch ] は、商業印刷で推奨される画像解像度です。
基本がわかる！画像解像度の設定
CMYKカラーとは？
CMYK カラーは、商業印刷で用いられる４色に分解されたカラーモードです。色の見え方で分けると、RGB カラーは「透過する光の色」、CMYK カラーは「反射するモノの色」です。
加色混合のRGBカラー・減色混合のCMYKカラー
ここでは、商業印刷で推奨される [ CMYK カラー ] を設定していますが、一般的な家庭用プリンターは、プリンター側に独自の変換機能が備わっているため、[ RGB カラー ] が推奨されている場合もあります。用途によって、適切なカラーモードを設定してください。
基本がわかる！RGBとCMYK
家庭用プリンターの場合は？
一般的な家庭用プリンターで出力する場合、[ CMYK カラー ] や [ Japan Color 2001 Coated ] を設定していると、色の再現力が悪くなることがあります。
これは、プリンター側の初期設定 (推奨設定) が、[ RGB カラー ] からの変換を想定しているためで、プリント時の出力設定を変えなければ、改善することが難しくなります。
プリント時の出力設定を変えない前提なら、ドキュメントのカラーモードに [ RGB カラー ] を選択します。
カラーモードに[RGBカラー]を選択
カラーモードに [ RGB カラー ] を選択
カラーモード [ RGB カラー ] の選択に伴い、カラープロファイルに [ sRGB IEC61966-2.1 ]、または、[ カラーマネジメントしない ] を選択します。
一般的な家庭用プリンターの場合、１色あたりの出力解像度がそれほど高くないので、ドキュメントの解像度は [ 350 ] pixel/inch 以下の [ 300 ] pixel/inch でもかまいません。ただし、pixel (ピクセル) を単位とする設定は、物理的サイズの換算値が変更されるので注意してください。
基本がわかる！画像解像度の設定
目次に戻る
レッスン動画を配信中！
【Photoshop講座】画像と文字を配置したポストカードをつくる
サムネールをクリックすると、
レッスン動画にリンクします。

新規ガイドレイアウトの設定

ここでは、ガイドの作成方法に [ 新規ガイドレイアウトを作成 ] を使用します。ドキュメントをブロックで等分する、割付ガイドを作成しましょう。
【操作方法】
[ 表示 ] メニューから、[ 新規ガイドレイアウトを作成 ] を選択します。[ 新規ガイドレイアウトを作成 ] ダイアログで、[ 既存のガイドを消去 ] を有効にします。
[ マージン ] を有効にして、すべてのボックスに [ 69 px ] を入力します。
[マージン]を設定
[ マージン ] を設定
すると、４辺から 69 px の位置にマージンガイドが作成されます。
マージンガイドを確認
マージンガイドを確認
[ 列 ] を有効にして、[ 数 ] に [ 5 ]、[ 間隔 ] に [ 69 px ] を入力します。
[ 行 ] を有効にして、[ 数 ] に [ 4 ]、[ 間隔 ] に [ 69 px ] を入力して、[ OK ] をクリックします。
[列]と[行]を作成
[ 列 ] と [ 行 ] を作成
すると、幅を５等分、高さを４等分した割付ガイドが作成されます。
割付ガイドを確認
割付ガイドを確認
ガイドとは？
ガイドとは、プリント出力では反映されない仮の基準線です。合成画像や文字などの配置を目安にしたり、スナップで吸着させたい場合などに使用します。
ガイドの作成方法を大まかに分類すると、フリーハンド (手動方式) と、レイアウト (割付方式) があります。基本的なフリーハンドの操作については、以下のページで詳しく解説しています。
フリーハンド (手動方式) → レイアウト (割付方式)
基本がわかる！ガイドの作成
目次に戻る
続きは↓下の番号をクリック！
12345

The post 【文字＆レイアウト】画像と文字を配置したポストカードをつくる「プリント出力用データの作成方法」 first appeared on psgips.]]> 最初に覚えたい！フォントの基礎知識５選「グラフィックデザインに欠かせない書体の種類と表情を解説」 https://psgips.net/photoshop-reference/basic-knowledge-of-fonts-5 Sat, 21 Mar 2020 23:00:00 +0000 https://psgips.net/?p=18143 【グラフィックデザイン】フォント ( font ) とは、アルファベット、数字、記号などを統一して揃え、印刷物や Web などで使えるようにデザインされた文字の「書体データ」です。特定のフォントを使用するには、パソコンに […]

The post 最初に覚えたい！フォントの基礎知識５選「グラフィックデザインに欠かせない書体の種類と表情を解説」 first appeared on psgips.]]> 【グラフィックデザイン】フォント ( font ) とは、アルファベット、数字、記号などを統一して揃え、印刷物や Web などで使えるようにデザインされた文字の「書体データ」です。特定のフォントを使用するには、パソコンにインストールしなければなりません。
フォントの表情を認識しよう！
グラフィックデザインに欠かせない文字には、視覚的な情報伝達をスムースに行うため、古くからさまざまな工夫が加えられてきました。強く感じるもの、優しく感じるもの、愛らしく感じるもの…。それらのイメージを目的として、フォントはデザインされているものなのです。
最初に覚えたい！
フォントの基礎知識５選
[ SELECT-01 ]
[ SELECT-02 ]
[ SELECT-03 ]
[ SELECT-04 ]
[ SELECT-05 ]
prevnext
SELECT_01

書体の種類

文字の形状を表す「書体」には、さまざまな種類があります。これらを表す言葉が「タイプフェイス (書体デザイン) 」です。フォントとして、タイプフェイスのバリエーションをひとつにまとめた総称が「フォントファミリー」です。
基本がわかる！文字の入力と編集
Typeface
同じタイプフェイスのフォントファミリー
書体イメージのマトリクスでは、横軸に「古典的」と「先進的」、縦軸に「独創的」と「常識的」を対局させます。たとえば、古典的で独創的な書体は、その中間の「情緒的」なイメージがあると考えられます。
書体イメージのマトリクス
目次に戻る

明朝体とゴシック体

和文書体の種類は、まず、「明朝体 (みんちょうたい) 」と「ゴシック体」に分けられます。基本的には、ひとつのフォントファミリーの中に、2つの種類が混ざることはありません。
Mincho and Gothic
明朝体は、横線より縦線の方が太く、線の端や曲がり角に「うろこ」が付いています。この三角形のアクセントが最大の特徴ですね。
ヒラギノ明朝
現代的なシャープさと伝統的な筆文字の美しさをマッチさせた明朝体
アンダーバー
小塚明朝
字面が大きく直線的で縦横を問わず文字組がしやすい明朝体
アンダーバー
形状にメリハリがあり、小さな文字も読みやすく可読性が優れているので、書籍や新聞の本文書体などに活用されることが多いです。
ゴシック体は、明朝体のようなうろこがありません。横線も縦線も太く、線の端が直線でカットされているのが特徴です。
ヒラギノ角ゴ
オーソドックスな骨格で可読性と存在感を両立させたゴシック体
アンダーバー
小塚ゴシック
直線的で起筆や収筆の抑揚を抑えられた個性的なゴシック体
アンダーバー
遠くからでも認識できる視認性が優れているので、道路標識や雑誌のタイトルなどに活用されることが多いです。
旧型と新型？
明朝体とゴシック体は、書体の種類の基礎的な分け方ですが、「オールドスタイル」と「ニュースタイル」という、イメージによる分け方もあります。
明朝体のオールドスタイル(凸版文久明朝)・明朝体のニュースタイル(UD黎ミン)
明朝体のオールドスタイルは、横線がニュースタイルよりも太く、各デザイン要素が強い、古典的で真面目なイメージがあります。ニュースタイルは、横線がオールドスタイルよりも細く、各デザイン要素が弱い現代的で優雅なイメージがあります。
ゴシック体のオールドスタイル(凸版文久ゴシック) ・ゴシックのニュースタイル (UD新ゴ)
ゴシック体のオールドスタイルは、エッジに筆書きの名残りがある、古典的で厳格なイメージがあります。ニュースタイルは、縦線と横線がほぼ均一な、現代的でモダンなイメージがあります。
目次に戻る

丸ゴシック

エッジに丸みがあり、字形がソフトでやわらかい印象の書体区分です。明朝体のような特徴的なデザイン要素がないので、基礎的な書体区分はゴシック体に属します。
ヒラギノ丸ゴ
ソフトでやわらかな字形ながらモダンな印象の丸ゴシック体
アンダーバー
目次に戻る

楷書体 (かいしょたい)

明朝体のルーツとされる毛筆書き系の書体区分です。明朝体のオールドスタイルよりも、さらに各デザイン要素が強く、丁寧に書いたが均一性のない「手書き風」の線が特徴です。
新正楷書CBSK1
筆運びを取り入れ洗練された字並びの美しい楷書体
アンダーバー
目次に戻る

行書体 (ぎょうしょたい)

毛筆書き系の書体区分で、書道の筆運びを意識したデザインが特徴です。筆の先が紙に触れてる状態で進む「送筆」を取り入れているものも多いです。「筆記体 (ひっきたい) 」とも呼ばれます。
DFP行書体
個性的な筆運びに躍動感があり崩しすぎず読みやすい行書体
アンダーバー
目次に戻る

隷書体 (れいしょたい)

毛筆書き系の書体区分で、字形が横長で波打つような横線が特徴です。古代中国がルーツであり、印章から毛筆書きに発展したような遍歴が伺えます。
DFP隷書体
特徴的なデザイン性と可読性を両立させた素朴な印象の隷書体
アンダーバー
目次に戻る

篆書体 (てんしょたい)

古代中国の印章や石碑などに刻まれた文字が発祥で、縦線と横線がほぼ均一な彫刻系の書体区分です。字形が縦長であり、円弧は水平・垂直に沿って曲げられているのが特徴です。
白舟篆書教漢
縦組みにも横組みにも対応できる独創的な字形の篆書体
アンダーバー
目次に戻る

勘亭流 (かんていりゅう)

毛筆書き系の書体区分で、歌舞伎の看板に用いられる、極太の力強い字形が特徴です。江戸時代の文化が生んだ、「寄席文字」や「相撲文字」などの区分に入ります。
DFP勘亭流
重厚で丸みを帯びたデザインに情緒的な個性を取り入れた勘亭流
アンダーバー
目次に戻る

教科書体

書道の筆運びを簡潔に整理したデザインが特徴です。毛筆書き系の書体区分には入らないですが、楷書体や行書体に通ずる、古典的で真面目な表情があります。
游教科書体
ボールペンや鉛筆で書かれた筆跡を取り入れた現代的な教科書体
アンダーバー
和文書体のデザイン要素
和文書体の特徴的なデザイン要素には、それぞれ名称が付けられています。ひとつの書体に共通した字形の部位を「エレメント」といい、これらを組み合わせて、視覚的にバランスが調整されています。
明朝体のエレメント
明朝体のエレメント
目次に戻る
基本がわかる動画を配信中！
【Photoshop講座】基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】
基本がわかる！画像解像度の設定
【Photoshop講座】基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】
基本がわかる！色かぶりの補正
チャンネル登録をお願いします！

セリフとサンセリフ

欧文の書体区分は、まず、「セリフ体」と「サンセリフ体」に大別されます。フォントファミリーにおいて、両者が混在することは基本的にありません。
Serif and Sans-serif
セリフとは、横線の端に付くインク溜めのような部分で、「ひげ飾り」と呼ばれることもあります。横線が細く、縦線が太いのが特徴です。発祥は紀元前にもさかのぼり、石彫文字にできる亀裂が原型だとする説が有力です。
Garamond
優雅な曲線とシャープなセリフの対比が美しい古典的なセリフ体
アンダーバー
Century Oldstyle
シャープさを抑えて読みやすさが追求されたスタンダード書体
アンダーバー
形状にメリハリがあり、小さな文字も読みやすく可読性が優れているので、書籍や新聞の本文書体などに活用されることが多いです。
サンセリフとは、セリフの付いていない書体の種類です。横線も縦線も太く、線の端が直線でカットされているのが特徴です。単純化された図形的要素の高い書体に多く用いられ、力強く現代的なイメージがあります。
Helvetica
高い視認性と完成されたバランスを持ったスタンダード書体
アンダーバー
Futura
シャープで幾何学的な形状と豊かな表現力を持った見出し系書体
アンダーバー
遠くからでも認識できる視認性が優れているので、道路標識や雑誌のタイトルなどに活用されることが多いです。
セリフデザインの種類
セリフデザインは大きく分けて「カップセリフ」、「ブラケットセリフ」、「ヘアーラインセリフ」、「スラブセリフ」があり、セリフデザインの違いによって書体区分がされ、それぞれ細分化されたタイプフェイスへ派生しています。
カップセリフ
カップセリフ
中央部分が少し窪んだ古典的セリフで書体区分はオールド・フェイス ( Garamond など)
ブラケットセリフ
ブラケットセリフ
直線と曲線で構成されたポピュラーなセリフで書体区分はトラディショナル ( Times など)
ヘアーラインセリフ
ヘアーラインセリフ
細い線でアクセントが加えられたセリフで書体区分はモダン・フェイス ( Bodoni など)
スラブセリフ
スラブセリフ
矩形で構成された力強いセリフで書体区分はエジプシァン、クラレンドン ( Stymie、Bookman など)
目次に戻る

スクリプト

スプリクトとは、欧文書体のフリーハンドで書いたようなデザインに区分される名称です。カリグラフィと呼ばれることもあり、和文書体では「行書体」や「草書体」に該当します。
Commercial Script
ペンがモチーフの筆記体で優雅な曲線とメリハリが特徴の書体
アンダーバー
目次に戻る

ブラッシュ

ブラッシュとは、欧文書体の筆や刷毛で書いたようなデザインに区分される名称です。和文書体では「楷書体」や「隷書体」に該当します。
Brush Script
筆がモチーフの筆記体で遊び心を感じるバランスが取れた書体
アンダーバー
目次に戻る

ブラックレター

ブラックレターとは、西洋の書道的な「カリグラフィ」が発祥とされる、装飾的な筆記体のことをいいます。
Cloister
装飾性に富んだインパクトのある代表的なブラックレター体
アンダーバー
目次に戻る

オールド・フェイス

オールド・フェイスとは、セリフ系書体の古典的なデザインで、優雅で気品のあるイメージと、セリフの中央部分が少し窪むなど、全体にゆるやかな曲線で構成されているのが特徴です。
Palatino
直線的なセリフとほぼ同じ太さの縦横線が特徴のスタンダード書体
アンダーバー
目次に戻る

トラディショナル

トラディショナルとは、オールド・フェイスとモダン・フェイスの中間に位置するセリフ系書体です。本文、見出しを問わず、最も広く活用されているスタンダードデザインです。
Times New Roman
イギリスのタイムズ紙が新聞用書体として開発したスタンダード書体
アンダーバー
目次に戻る

モダン・フェイス

モダン・フェイスとは、セリフ系書体を幾何学的にデザインしたもので、セリフ部分が細い直線で構成されているのが特徴です。
Bodoni
細い横線と太い縦線で構成されたメリハリのある見出し系書体
アンダーバー
目次に戻る

クラレンドン

クラレンドンとは、セリフ系書体にゴシック体の要素を加えたような力強いデザインで、セリフ部分が矩形で構成されているのが特徴です。同系にエジプシャンも加えられます。
Clarendon
細い横線と太い縦線で構成されたメリハリのある見出し系書体
アンダーバー
Stymie
角張ったセリフやほぼ同じ太さのステムとバーが特徴の書体
アンダーバー
欧文書体のデザイン要素
欧文書体の特徴的なデザイン要素には、それぞれ名称が付けられています。ひとつの書体に共通した字形の部位を「エレメント」といい、これらを組み合わせて、視覚的にバランスが調整されています。
セリフ体のエレメント
セリフ体のエレメント
目次に戻る
続きは↓下の番号をクリック！
12345

The post 最初に覚えたい！フォントの基礎知識５選「グラフィックデザインに欠かせない書体の種類と表情を解説」 first appeared on psgips.]]> 基本がわかる！文字の入力と編集「最初に覚えたい８つの操作方法」 https://psgips.net/photoshop-reference/input-and-editing Thu, 16 Jun 2016 23:00:00 +0000 https://psgips.net/?p=18311 【Photoshop基本操作】画像に文字を入力すると、文字はピクセルで構成された画像ではなく、文字の情報を含んだ、特殊なテキストレイヤーで管理、保存されます。フォントの種類やサイズ、文字の位置や色などを、いつでも、変更す […]

The post 基本がわかる！文字の入力と編集「最初に覚えたい８つの操作方法」 first appeared on psgips.]]> 【Photoshop基本操作】画像に文字を入力すると、文字はピクセルで構成された画像ではなく、文字の情報を含んだ、特殊なテキストレイヤーで管理、保存されます。フォントの種類やサイズ、文字の位置や色などを、いつでも、変更することができます。
フォントを適用するツール
文字ツールを使用するには、フォントに関する基礎知識が必要です。フォントとは、アルファベット、数字、記号などを統一して揃え、印刷物や WEB などで使えるようにデザインされた、文字の「書体データ」です。
テキストレイヤーは、いつでも編集することが可能です。「ピクセルで構成された画像」として、保存や加工をする場合は、ラスタライズ ( ビットマップ化 ) することが必要です。文字ツールの使用では、これらの要点をしっかり理解しておきましょう。
基本がわかる！文字の入力と編集
[ CHAPTER-01 ]
[ CHAPTER-02 ]
[ CHAPTER-03 ]
[ CHAPTER-04 ]
[ CHAPTER-05 ]
[ CHAPTER-06 ]
[ CHAPTER-07 ]
[ CHAPTER-08 ]
prevnext
CHAPTER-01

２つの入力方法

文字ツールには、画像内をクリックして、文字を入力する「ポイントテキスト」と、画像内をドラッグして、文字を入力する「段落テキスト」という、２つの入力方法があります。文字ツールを使用する前に、文字の入力方法が２つあることを知っておきましょう。
目次に戻る

ポイントテキスト

ポイントテキストとは、文字の基準線上にアンカーポイントを持つテキストです。アンカーポイントの位置は、整列オプションによって、左揃え、中央揃え、右揃えに設定できます。入力した文字列をひとつのオブジェクトとして配置できます。そのため、単語や数行の文章など、短い文字列を入力する場合に適しています。
画像内をクリックして文字を入力
画像内をクリックして文字を入力
目次に戻る

段落テキスト

段落テキストとは、文字の入力領域を示すバウンディングボックスを持つテキストです。バウンディングボックス内で、文字の整列や均等配置、段落の一行目に間隔を設けるインデントなどが設定できます。そのため、複数の行や段落がある長い文章を入力する場合に適しています。
画像内をドラッグして文字を入力
画像内をドラッグして文字を入力
先に設定する必要はなし！
ポイントテキストか段落テキストか。それはクリックで文字の入力を始めるのか、ドラッグで文字の入力を始めるのかで決定されます。
確定されたテキストレイヤーを、後でどちらかの入力方法に変換することも可能です。その場合は、[ レイヤー ] パネルで変換するテキストレイヤーを選択して、[ 書式 ] メニューから、[ 段落テキストに変換 ] (または、[ ポイントテキストに変換 ] ) を選択します。
目次に戻る
基本がわかる動画を配信中！
【Photoshop講座】基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】
基本がわかる！画像解像度の設定
【Photoshop講座】基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】
基本がわかる！色かぶりの補正
チャンネル登録をお願いします！
prevnext

The post 基本がわかる！文字の入力と編集「最初に覚えたい８つの操作方法」 first appeared on psgips.]]>