文字パネル| psgips

【ロゴ】フォントでつくる！3D風の押し出し文字「連続複製で作成する遠近法」【2024】

古岡ひふみ — Wed, 04 Sep 2024 23:00:00 +0000

【Photoshop講座】3D 機能を使わない擬似的な押し出しです。「隠しコマンド」を活用すれば、移動と複製を繰り返すことができます。ベースのフォントからシェイプを作成し、飛び出す方向にグングン押し出しましょう。

遠近法もできる！

連続複製の裏技は、変形の操作も加えることができます。奥行きがある遠近法の押し出しでは、次に来るステップに、左右１ピクセルの拡大率を設定しましょう。これを一度知っちゃうと、病付きになるかも？

フォントでつくる！

3D風の押し出し文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

テキストを3D風の押し出し文字に加工

これから行う操作は、入力したテキストを、3D 風の押し出し文字に加工する方法です。ベースのフォントからシェイプを作成し、移動と複製を繰り返す裏技を使って、飛び出す方向にグングン押し出します。

ベースのフォントを入力

3D風の押し出し文字

奥行きがある遠近法の押し出しでは、次に来るステップに、左右１ピクセルの拡大率を設定しましょう。使用するフォントは、任意で設定しますが、押し出しの効果が十分に発揮できる、太い書体を選んでください。

目次に戻る

フォントを設定する

リボンバナーの素材画像を開いて、任意のフォントを入力しましょう。このドキュメントには、あらかじめ、カラーや立体的な効果が設定されています。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1080 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 45 KB )

素材画像を開く

[ レイヤー ] パネルで、あらかじめ作成された、シェイプレイヤーを確認してください。

シェイプレイヤーを確認

[ 新規レイヤーを作成 ] をクリックします。

レイヤーの最前面に、[ レイヤー 1 ] が作成されたことを確認してください。

[ 新規レイヤーを作成 ] をクリック

新規レイヤーを作成？

あらかじめ、新規レイヤーを作成しておくと、これから作成するテキストレイヤーの操作が、このレイヤーに反映されます。テキストオプションの設定がスムーズに行えるほか、シェイプレイヤー選択時の、パステキストへの変換を回避することにも役立ちます。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

テキストを入力

新規レイヤーが作成できたら、押し出し文字のベースにするテキストを入力します。まず、任意のフォントを設定しましょう。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定します。

任意のフォントを設定

[ フォントサイズを設定 ] に [ 300 pt ] を入力します。

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択します。

アンチエイリアスを設定: 滑らかに

[ 整列 ] に [ テキストの中央揃え ] を選択します。

[ テキストカラーを設定 ] に [ ブラック ] を選択します。初期設定

整列: テキストの中央揃え

任意のフォントを設定

作例では、「 Marvin Regular 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

基本がわかる！文字の入力と編集

ドキュメント内をクリックします。

ポイントテキストで文字を入力します。

[ enter ] キーを押して、文字の編集を確定します。

任意のテキストを入力

ポイントテキストとは？

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

目次に戻る

水平比率を設定

後の操作で文字を扇形に変形するため、あらかじめ、水平比率を小さくしておきます。[ 文字 ] パネルを表示して、カーニングなどの設定も見直しましょう。

【操作方法】

オプションバーで、[ 文字パネルと段落パネルの切り替え ] をクリックします。

[ 文字パネルと段落パネルの切り替え ] をクリック

[ 文字 ] パネルで、[ 文字間のカーニングを設定 ] に、[ オプティカル ] を選択します。

[ 水平比率 ] に、[ 75% ] を入力します。

基本がわかる！文字の入力と編集

水平比率: 75%

[ enter ] キーを押して、文字の編集を確定します。

文字の編集を確定

オプティカルとは？

文字の形状に対して、隣り合う文字のカーニング値が自動的に設定される機能です。そのため、ペアカーニング値を持たないフォントの「応急策」として、適正値が割り当てられます。メトリクスとの比較は、歴然としてあります。しかし、使用するフォントや文字列によっては、優れている場合も少なくありません。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【ロゴ】フォントでつくる！3D風の押し出し文字「連続複製で作成する遠近法」【2024】 first appeared on psgips.

【ロゴ】フォントでつくる！ひび割れたコンクリートの文字「マスク編集とレイヤースタイル」【2022】

古岡ひふみ — Tue, 03 May 2022 23:00:00 +0000

【Photoshop講座】元画像から切り取った文字の表面に、ひび割れ模様を描画したマスクを追加します。アルファチャンネルを使ったマスク編集は、オシャレなグランジ風の文字にも応用できます。レイヤースタイルの効果を加えて、退廃的なムードに仕上げましょう。

白黒でマスクを考える！

レイヤーマスクは、グレースケール画像の濃淡で、透過率が決定されます。ひび割れたコンクリートの文字では、素材のひび割れ模様をそのまま使用するため、白黒をはっきりさせるテクニックが必要です。

グレーな部分をできるだけ取り去るには、細かいノイズをブレンドする「ぼかし (表面)」を使用します。

フォントでつくる！

ひび割れたコンクリートの文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ひび割れたコンクリートの文字

これから行う操作は、スタンダードなフォントを、ひび割れたコンクリートの文字に加工する方法です。アルファチャンネルを使ったマスク編集で、複雑なひび割れ模様を型抜きします。使用するフォントは任意で設定しますが、サンセリフ系の太い書体が最適です。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

文字のマスクを作成する

