Photoshopロゴタイプ養成ギブス［Section-1 Lesson-1］

Section-1

フォントでつくる[初級編]

●シンプルで目立つ袋文字

●図形とラインを組んだ文字

●ボーダーラインのスポーティな文字

●複写機で劣化したタイプ文字

●飛び出す効果のシャドウ文字

Section-2

フォントでつくる[中級編]

（調整中）

Section-3

パスでつくる

（調整中）

Section-4

アナログでつくる

（調整中）

Section-5

業種別ロゴ研究所

（調整中）

付録

フォントでつくる[初級編]

Lesson-1

シンプルで目立つ袋文字

文字のアウトラインで構成される袋文字は、タイトルや見出しなどにも幅広く使われる、文字を目立たせる最も簡単でベーシックな技法です。イメージぴったりのフォントを組むだけで“らしく”なる、ロゴタイプ制作の基本中の基本、袋文字を作成しましょう。

●使用フォント：Cooper BT Black
※Cooper BT Blackは、Bitstream社製のTrueTypeフォントです。

レイヤースタイルで袋文字をつくろう！

文字のアウトラインを作成する方法はたくさんありますが、レイヤースタイルの［境界線］なら、簡単に設定できて太さの調整も画像を見ながら行えます。そのうえ、適度な丸みがあるので仕上がりもキレイ。ロゴをかわいくやさしいイメージにするならこの方法が最適です。

【１】文字を入力する

［幅：640 pixel］［高さ：320 pixel］［解像度：72 pixel/inch］［カラーモード：RGBカラー］の新規画像を開き、［フォント：Cooper BT Black］［フォントサイズ：100 pt］で「OutLine」と入力します。
	画像ウインドウ

→新規画像の作成方法は？

→文字の入力方法は？

【２】レイヤースタイルで境界線を設定する

レイヤーパレットから［レイヤースタイルを追加］をクリックして［境界線］を選び、［サイズ：10 px］［カラー：H352/S100/B81］に設定します。 ※Photoshop Elements 1.0～4.0には、任意に設定できる［レイヤースタイル］の機能はありません。 →［カラーピッカー］の設定方法は？	［レイヤー］パレット


［レイヤースタイル］ダイアログ


画像ウインドウ

【３】ベース文字の領域をくり抜く

［レイヤー］メニューから［レイヤーを作成］を選び、「「OutLine」の境界線（外側）」レイヤーが作成されたら選択します。「OutLine」レイヤーを非表示にして、コマンド〔Ctrl〕を押しながらクリックします。ベース文字の選択範囲が表示されたらdelete〔Backspace〕を押し消去し、コマンド〔Ctrl〕＋Dで選択を解除します。


［レイヤー］パレット		［レイヤー］パレット

画像ウインドウ

ＣＯＬＵＭＮ

テキストカラーを変更する方法もあり！

ベース文字のテキストカラーを背景と同色にしても結果は同じになります。しかし実際には、ベース文字の領域が不透明色になっているので、背景色を変更したときや、写真や図柄の上に配置したいときなどは、そのテキストカラーが残ってしまいます。

【４】中マドを修正して完成

ツールボックスから［スポイトツール］をクリックし、赤いアウトライン（境界線）をクリックして描画色を設定します。ツールボックスから［ブラシツール］をクリックします。オプションバーの［クリックでブラシプリセットピッカーを開く］をクリックし、［ハード円ブラシ（13 pixel）］を選びます。中マドになった白い部分（透明ピクセル部分）をドラッグすれば完成です。

→［ブラシツール］の設定方法は？

画像ウインドウ