Photoshopを学ぶためのHow-Toオタクガイド、第7回デザインとタイポグラフィ
Photoshopのようなプログラムは、新世代のデザイナーになることを可能にし、かつてないほど簡単に作成できます。 Type Character Panelを学び、それをいくつかの基本的な設計作業に適用することによって、それがどれほど簡単であるかを見てください。.
パート1のツールボックスとパート3のレイヤーのテキストオブジェクトの作成でテキストツールについて簡単に説明したので、Photoshopでタイポグラフィを設定する方法を詳しく見てみましょう。もちろん、あなたがPhotoshopを学ぶためのハウツーガイドのいずれかの部分を見逃しているならば、それぞれはこの束ねられたリンクでまだ利用可能です.
フォントと文字パネル
Adobe Illustratorのようなベクトルプログラムはフォントのような抽象的な形を扱うための優れた選択肢ですが、PhotoshopはTypography部門にとって悩みの種ではありません。 Illustratorが可能なほとんどすべてのタイポグラフィ処理が可能であり、そうでないものもあります。.
右側のパネルにまだ表示されていない場合は、ウィンドウ>文字を選択して文字パネルを見つけることができます。それはあなたのテキストのための豊富なオプションです。このセクションには、あなたが知っているかどうかわからない複雑な文字体裁の用語が含まれていることに注意してください。 How-To Geekの記事「プロのデザイナーのようにタイポグラフィを理解する」で、タイポグラフィの用語をブラッシュアップするか、単に読み続けてください。.
フォントファミリー： Helvetica、Arial、Times New Romanなど、テキストオブジェクトが設定されているフォントを選択した場所。.
フォントスタイル： フォントファミリーがインストールされている場合は、「フォントスタイル」が有効になっている可能性があります。ここで、同じフェイスの代替バージョンを選択できます。例えば、Arial Bold、Arial Narrow、Arial Condensed、Arial Rounded MT、Arial Blackなど.
フォントサイズ： フォントのサイズを数値的に変更できる場所。ここに数字を入力するか、推奨される一般的なポイントサイズについてはプルダウンメニューを使用してください。.
先導： ポイントで設定された段落テキストの行間のスペースの表記用語.
カーニング： 文字ペア間の水平方向の間隔。ここで負の数値は文字間のスペースを閉じ、正の値は文字間のスペースを追加します.
追跡： カーニングの概念と同様に、トラッキングはテキストオブジェクト全体またはいくつかの選択された文字に対する一般的なカーニングを調整します。必要に応じて、テキストオブジェクトのトラッキングを調整してから、個々の文字を切り換えることができます。.
垂直スケール： タイポグラフィを上下に伸縮させる統制された方法。ここに元の文字の高さに対するパーセントで数値を入力してください.
水平スケール： 左右にタイポグラフィを伸縮させるための制御された方法。ここに元の文字幅のパーセントで数値を入力してください.
ベースラインシフト： ベースラインは、テキストが「かかっている」行です。選択した特定の文字をベースラインから移動して、残りの設定テキストよりも高くまたは低く表示されるようにします。.
テキストの色： テキストオブジェクトの色を調整できる領域.
言語： 英語以外の文字が必要な場合に、テキストが設定されている言語を調整します。.
アンチエイリアシング： タイプのエッジを記述するために使用されるピクセルブラーの量を調整することによって、テキストをピクセル単位でレンダリングするためのオプション。 「なし」は文字を硬いピクセルでレンダリングしますが、他のものはすべてさまざまな形式のアンチエイリアシングを使用します。.
フェイクボールドとその他のキャラクターパネルオプション
 | フェイクボールド： 現在のフォントのサイズは、人工的な太字フォントを作成するために人為的に太くされています。 「フォントファミリ」または「フォントスタイル」の実際の太字フォントを使用することが一般的に推奨されます。. |
 | 斜体イタリック： 現在のフォントは人為的に右に傾いているため、誤ったイタリック体に見えます。繰り返しますが、「フォントファミリ」または「フォントスタイル」の実際のイタリックフォントを使用することをお勧めします。. |
 | 大文字： 型をすべて大文字に変換します。大文字と小文字のテキストの大きなセクションを再入力するのに時間がかかるような場合に非常に役立ちます. |
 | 小さな帽子： 大文字のポイントサイズを縮小して、誤った小さな大文字を作成します。テキストオブジェクトでは、すべての小文字がこれらの小さい大文字に置き換えられます。. |
 | 上付き 2の場合のように、選択したテキストまたはテキストオブジェクトを上付き文字に変更します。8. |
 | 添字： Cの場合と同様に、選択したテキストまたはテキストオブジェクトを下付き文字に変更します。6H12年○6. |
 | 下線： 選択したテキストまたはテキストオブジェクトの下に単純なアンダースコアを追加します. |
 | 取り消し線： 選択したテキストまたはテキストオブジェクトすべてに簡単な取り消し線を追加します。. |