文字の形状のマスクを作成するため、そのベースとなるフォントを素材画像に入力しましょう。入力する文字列には、適度な間隔が必要です。

【操作方法】

素材画像をダウンロードして開きましょう。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 1 MB )

素材画像を開く

photo by EducatorST

[ レイヤー ] パネルで、[ 背景 ] を [ 新規レイヤーを作成 ] にドラッグします。

[ 背景のコピー ] が作成されたことを確認してください。

[ レイヤーの表示/非表示 ] をクリックして、[ 背景 ] を非表示にします。

[ 背景のコピー ] を作成

文字の表面に使用

[ 背景のコピー ] は、文字の表面に使用するレイヤーです。これで、同じ画像が２枚重なりました。非表示にした背景は、後の作業で使用します。目のアイコンが、非表示になっていることを、確認してください。

目次に戻る

フォントの設定と入力

デザインの元になるフォントを、画像に入力しましょう。ドキュメント内をクリックして入力する「ポイントテキスト」という方法を取ります。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

[ 横書き文字ツール ] を選択

オプションバーで、[ フォントファミリーを設定 ]、[ フォントスタイルを設定 ] に、任意のフォントを設定します。

任意のフォントを設定

作例では、「 Swiss 721 BT 」を設定していますが、フォント環境は、ご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

基本がわかる！文字の入力と編集

[ フォントサイズを設定 ] に、[ 72 pt ] を入力します。暫定値

[ 72 pt ] を入力

ドキュメント内をクリックして、文字を入力します。

ここでは、[ CRACK ] を入力しました。

[ enter ] キーを押して、入力を確定します。

テキストを入力

テキストはブラック？

ここでは、[ テキストカラーを設定 ] に、[ ブラック ] を設定していますが、後の操作で、レイヤーマスクによるラスタライズを行うので、特に指定する必要はありません。素材画像に適した、確認しやすい色を設定してください。

[ 整列オプション ] 、[ テキストカラーを設定 ] は、直接的な影響がないため、任意で行なってください。

目次に戻る

カーニングとトラッキング

ひび割れたコンクリートの文字には、文字の太さに加えて、隣り合う文字との適度な間隔が必要です。カーニングとトラッキングは、[ 文字 ] パネル、または、[ プロパティ ] パネルで設定します。

【操作方法】

オプションバーで、[ 文字パネルと段落パネルを切り替え ] をクリックします。

[ 文字パネルと段落パネルを切り替え ] をクリック

[ 文字 ] パネルで、[ 文字間のカーニングを設定 ] に [ オプティカル ] を選択します。

[ 選択した文字のトラッキングを設定 ] に、[ 100 ] を選択します。

[ 文字 ] パネルを設定

ベースの文字が入力できました。

オプティカルとは？

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【ロゴ】フォントでつくる！ひび割れたコンクリートの文字「マスク編集とレイヤースタイル」【2022】 first appeared on psgips.

【ロゴ】フォントでつくる！鉛筆スケッチ風の文字「塗りつぶしレイヤーを活用したラスタライズ」

古岡ひふみ — Wed, 27 Apr 2022 23:00:00 +0000

【Photoshop講座】手早く塗りつぶしたタッチや、ラフな下書き線があると、鉛筆スケッチ風のムードは高まります。技法は、いたってシンプルです。塗りつぶしレイヤーを利用した、テキストのラスタライズや、スマートオブジェクトにフィルター効果を適用して、自由に再編集できる方法をマスターしましょう。

ぶれの輪郭線を検出する！

テクニックを要するフリーハンド操作を用いず、いかに文字型を崩すか？が、このレッスンのテーマです。ラフな下書き線は、実線の内側や外側へはみ出させる必要があるため、ラスタライズした文字に [ ぶれ ] を適用して、その輪郭線を検出します。すると、文字型の内側と外側にそれぞれ下書き線の元が作成できます。

フォントでつくる！

鉛筆スケッチ風の文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

ラフな鉛筆スケッチ風に加工する

これから行う操作は、スタンダードなフォントをラフなスケッチ風に加工する方法です。文字の輪郭線をずらして重ね合わせ、再び外側を消去すると、それっぽい下書き線が作り出せます。すべての操作が設定だけで行えるので、初級ユーザーの方でも簡単に加工することができます。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

ベースの文字を入力する

ここでは、素材画像に文字を入力して、加工する方法を取ります。デコボコした用紙の風合いは、鉛筆スケッチ風の効果を高めることができます。

【操作方法】

素材画像をダウンロードして開きます。素材画像は [ 幅 : 1280 pixel ]、[ 高さ : 720 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 270 KB )

素材画像を開く

目次に戻る

フォントの設定と入力

フォントの形状が、そのまま、鉛筆スケッチ風の効果になります。ここでは、スタンダードな書体を選択します。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定します。

基本がわかる！文字の入力と編集

フォントサイズに [ 58 pt ] を入力

[ フォントサイズを設定 ] に [ 58 pt ] を入力します。

[ アンチエイリアスの種類を設定 ] に [ 滑らかに ] を選択します。

アンチエイリアスに [ 滑らかに ] を選択

任意のフォントを設定

作例では、「 Swiss 721 BT Bold 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

フォントの設定は任意ですが、効果が出やすいのはサンセリフ (ゴシック) 書体です。それは太い線の方が、タッチを多く取り入れることができるからです。しかし、隣り合う線との空間が狭すぎると、ラフなアウトラインを強調できないので、ほどよい太さの書体を選びましょう。

[ 整列オプション ] 、[ テキストカラーを設定 ] は、直接的な影響がないため、任意で行なってください。

