2011年5月3日火曜日

使い方オタクガイド』を参照して学習にPhotoshop、第7部:デザインとタイポグラフィ

sshot - 101

Photoshopのようなプログラムは、設計者はジャンプして作成するより簡単にこれまで以上になる新世代の許可している。それは、キャラクターパネルタイプ学習といくつかの基本的な設計作業に適用することにより、どれだけ簡単に参照してください。

http://www.howtogeek.com/howto/32726/the-how-to-geek-guide-to-starting-with-photoshop-part-1-:1、ツールボックスパートテキストツールの簡単で[覆われたツールボックス/]、およびオブジェクトのテキストの作成​​レイヤーの[ 第3部:http://www.howtogeek.com/howto/33683/the-how-to-geek-guide-to-learning-photoshop-part- 3層/]は、聞かせてのは、Photoshopのタイポグラフィを設定する方法を詳しく見てみましょう。もちろん、もしの一部を逃したのだが[ を学ぶPhotoshopのオタクガイド』を参照して使い方 :http://bit.ly/bundles/ericz/1]が、それぞれがリンクされバンドルされてこれではまだ[ ご利用いただけます :http:/ / bit.ly/bundles/ericz/1]。

フォントおよび文字パネル

Illustratorのプログラムのようなアドビのベクトルが[:http://www.howtogeek.com/howto/32597/whats-the-difference-between-pixels-and-vectors/]は、フォントのような抽象的な形を処理するための優れた選択肢が、Photoshopはタイポグラフィ部門には前かがみです。それは、ほとんどすべての表記治療Illustratorのできるもののことができる、いくつかそれがないことを確認します。

文字パネル

文字パネルがそれはあなたの右側のパネルになっていない場合は、キャラクターを>ウィンドウに行くことによって見つけることができます。これが今以上に行くことがあなたのテキストのオプションを指定し、豊富です。知ることができない、または複雑な表記の用語を 、そのhttp://www.howtogeek.com/howto/30065/how-to-understand-typography-like-a-professional-designer/] 含まれています :可能性があります[は必ずセクション警告このことは、 。用語とタイポグラフィの交流上のブラシデザイナの操作方法ギークする記事は、Professional"[理解タイポグラフィのように :http://www.howtogeek.com/howto/30065/how-to-understand-typography-like-a-professionalデザイナー/]"、または単純に読んでください。

フォントファミリー:どこ設定されたオブジェクトは、選択したフォントをテキストにで、例えば、ヘルベチカは、Arial、Times New Romanなどなど

フォントスタイルは:インストールされている場合の家族はあなたがしたフォントは、"フォントスタイルは、"アクティブかもしれないが、これは顔と同じです別のバージョンを選択して行うことができる。例えば、MS Pゴシック、太字、MS Pゴシックナロー、MS Pゴシックコンデンスは、Arial丸いのMTは、Arial黒、など

フォントサイズ:どこフォントができますあなたのサイズを数値的に変更してください。一般的なポイントサイズが示唆されたためにはここを数字で入力するか、プルダウンメニューを使用します。

リード:のポイント設定されたテキスト、段落の行の間のスペースのための用語表記。

カーニング:の文字ペア間の間隔は水平。正の値は、文字間にスペースを追加しますが負の数値は、ここの文字の間にスペースを終了します。

トラッキングは:カーニングの概念と同様に、トラッキング、文字に比べていくつかの選択で調整する一般的なカーニングまたは全体のテキストオブジェクトを取得します。あなたは、テキストオブジェクトの追跡を調整することができますし、必要に応じて、個々の文字間のカーニング。

垂直スケール:上下に制御された方法タイポグラフィを伸ばし、スカッシュ。入力元の文字の高さのパーセントここで数値を設定します。

水平スケール:制御された方法は、ストレッチして、左右にタイポグラフィをつぶす。入力元の文字幅のパーセントでここに数値を設定します。

ベースラインのShiftキーを押しながら:ベースラインは、にかかっている"されているテキストは、"行。彼らが高いか低い設定されたテキストの残りの部分よりも表示されるようにするためのベースラインから特定の選択された文字を移動します。

テキストの色:さ調整領域のテキスト可能な色は、オブジェクト。

言語:調整は、英語の文字言語は非場合には、テキストがいる設定に必要です。

アンチエイリアシングは:ピクセルの量を調整することにより、ピクセル単位でテキスト描画をするためのオプションタイプのエッジを説明さぶれ。ハードエッジをピクセル単位で"なし"をレンダリングする文字は、他のすべては、アンチエイリアスの様々な形式を使用している間。

偽もの太字およびその他のキャラクターパネルのオプション

偽の太字は:現在のフォントのサイズはのフォントです太字人工人工的に厚くして作成します。 "フォントファミリー"または"フォントスタイル"の実際の太字フォントを使用すると、一般的に好ましい。
偽斜体 偽斜体:あなた現在のフォントが見ている斜体はfalseを作成、右人為的傾斜します。ここでも、"フォントファミリー"または"フォントスタイル"の実際のイタリックフォントを使用して好ましい。
大文字 大文字:変換をすべて大文字にあなたのタイプを指定します。非常にこのような場合に便利な場所、それが時間が大規模な再入力して消費している大文字と小文字のテキストのセクション。
スモールキャピタル 小さ ​​なキャップは:文字サイズをあなたの大文字ポイントキャップを縮小する小型作成はfalseを返します。すべて小文字には、テキストオブジェクト内のこれらの小さな首都に置き換えられます。
上付き文字 上付き文字:変更は、28の例として、上付きオブジェクトをしたり、テキストのテキストを選択。
添字 添え字:変更は、選択したテキストまたはテキストオブジェクトをC6H12O6の場合のように添字。
下線 下線:オブジェクト追加のテキストまたは単純にアンダースコアの下に選択したテキスト。
取り消し 取り消し線:オブジェクトテキストまたはテキストの選択あなたの追加簡単なストライキを介してすべての。

オプションパネルタイプツール

sshot - 152

いくつかのオプションはキャラクターパネルで使用できるの上部にある待っている画面は、[オプション]パネルでは、文字ツールを使用する場合。これらの3つがあります:

テキストの向き テキストの向き:切り替えます方向にテキストオブジェクト、テキストで実行され、水平方向または垂直方向。
項 整列:設定左揃え、オブジェクトのいずれかに、テキストの配置のセンター揃え、または右揃え。
ワープテキストワープテキスト:またはその他のオブジェクトのバナーのように、いくつかの事前定義された、調整可能な図形一ワープテキストオブジェクトに。

デザインはシンプルなブックカバー

sshot - 103

アプリケーションのため、世界のデザインは約実際、私たちがすることにより、 選択の自然な方法起源の種ではで 、時間が見てすべてを介しての作成 ​​の基本的な科学的な本)と言う論争の的にすることが重要(ほとんどのいずれかの本の表紙のデザインではないチャールズダーウィン。

sshot - 104

Ctrlを押しながらLダーウィンの画像を調整するレベルのツールが表示されます。中デザインは、この単純なアプローチは、デモ目的のために十分の要素の配置を考えるだけである必要はありません。

sshot - 105

イメージは、チャンネルパネルでグレーチャネル、Ctrlキーを押しながらクリックし真っ暗であるため。これは、すべての画像の白の選択を作成します。

編集:グレースケール場合は、既にされていないファイルが、RGBやCMYKするには、チャネルのグレースケールにする前に、Ctrlキーを押しながらクリックすると、グレースケール>モード>画像必要に移動します。注意私のもたらすこのためl3utterfishリーダーHTGへの感謝します。

sshot - 106

プレスCtrlを押しながらシフトñ新しいレイヤーを作成することができます。

白を使用して新しいレイヤーの選択を記入する>塗りつぶしを編集します。

sshot - 110

ダーウィンのアイコン写真は、現在の要素として使用される黒の背景と準備ができてから削除されます。

sshot - 111

プレスCtrlキーnお好みのサイズで新しい文書を作成することができます。サイズは、絵本のもう一つの重要な大きさと同じ、ロバートブリングハーストの要素はだ表記スタイル。

sshot - 112

そして、ここでブックカバーのための私達の非常に高いワークスペースです。

sshot - 114

で選んで前景色前景背景色ツールボックスインチこのデモでは、暗い色が好ましいですが、任意の色は、十分です。

sshot - 116

> Fillを編集し、"使用"を設定して、特定のこと"前景色です。"

のSRC ="http://dl.dropbox.com/u/21986221/sshot-117.png"国境="0"Altキー="sshot - 117"幅="329"高さ="550"/ a>を

背景は、以前選択したワインの色で塗りつぶされます。

sshot - 118

[ショートカットキー五 。移動元のファイルに移動し、移動ツールを選択使用して新しいファイルにあなたの層をドラッグします。

sshot - 119

層は、新しいファイル内で次のように表示されるはずです。

sshot - 121

プレス padding - topの:0px; border - widthの:0px;は"SRC ="http://dl.dropbox.com/u/21986221/t.png~~V"国境="0"Altキー="t"の幅="30"の高さ="37"/ a>を、または型のツールを選択し、イラストは、上記のタイプを設定して起動します。

sshot - 123

すべてのフォントは、コンテンツに適している。このピクセル化されたフォントは非常にこの概念に悪いです。

sshot - 124

より保守的なフォントは、コンテンツを守ることが、より適切な外観を作成します。

sshot - 125

さらにいくつかの限られたフォントのオプションがインストールされて、それが圧倒的に見えることができます。ただし、適切なフォントを選び、時間がかかるが、完全に非常にデザインの一部に重要なことは困難である。

0px; padding - topの:0px; border - widthの:0px;は"SRC ="http://dl.dropbox.com/u/21986221/sshot-126.png~~V"国境="0"Altキー="sshot - 126"幅="329"高さ="550"/ a>を

適切なフォントは、文字パネルでそれを調整し、発見された場合、簡単な事柄です。

sshot - 128

フォントサイズが変更されている型は、2つの行に分割。

sshot - 130sshot - 131

ポイントサイズが調整されている場合、我々がリードして問題が発生する可能性があります。

sshot - 132

ときに文字衝突すると、読者は読みやすさと読みやすさの問題が残されます。リードの調整のみ応答です。

sshot - 135

大手のポイントサイズを大きくすると、タイトルの読みやすさを向上させます。

sshot - 137

関連する情報については、追加する必要がありますされ、しばしば、Photoshopはあなたが最後に使用したテキストオブジェクトとしてのポイントサイズと同じフォントを使用する場合を想定しています。これは、ケースであるかもしれません。

sshot - 140

新しいテキストオブジェクトが追加され、調整し、我々はできる全体として私たちのデザインへのアクセスを開始します。

我々は、私たちの周りの要素を移動することがあります。

sshot - 145

また、ページ上の一貫性のあるラインを保つために複数の要素や微妙なシフトテキスト、追加することができます。テキストツールはまた、文字の"手段""自然"と"タイトルで大文字必要がある選択"のようなミスを調整することができます。

sshot - 148

追加要素は、ルーシー、有名なアウストラロピテクスのafarensisこのスケルトンのように、デザインをすることができます。それは、プロセスPhotoshopが完全に能力がない含むことができるように繰り返しになりますが、デザインは、必ずしも要素の単純な組み合わせではありません。しかし、多くのグラフィックの仕事、この種のための優れたツールです。

Photoshopのヒントが混乱して左?冒頭にスタート!の以前の記事をチェックアウトする方法ラーニングPhotoshopにオタクガイドを参照してください

  • [ 第1部:ツールボックス:http://www.howtogeek.com/howto/32726/the-how-to-geek-guide-to-starting-with-photoshop-part-1-the-toolbox/]
  • [ 第2部:基本的なパネル :http://www.howtogeek.com/howto/33054/the-how-to-geek-guide-to-learning-photoshop-part-2-panels/]
  • [ 第3部:http://www.howtogeek.com/howto/33683/the-how-to-geek-guide-to-learning-photoshop-part-3-layers/:レイヤーに紹介 ]
  • [ 第4部:基本的なメニュー :http://www.howtogeek.com/howto/34793/the-how-to-geek-guide-to-learning-photoshop-part-4-basic-menus/]
  • [ 第5部:初級写真編集 :http://www.howtogeek.com/howto/35117/the-how-to-geek-guide-to-learning-photoshop-part-5-beginner-photo-editing/]
  • [ 第6部:デジタルアート :http://www.howtogeek.com/howto/35869/the-how-to-geek-guide-to-learning-photoshop-part-6-digital-art/]
  • [ 第7部:デザインとタイポグラフィ :http://www.howtogeek.com/howto/36239/the-how-to-geek-guide-to-learning-photoshop-part-7-design-and-typography/]
  • [ 第8部:フィルタ :http://www.howtogeek.com/howto/36778/the-how-to-geek-guide-to-learning-photoshop-part-8-filters/]
に来て戻る方法のオタクには学習Photoshopのは、ガイドの最終的な分割払いは、ここで我々は、Photoshopのフィルタを見て私たちのガイドをラップします。

画像クレジット:キャメロンマーガレットダーウィンのジュリアは、ドメイン内の公開。 ] http://commons.wikimedia.org/wiki/User:120 120:ルーシーがでウィキペディアユーザーが[、 コモンズクリエイティブ [した可能下:http://creativecommons.org/licenses/by-sa/3.0/deed.en ]

0 件のコメント:

コメントを投稿