オプションパネルと文字ツール
文字ツールで使用できないオプションパネルでは、文字パネルでは使用できないオプションがいくつかあります。これら三つは：
 | テキストの向き テキストオブジェクト内のテキストの進行方向を水平または垂直に切り替えます. |
 | アライメント： テキストオブジェクトの配置を左揃え、中央揃え、または右揃えに設定します。. |
 | ワープテキスト： テキストオブジェクトをバナーや他のオブジェクトのようないくつかの定義済みの調整可能な形状の1つにワープします. |
簡単な本の表紙をデザインする
デザインは実社会のアプリケーションに関するものであるため、最も重要な（物議をかもしない）科学書籍のうちの1つについて、基本的なブックカバーのデザインの作成を検討します。, 自然淘汰による種の起源について, チャールズ・ダーウィン.
ダーウィンのイメージを調整するためのレベルツールを起動します。デザインは必ずしも要素の配置に関するものではありませんが、この単純化されたアプローチはデモ目的には十分です。.
画像が黒くなったら、Ctrlキーを押しながらチャンネルパネルのグレーチャンネルをクリックします。これにより、画像内のすべての白の選択範囲が作成されます。.
編集：ファイルがまだグレースケールではなく、RGBまたはCMYKの場合は、グレースケールチャンネルをCtrl +クリックする前に、イメージ>モード>グレースケールの順に選択してください。私の注意を引くためにHTGリーダーl3utterfishに感謝します.
押す 
新しいレイヤーを作成する.
編集>塗りつぶしで新しいレイヤーの選択範囲を白で塗りつぶします.
ダーウィンのアイコン写真は黒の背景から削除され、要素として使用できるようになりました.
押す 
お好みのサイズで新しい文書を作成します。示されているサイズは、もう1つの重要な本、Robert Bringhurstのものと同じサイズです。 活版印刷スタイルの要素.
そして、これは本の表紙のための私達の非常に高いワークスペースです。.
で前景色を選ぶ 
あなたのツールボックスに。このデモンストレーションでは、暗い色が好ましいですが、任意の色で十分です。.
「編集」＞「塗りつぶし」と「使用」を「前景色」に設定してください。
背景は以前に選択されたワイン色でいっぱいです.
ショートカットキーを押す 
. 元のファイルに移動し、選択した移動ツールを使用してレイヤーを新しいファイルにドラッグします.
レイヤーは新しいファイル内にこのように表示されます。.
押す 
または上の図のタイプツールを選択してタイプの設定を開始します.
すべてのフォントがコンテンツに適しているわけではありません。このピクセル化されたフォントは、この概念にとって非常に悪いです。.
より保守的なフォントはコンテンツを尊重し、より適切な外観を作成することがあります。.
いくつかの限られたフォントオプションがインストールされていても、それは圧倒的に思えるかもしれません。しかし、正しいフォントを選択することは困難で時間がかかりますが、デザインにとって非常に重要です。.
正しいフォントが見つかったら、Character Panelで調整するのは簡単です。.
フォントサイズが変更され、タイプが2行に分けられます.
ポイントサイズを調整すると、先導的な問題が発生する可能性があります。.
文字が衝突すると、読者は読みやすさと読みやすさの問題を抱えたままになります。先頭を調整することが唯一の応答です.
先頭のポイントサイズを大きくすると、タイトルの読みやすさが向上します。.
追加の情報を追加する必要があります。また、Photoshopでは、最後に使用したテキストオブジェクトと同じポイントサイズのフォントを使用することをお勧めします。これは当てはまるかもしれませんしないかもしれません.
新しいテキストオブジェクトを追加、調整しました。デザイン全体にアクセスできます。.
要素を移動したいと思うかもしれません.
また、ページ上で一貫した行を維持するために、要素や微妙なシフトテキストを追加することもできます。テキストツールでは、タイトルを大文字にする必要がある「Means」、「Natural」、「Selection」などのタイプミスも調整できます。.
ルーシー、有名なアウストラロピテクスアファレンシスのこの骨格のような追加の要素もデザインを助けることができます。繰り返しますが、デザインは必ずしも要素の単純な組み合わせではありません。それはPhotoshopが完全に不可能なプロセスを伴うことがあるからです。しかし、それはしばしばこの種のグラフィック作業のための優れたツールです。.
Photoshopのヒントはあなたを混乱させましたか？始めから始めよう！ Photoshopを学ぶためのハウツーガイドの前回の記事をチェックしてください。.
- パート1：ツールボックス
- パート2：基本パネル
- パート3：レイヤーの紹介
- パート4：基本メニュー
- パート5：初心者向け写真編集
- パート6：デジタルアート
- パート7：デザインとタイポグラフィ
- パート8：フィルタ
How to To Geekに戻って、Guide to Learning Photoshopの最後の記事を読みましょう。ここでは、Photoshopのフィルタを見ながらガイドをまとめます。.
Image Credit：Julia Margaret CameronによるDarwinのパブリックドメイン。 Wikipediaユーザー120によるLucy、Creative Commonsの下で入手可能.