ドキュメントの適当な箇所をクリックして、ポイントテキストで [ design ] を入力します。

基本がわかる！文字の入力と編集

ポイントテキストで文字を入力

文字が入力できたら、[ 現在の編集をすべて確定 ] をクリック、または、[ enter ] キーを押して、入力を確定します。

[enter] で入力を確定

ポイントテキストとは？

目次に戻る

カーニングとトラッキング

鉛筆スケッチ風の効果には、文字の太さに加えて、隣り合う文字との適度な間隔が必要です。ロゴとは、ひとかたまりの文字列を意味するので、付かず離れず、バランスのいい文字間を設定します。

【操作方法】

オプションバーで、[ 文字パネルと段落パネルの切り替え ] をクリックします。

[ 文字パネルと段落パネルの切り替え ] をクリック

[ 文字パネル ]で、[ 文字間のカーニングを設定 ] に [ オプティカル ] を選択します。

[ 選択した文字のトラッキングを設定 ] に [ 50 ] を選択します。

トラッキングに [ 50 ] を選択

カーニングで隣り合う文字間、トラッキングで全体の文字送りが設定できました。

オプティカルとは？

文字の形状に対して、隣り合う文字のカーニング値が自動的に設定される機能です。一般的な用途としては、ペアカーニング値を持たないフォントの「応急策」として、適正値を割り当てることに使用されます。

メトリクスとの比較は歴然としてありますが、使用するフォント、文字列によっては、優れている場合も少なくありません。

目次に戻る

オブジェクトの整列

ポイントテキストで入力した文字列をひとつのオブジェクトとして、ドキュメントのセンターに合わせて配置しましょう。[ 移動ツール ] の [ 整列 ] オプションを使用すれば、正確にすばやく配置することができます。

【操作方法】

[ command ( Ctrl ) ] + [ A ] キーを押して、すべてを選択します。

[ツール] パネルで、[ 移動ツール ] を選択します。

[ 移動ツール ] を選択

オプションバーで、[ 垂直方向中央揃え ] をクリックします。

続いて、[ 水平方向中央揃え ] をクリックします。

[ 垂直方向中央揃え ] と [ 水平方向中央揃え ] をクリック

文字列をセンターに合わすことができたら、[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。

オブジェクトの整列とは？

[ 移動ツール ] には、レイヤー内のオブジェクトを整列するオプションがあります。ドキュメントの範囲を基準に揃える方法と、選択範囲を基準に揃える方法があります。

ひとつのレイヤーオブジェクトを対象とする場合は、整列させる前に選択範囲を作成します。揃える方向を示す６種類の整列があり、２つを組み合わせることで９箇所の位置に移動することができます。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【ロゴ】フォントでつくる！鉛筆スケッチ風の文字「塗りつぶしレイヤーを活用したラスタライズ」 first appeared on psgips.

【ロゴ】フォントでつくる！フチドリだけの文字「レイヤースタイルと塗りの不透明度」【2022】

古岡ひふみ — Thu, 21 Apr 2022 23:00:00 +0000

【Photoshop講座】文字の境界線で構成される袋文字は、文字を目立たせる効果において、最もベーシックな技法です。操作方法も比較的簡単で理解しやすいため、初級ユーザーの方が、最初に習得できるテクニックとしてオススメできます。イメージにぴったりのフォントを使用して、インパクトを持つ、フチドリだけの文字を作成しましょう。

課題は文字の間隔にある！

文字の境界線や、塗り部分が透けることは、一連の操作方法が分かれば簡単にできます。しかし、グラフィックデザインに求められるものは、見やすく、わかりやすいイメージを伝えることです。

個性的な書体選びはもちろん、作り手の技量を問われるのは、文字の間隔です。フチドリだけで、文字列が構成される袋文字は、初級ユーザーの方にとって、最適な教材となることでしょう。

フォントでつくる！

フチドリだけの文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

文字の境界線だけを残す

これから行う操作は、文字の境界線だけを残す加工方法です。フォントのベーシックな技法で、袋文字、または、アウトラインと呼ばれています。

しかし、これらのスタイルは、すべてのフォントに、付属されているものではありません。また、スタイルが用意されていても、境界線の太さを変えることができません。

特定の文字列をデザインするとき、これらの制限は邪魔になります。お気に入りのフォントを自由に使って、フチドリだけの文字を作成しましょう。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

新規ガイドレイアウトを作成

フチドリだけの効果を確認しやすくするため、ここでは、スナック菓子のイメージ画像を、文字列の背景に敷きます。もちろん、無地のカンバスでも同じ効果が得られます。

文字を入力する目安となる、ガイドの作成は、どんなサイズの画像にも、計算なしで、瞬時にガイドが引ける、[ 新規ガイドレイアウトを作成 ] を使用します。

【操作方法】

素材画像をダウンロードして開きます。素材画像は [ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ]、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 482 KB )

素材画像を開く

[ 表示 ] メニューから、[ 新規ガイドレイアウトを作成 ] を選択します。[ 新規ガイドレイアウトを作成 ] ダイアログで、[ 既存のガイドを消去 ] を有効にします。

[ 列 ] を有効にして、[ 数 ] に [ 2 ] を入力します。

[ 行 ] を有効にして、[ 数 ] に [ 2 ] を入力します。

[ マージン ] を有効にして、[ 上 ] に [ 486 px ]、[ 左 ] に [ 367 px ]、[ 下 ] に [ 486 px ]、[ 右 ] に [ 367 px ] を入力します。

[ OK ] をクリックします。

新規ガイドレイアウトを作成

[ 新規ガイドレイアウトを作成 ] を設定

文字の位置や大きさの目安となる、ガイドが作成できました。

ガイドを作成

ガイドは必要なの？

特に、初級ユーザーの方には、あらかじめ、ガイドを作成するような習慣がないかも知れません。これは、作業の効率化を目指す操作であり、目測に頼らないデザインの定義です。

黄金比による分割構造線

「黄金比」をご存知の方は、その定義によって、画面 (ドキュメント) を分割することだと言えば、理解していただけると思います。黄金比とは、ひとつの線分を２つに分けるときの、もっともいいバランスがとれる比率のことです。割り出しは幾何学的に行え、その比率は 1 : 1.618 になります。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【ロゴ】フォントでつくる！フチドリだけの文字「レイヤースタイルと塗りの不透明度」【2022】 first appeared on psgips.

【文字＆レイアウト】文字で画像を切り抜く方法「クリッピングマスクを作成」【2022】

古岡ひふみ — Mon, 21 Mar 2022 23:00:00 +0000

【Photoshop基本操作】クリッピングマスクは、レイヤーを前面にクリップさせることで、レイヤーマスクのような働きをするものです。テキストレイヤーなど、透明部分を持つレイヤーなら、簡単にマスク領域が作成できます。クリッピングマスクを活用して、自由なレイアウトを実現しましょう。

中性色で透明に！

中性色とは、背面のレイヤーに影響を及ぼさない色です。描画モード [ スクリーン ] を設定すると、中性色であるブラックの、その描画部分だけが透明になります。クリッピングマスクを作成すれば、テキストレイヤーのまま、文字の型抜きが行えます。

文字で画像を切り抜く方法

− クリッピングマスクを作成 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

文字で画像を切り抜く方法

これから行う操作は、入力した文字の形で、画像を切り抜く方法です。作成した後でも、文字の位置や大きさ、テキスト内容が変更できます。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

ベース画像の調整

作例が目的とするレイアウトは、画像の右半分に文字を被せることです。そのため、人物が中央に配置されなければなりません。指差す手も左側にしたいです。ベース画像の調整を行いましょう。

【操作方法】

素材画像を開きましょう。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ]、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 248 KB )

素材画像を開く

photo by mahbubhasan2550

[ イメージ ] メニューから、[ 画像の回転 ] – [ カンバスを左右に反転 ] を選択します。

画像を左右に反転！

文字列を右側に配置すると、手が重なったり、光源の向きが不安定になります。画像を左右に反転しましょう。

作例では、ドキュメント全体を左右に反転する [ カンバスを左右に反転 ] を適用しています。個別のレイヤーに適用したい場合は、[ 変形 ] – [ 水平方向に反転 ] を選択してください。

目次に戻る

新規ガイドレイアウトを作成

元画像のままでは、人物が右側に寄っています。画像のセンターにガイドを引いて、レイアウトの参考にしましょう。ここでは、ドキュメントサイズを二等分するガイドを、計算なしで作成する方法を取ります。

【操作方法】

[ 列 ] を有効にして、[ 数 ] に [ 2 ] を入力します。

[ 行 ] を有効にして、[ 数 ] に [ 1 ] を入力します。

[ OK ] をクリックします。

[ 新規ガイドレイアウトを作成 ] を設定

画像のセンターにガイドが引けました。

画像のセンターにガイドが引けた

計算なしでマージンも引ける！

[ 新規ガイドレイアウトを作成 ] を使用すれば、どんなサイズの画像にも、計算なしで、横割り、縦割り、マージンなどのガイドが引けます。

[ 新規ガイドレイアウトを作成 ] を使用

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【文字＆レイアウト】文字で画像を切り抜く方法「クリッピングマスクを作成」【2022】 first appeared on psgips.

【ロゴ】フォントでつくる！錆びた金属板の彫り込み文字「立体錯視の効果で影を作成」【2021】

古岡ひふみ — Sun, 25 Jul 2021 23:00:00 +0000

【Photoshop講座】木版や金属板に文字を彫り込んだ効果は、背景に敷くテクスチャの明暗によって簡単に作成できます。これは、光と影によって引き起こされる「立体錯視」を利用したもので、ポイントは、光源からの入射角に対して、影を付けることです。文字型で彫り込まれたような効果をつくりましょう。

段差に明暗を付ける！

窪みと出っ張りの効果は、ほとんど同じ原理で行われます。文字型に対して、上方向からの光源だと出っ張りに見え、その逆だと窪みに見えます。

このような「立体錯視」を、よりスムーズに導入させるには、窪んでいる面を少し暗くすることで距離感を出し、出っ張っている面が、近くにあると認識させることです。

フォントでつくる！

錆びた金属板の彫り込み文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

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

これから行う操作は、入力した文字型で、テクスチャを窪ませる方法です。リアルな彫塑風ではなく、可読性を優先させたグラフィック表現にこだわります。

素材に文字を入力

文字型で彫り込んだ効果を適用

まったく同じ立体効果でも、光源の方向によって、出っ張って見えたり、窪んで見える錯覚が起こります。これは、人が立体物を認識する上で、光と影の関係を、先入観によって判断しているからです。空は上、地面は下のように、上方向からの光源が、本能的に優先されるワケです。

作成後の拡大・縮小や書体変更などの編集が行える点においても、初級ユーザーの方にとって最適な教材となることでしょう。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

文字を入力する

彫り込み文字のベースになるフォントを、素材画像 (任意のドキュメント) に入力しましょう。フォントの形状が、そのまま、彫り込み文字の効果になります。ここでは、スタンダードなサンセリフ書体を選択します。

【操作方法】

効果を確認しやすくするため、文字の背景に画像を使用します。素材画像をダウンロードして開きましょう。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1080 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 1 MB )

素材画像を開く

photo by PellissierJP

目次に戻る

テキストレイヤーの作成

テキストレイヤーは、ドキュメントに文字を入力すると、自動的に作成されまます。効果の対象のオブジェクトは、テキストレイヤーのほかに、ピクセルレイヤー、シェイプレイヤー、スマートオブジェクトに対応します。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

[ 横書き文字ツール ] を選択

オプションバーで、[ フォントファミリーを設定 ]、[ フォントスタイルを設定 ] に、任意のフォントを設定します。

任意のフォントを設定

作例では、「 Swiss 721 BT Roman 」を設定していますが、フォント環境は、ご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

基本がわかる！文字の入力と編集

[ フォントサイズを設定 ] に、[ 300 pt ] を入力します。

[ アンチエイリアスの種類を設定 ] に、[ 滑らかに ] を選択します。

[ 滑らかに ] を選択

ドキュメントの適当な箇所をクリックして、ポイントテキストで、[ TRIALS ] を入力します。文字が入力できたら、[ 現在の編集をすべて確定 ] をクリック、または、[ enter ] キーを押して、入力を確定します。

基本がわかる！文字の入力と編集

テキストを入力

[ レイヤー ] パネルで、テキストレイヤーが作成されたことを確認してください。

テキストレイヤーの作成を確認

テキストカラーはブラック？

ここでは、[ テキストカラーを設定 ] に、[ ブラック ] を設定していますが、後の操作で、レイヤースタイルの [ カラーオーバーレイ ] を設定するので、特に指定する必要はありません。素材画像に適した、確認しやすい色を設定してください。

目次に戻る

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【ロゴ】フォントでつくる！錆びた金属板の彫り込み文字「立体錯視の効果で影を作成」【2021】 first appeared on psgips.

基本がわかる！パネルの操作「ワークスペースを自由にカスタマイズ」【2021】

古岡ひふみ — Sun, 25 Oct 2020 23:00:00 +0000

【Photoshop基本操作】Photoshop のパネル機能は、作業スペースを確保したり、効率的に表示させたりする機能が備わっています。グループからの分離、ドッキングなど、用途に応じたカスタマイズも自由に組み合わせできます。

タブを掴んで移動する！

「タブ」とは、本やノートの端に付けられた出っ張りのことです。タブのおかげで、目的のページが素早く見つけられます。Photoshop のパネルにも、このようなタブが付けられていて、クリックすると、目的のパネルが表示される仕組みです。

しかし、それだけではありません。パネルを切り離したり、順番を入れ替えたり、自由自在のアレンジを可能にするのもタブなのです。操作はタブを掴んで移動する感覚です。

基本がわかる！パネルの操作

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

[ CHAPTER-07 ]

[ CHAPTER-08 ]

パネルの分離とドッキング

パネルの表示の切り替え、分離やドッキングは、パネル名を表示する上部のタブで行います。また、アイコン化して非表示にしたり、パネルメニューを表示するためのボタンもあります。まず、それらの位置と役割を確認しておきましょう。

Photoshop のパネル (タブグループ)

タブ

タブグループの表示されていないタブをクリックすると、パネルを切り替えることができます。タブをドラッグして、個別のパネルに分離したり、他のパネルにドッキングすることもできます。

アイコンパネル化・パネルを展開

クリックすると、表示中のパネル (タブグループ) がたたまれ、省スペースのアイコンとパネル名だけの表示になります。

アイコンパネル化・パネルを展開

パネルメニュー

クリックすると、それぞれのパネルに含まれるオプションが選択できる、パネルメニューが表示されます。

パネルメニュー

一部のパネルしか表示されていない！

初期設定では、一部のパネル (タブグループ) しか表示されていません。たとえば、[ アクション ] パネルや、[ ナビゲーター ] パネルなどを表示したい場合は、[ ウィンドウ ] メニューから選択します。

目次に戻る

パネルの表示・非表示

現在、表示されていないパネルを表示したり、表示中のパネルを非表示にする操作です。

【操作方法】

[ ウィンドウ ] メニューから、[ (パネル名) ] を選択します。

選択したパネルは、あらかじめ設定されたタブグループで表示されます。

[ ナビゲーター ] を選択

アイコンパネル化・パネルを展開

クリックすると、表示中のパネル (タブグループ) がたたまれ、省スペースのアイコンと、パネル名だけの表示になります。

アイコンパネル化・パネルを展開

パネルの表示・非表示

アイコンをクリックすると、パネルの表示・非表示が切り替えられます。

使うときだけ現れる！

[ tab ] キーを押すと、パネルを完全に画面から消すことができます。非表示になったパネルは、マウスカーソルを画面の端に置くと表示され、離すと非表示になります。パネルが邪魔なときは便利ですね。再び、[ tab ] キーを押すと通常の表示に戻ります。

目次に戻る

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

タブグループから分離

タブグループの中にあるパネルを、独立したひとつのパネルとして分離します。

【操作方法】

タブをクリックして、分離させたいパネルを表示します。

表示したタブをクリックホールド

タブの上でマウスボタンを押したままドラッグして、分離させたい位置まで移動します。

タブをパネルグループの外へドラッグ＆ドロップ

分離させたい位置で、マウスボタンを離します。

パネルをタブグループから分離できた

タブグループとは？

タブグループとは、ひとつのパネルに、複数のパネルをまとめたものです。使用するパネルをタブで切り替えることによって、作業スペースが確保できます。

目次に戻る

タブグループにドッキング

独立したひとつのパネルを、タブグループにまとめます。タブグループの分離やドッキングは、タブとして開くドキュメントウィンドウでも、同様に行えます。

【操作方法】

ドッキングさせたいパネルの、タブをクリックして表示します。

表示したタブをクリックホールド

タブの上で、マウスボタンを押したままドラッグして、ドッキングさせたいパネルのタブスペースまで移動します。

ドッキングさせたいパネルまでタブをドラッグ＆ドロップ

移動先のパネルの枠が青くなったら、マウスボタンを離します。

タブグループにドッキングできた

ドキュメントの操作も同じ

複数のドキュメントを開くと、ドキュメントウィンドウがドッキングされて、それぞれのファイル名のタブが上部に表示されます。

タブを水平にドラッグして順番を入れ替え

このドキュメントウィンドウもパネルと同じく、タブをドラッグすることで、分離やドッキング、タブグループ内での順番の入れ替えが行えます。

目次に戻る

続きは［＞］をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 基本がわかる！パネルの操作「ワークスペースを自由にカスタマイズ」【2021】 first appeared on psgips.

【文字＆レイアウト】画像と文字を配置したポストカードをつくる「プリント出力用データの作成方法」

古岡ひふみ — Tue, 19 May 2020 23:00:00 +0000

【Photoshop基本操作】画像や文字をキレイにプリント出力するには、大きな画像解像度が必要です。高品質な商業印刷で求められる数値を設定して、年賀状にも応用できる、カンタンなポストカードを作成しましょう。

適切な解像度で滑らかな文字に！

プリント出力で気になる「ギザギザ」は、ドキュメントの解像度が低いために起こる現象です。高解像度になればなるほど、文字はどんどん滑らかになります。ドキュメントを出力サイズで作成して、解像度に 350 pixel/inch を設定しましょう。

画像と文字を配置した

ポストカードをつくる

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

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

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

目次に戻る

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

官製はがきサイズで出力することを前提とした、新規ドキュメントを作成します。ドキュメントにガイドを作成することは、紙面をデザインする上で、大変重要な作業となります。

素材画像をダウンロードしよう！( 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 カラーは「反射するモノの色」です。

ここでは、商業印刷で推奨される [ CMYK カラー ] を設定していますが、一般的な家庭用プリンターは、プリンター側に独自の変換機能が備わっているため、[ RGB カラー ] が推奨されている場合もあります。用途によって、適切なカラーモードを設定してください。

家庭用プリンターの場合は？

一般的な家庭用プリンターで出力する場合、[ CMYK カラー ] や [ Japan Color 2001 Coated ] を設定していると、色の再現力が悪くなることがあります。

これは、プリンター側の初期設定 (推奨設定) が、[ RGB カラー ] からの変換を想定しているためで、プリント時の出力設定を変えなければ、改善することが難しくなります。

プリント時の出力設定を変えない前提なら、ドキュメントのカラーモードに [ RGB カラー ] を選択します。

カラーモードに [ RGB カラー ] を選択

カラーモード [ RGB カラー ] の選択に伴い、カラープロファイルに [ sRGB IEC61966-2.1 ]、または、[ カラーマネジメントしない ] を選択します。

一般的な家庭用プリンターの場合、１色あたりの出力解像度がそれほど高くないので、ドキュメントの解像度は [ 350 ] pixel/inch 以下の [ 300 ] pixel/inch でもかまいません。ただし、pixel (ピクセル) を単位とする設定は、物理的サイズの換算値が変更されるので注意してください。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

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

ここでは、ガイドの作成方法に [ 新規ガイドレイアウトを作成 ] を使用します。ドキュメントをブロックで等分する、割付ガイドを作成しましょう。

【操作方法】

[ マージン ] を有効にして、すべてのボックスに [ 69 px ] を入力します。

[ マージン ] を設定

すると、４辺から 69 px の位置にマージンガイドが作成されます。

マージンガイドを確認

[ 列 ] を有効にして、[ 数 ] に [ 5 ]、[ 間隔 ] に [ 69 px ] を入力します。

[ 行 ] を有効にして、[ 数 ] に [ 4 ]、[ 間隔 ] に [ 69 px ] を入力して、[ OK ] をクリックします。

[ 列 ] と [ 行 ] を作成

すると、幅を５等分、高さを４等分した割付ガイドが作成されます。

割付ガイドを確認

ガイドとは？

ガイドとは、プリント出力では反映されない仮の基準線です。合成画像や文字などの配置を目安にしたり、スナップで吸着させたい場合などに使用します。

ガイドの作成方法を大まかに分類すると、フリーハンド (手動方式) と、レイアウト (割付方式) があります。基本的なフリーハンドの操作については、以下のページで詳しく解説しています。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【文字＆レイアウト】画像と文字を配置したポストカードをつくる「プリント出力用データの作成方法」 first appeared on psgips.

最初に覚えたい！フォントの基礎知識５選「グラフィックデザインに欠かせない書体の種類と表情を解説」

古岡ひふみ — Sat, 21 Mar 2020 23:00:00 +0000

【グラフィックデザイン】フォント ( font ) とは、アルファベット、数字、記号などを統一して揃え、印刷物や Web などで使えるようにデザインされた文字の「書体データ」です。特定のフォントを使用するには、パソコンにインストールしなければなりません。

フォントの表情を認識しよう！

グラフィックデザインに欠かせない文字には、視覚的な情報伝達をスムースに行うため、古くからさまざまな工夫が加えられてきました。強く感じるもの、優しく感じるもの、愛らしく感じるもの…。それらのイメージを目的として、フォントはデザインされているものなのです。

最初に覚えたい！
フォントの基礎知識５選

[ SELECT-01 ]

[ SELECT-02 ]

[ SELECT-03 ]

[ SELECT-04 ]

[ SELECT-05 ]

書体の種類

文字の形状を表す「書体」には、さまざまな種類があります。これらを表す言葉が「タイプフェイス (書体デザイン) 」です。フォントとして、タイプフェイスのバリエーションをひとつにまとめた総称が「フォントファミリー」です。

基本がわかる！文字の入力と編集

書体イメージのマトリクスでは、横軸に「古典的」と「先進的」、縦軸に「独創的」と「常識的」を対局させます。たとえば、古典的で独創的な書体は、その中間の「情緒的」なイメージがあると考えられます。

目次に戻る

明朝体とゴシック体

和文書体の種類は、まず、「明朝体 (みんちょうたい) 」と「ゴシック体」に分けられます。基本的には、ひとつのフォントファミリーの中に、2つの種類が混ざることはありません。

明朝体は、横線より縦線の方が太く、線の端や曲がり角に「うろこ」が付いています。この三角形のアクセントが最大の特徴ですね。

現代的なシャープさと伝統的な筆文字の美しさをマッチさせた明朝体

字面が大きく直線的で縦横を問わず文字組がしやすい明朝体

形状にメリハリがあり、小さな文字も読みやすく可読性が優れているので、書籍や新聞の本文書体などに活用されることが多いです。

ゴシック体は、明朝体のようなうろこがありません。横線も縦線も太く、線の端が直線でカットされているのが特徴です。

オーソドックスな骨格で可読性と存在感を両立させたゴシック体

直線的で起筆や収筆の抑揚を抑えられた個性的なゴシック体

遠くからでも認識できる視認性が優れているので、道路標識や雑誌のタイトルなどに活用されることが多いです。

旧型と新型？

明朝体とゴシック体は、書体の種類の基礎的な分け方ですが、「オールドスタイル」と「ニュースタイル」という、イメージによる分け方もあります。

明朝体のオールドスタイルは、横線がニュースタイルよりも太く、各デザイン要素が強い、古典的で真面目なイメージがあります。ニュースタイルは、横線がオールドスタイルよりも細く、各デザイン要素が弱い現代的で優雅なイメージがあります。

ゴシック体のオールドスタイルは、エッジに筆書きの名残りがある、古典的で厳格なイメージがあります。ニュースタイルは、縦線と横線がほぼ均一な、現代的でモダンなイメージがあります。

目次に戻る

丸ゴシック

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

ソフトでやわらかな字形ながらモダンな印象の丸ゴシック体

目次に戻る

楷書体 (かいしょたい)

明朝体のルーツとされる毛筆書き系の書体区分です。明朝体のオールドスタイルよりも、さらに各デザイン要素が強く、丁寧に書いたが均一性のない「手書き風」の線が特徴です。

筆運びを取り入れ洗練された字並びの美しい楷書体

目次に戻る

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

毛筆書き系の書体区分で、書道の筆運びを意識したデザインが特徴です。筆の先が紙に触れてる状態で進む「送筆」を取り入れているものも多いです。「筆記体 (ひっきたい) 」とも呼ばれます。

個性的な筆運びに躍動感があり崩しすぎず読みやすい行書体

目次に戻る

隷書体 (れいしょたい)

毛筆書き系の書体区分で、字形が横長で波打つような横線が特徴です。古代中国がルーツであり、印章から毛筆書きに発展したような遍歴が伺えます。

特徴的なデザイン性と可読性を両立させた素朴な印象の隷書体

目次に戻る

篆書体 (てんしょたい)

古代中国の印章や石碑などに刻まれた文字が発祥で、縦線と横線がほぼ均一な彫刻系の書体区分です。字形が縦長であり、円弧は水平・垂直に沿って曲げられているのが特徴です。

縦組みにも横組みにも対応できる独創的な字形の篆書体

目次に戻る

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

毛筆書き系の書体区分で、歌舞伎の看板に用いられる、極太の力強い字形が特徴です。江戸時代の文化が生んだ、「寄席文字」や「相撲文字」などの区分に入ります。

重厚で丸みを帯びたデザインに情緒的な個性を取り入れた勘亭流

目次に戻る

教科書体

書道の筆運びを簡潔に整理したデザインが特徴です。毛筆書き系の書体区分には入らないですが、楷書体や行書体に通ずる、古典的で真面目な表情があります。

ボールペンや鉛筆で書かれた筆跡を取り入れた現代的な教科書体

和文書体のデザイン要素

和文書体の特徴的なデザイン要素には、それぞれ名称が付けられています。ひとつの書体に共通した字形の部位を「エレメント」といい、これらを組み合わせて、視覚的にバランスが調整されています。

明朝体のエレメント

目次に戻る

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

セリフとサンセリフ

欧文の書体区分は、まず、「セリフ体」と「サンセリフ体」に大別されます。フォントファミリーにおいて、両者が混在することは基本的にありません。

セリフとは、横線の端に付くインク溜めのような部分で、「ひげ飾り」と呼ばれることもあります。横線が細く、縦線が太いのが特徴です。発祥は紀元前にもさかのぼり、石彫文字にできる亀裂が原型だとする説が有力です。

優雅な曲線とシャープなセリフの対比が美しい古典的なセリフ体

シャープさを抑えて読みやすさが追求されたスタンダード書体

形状にメリハリがあり、小さな文字も読みやすく可読性が優れているので、書籍や新聞の本文書体などに活用されることが多いです。

サンセリフとは、セリフの付いていない書体の種類です。横線も縦線も太く、線の端が直線でカットされているのが特徴です。単純化された図形的要素の高い書体に多く用いられ、力強く現代的なイメージがあります。

高い視認性と完成されたバランスを持ったスタンダード書体

シャープで幾何学的な形状と豊かな表現力を持った見出し系書体

遠くからでも認識できる視認性が優れているので、道路標識や雑誌のタイトルなどに活用されることが多いです。

セリフデザインの種類

セリフデザインは大きく分けて「カップセリフ」、「ブラケットセリフ」、「ヘアーラインセリフ」、「スラブセリフ」があり、セリフデザインの違いによって書体区分がされ、それぞれ細分化されたタイプフェイスへ派生しています。

カップセリフ

中央部分が少し窪んだ古典的セリフで書体区分はオールド・フェイス ( Garamond など)

ブラケットセリフ

直線と曲線で構成されたポピュラーなセリフで書体区分はトラディショナル ( Times など)

ヘアーラインセリフ

細い線でアクセントが加えられたセリフで書体区分はモダン・フェイス ( Bodoni など)

スラブセリフ

矩形で構成された力強いセリフで書体区分はエジプシァン、クラレンドン ( Stymie、Bookman など)

目次に戻る

スクリプト

スプリクトとは、欧文書体のフリーハンドで書いたようなデザインに区分される名称です。カリグラフィと呼ばれることもあり、和文書体では「行書体」や「草書体」に該当します。

ペンがモチーフの筆記体で優雅な曲線とメリハリが特徴の書体

目次に戻る

ブラッシュ

ブラッシュとは、欧文書体の筆や刷毛で書いたようなデザインに区分される名称です。和文書体では「楷書体」や「隷書体」に該当します。

筆がモチーフの筆記体で遊び心を感じるバランスが取れた書体

目次に戻る

ブラックレター

ブラックレターとは、西洋の書道的な「カリグラフィ」が発祥とされる、装飾的な筆記体のことをいいます。

装飾性に富んだインパクトのある代表的なブラックレター体

目次に戻る

オールド・フェイス

オールド・フェイスとは、セリフ系書体の古典的なデザインで、優雅で気品のあるイメージと、セリフの中央部分が少し窪むなど、全体にゆるやかな曲線で構成されているのが特徴です。

直線的なセリフとほぼ同じ太さの縦横線が特徴のスタンダード書体

目次に戻る

トラディショナル

トラディショナルとは、オールド・フェイスとモダン・フェイスの中間に位置するセリフ系書体です。本文、見出しを問わず、最も広く活用されているスタンダードデザインです。

イギリスのタイムズ紙が新聞用書体として開発したスタンダード書体

目次に戻る

モダン・フェイス

モダン・フェイスとは、セリフ系書体を幾何学的にデザインしたもので、セリフ部分が細い直線で構成されているのが特徴です。

細い横線と太い縦線で構成されたメリハリのある見出し系書体

目次に戻る

クラレンドン

クラレンドンとは、セリフ系書体にゴシック体の要素を加えたような力強いデザインで、セリフ部分が矩形で構成されているのが特徴です。同系にエジプシャンも加えられます。

細い横線と太い縦線で構成されたメリハリのある見出し系書体

角張ったセリフやほぼ同じ太さのステムとバーが特徴の書体

欧文書体のデザイン要素

欧文書体の特徴的なデザイン要素には、それぞれ名称が付けられています。ひとつの書体に共通した字形の部位を「エレメント」といい、これらを組み合わせて、視覚的にバランスが調整されています。

セリフ体のエレメント

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 最初に覚えたい！フォントの基礎知識５選「グラフィックデザインに欠かせない書体の種類と表情を解説」 first appeared on psgips.

【文字＆レイアウト】アンチエイリアスを無効にする方法【ビットマップフォント】

古岡ひふみ — Sun, 01 Jul 2018 23:00:00 +0000

【Photoshop基本操作】アンチエイリアスを無効にすると、フォントの形状を構成するドットは、白と黒にはっきり分割されます。しかし、ドットデザインが用意されていないアウトラインフォントでは、読みづらいギザギザの形状になるだけです。適切なビットマップフォントを使用して、小さな文字をはっきり鮮明にしましょう。

ビットマップ崩れを見極める！

アンチエイリアスを無効にする用途は、小さな文字や図形をはっきり鮮明に見せるためです。ビットマップフォントといえども、フォントサイズがドットに合致してないと、適切な形状は表示されません。これを「ビットマップ崩れ」といいます。

ビットマップ崩れは、適切なフォントサイズでも現れる場合があるので、ちょっとした、裏技を覚えておくと便利です。

アンチエイリアスを

無効にする方法

[ STEP-01 ]

アンチエイリアスを無効にする

[ STEP-02 ]

文字を入力する

[ STEP-03 ]

文字パネルを表示する

[ STEP-04 ]