CG講座 P−Cat
P-Cat Ver.2.04 ・・・

第1講座 フォトショップ編

第4回 完成させよう!

前回の講座で人物の彩色は完成しました。後は主線を完成させて背景・・・ってほどの
モノではありませんが、人物だけでは寂しいので少し体裁を整えて絵を完成させましょう!

前の講座で説明してある内容は詳しく説明いたしません。分らなくなった時は
下線のある文字をクリックしてください。以前の講座内容が別ウィンドウで開きます。)

主線レイヤーを作る
図1 ・まず、一番上に新規レイヤーを作ります。
一番上にあるレイヤーを選択し
新規レイヤー作成ボタンをクリックします。
(レイヤーの位置は移動可能です。
レイヤーパレットで移動させたい
レイヤーをドラッグ&ドロップします。)
ここで、 第1回の講座で作成した
主線のみの 選択範囲を読み込みます。
・後は、お好みの色を選択し「エアブラシ
ツール」「ブラシツール」「塗りつぶし
ツール」で塗りつぶしましょう。
・主線レイヤーが完成したら、主線元
レイヤーは捨ててしまってOKです。
・主線レイヤーを完成した状態が図1です。
今回はこんな事も出来るよ!って事で、
パーツごとに主線の色を変えてみたり、
濃淡をつけてみたりしてあります。
図1でわかりにくい場合は 完成図
ご覧下さい。

・さて主線レイヤーが完成したら、いよいよ
背景です。ここでは、背景というような
たいしたモノではありませんが、ほんの
ちょこっとだけ体裁を整えてみましょう。

・まずは、すべて完成した状態の画像と
レイヤーパレットをご覧下さい。

背景体裁を整える
完成画像
クリックすると大きな画像で見られるよ♪ レイヤーパレット
図2 ・それでは一番下のレイヤーから解説して
いきます。背景レイヤーではまず「塗りつぶし
ツール」を使って全体に色をつけました。
その後フィルターの効果を使用しました。
使用したフィルターは「テクスチャライザー」。
詳細は参考までに図2をご覧下さい。
・その背景レイヤーをレイヤーパレット上で
新規レイヤー作成ボタンまでドラッグ&ドロップ
しコピーしたものがその上にあるレイヤーです。
これは 描画モードを乗算に変更し 不透明度
32%にしてあります。何故こうしたかと
言うと、あまり効果は上がっていないと思い
ますが、人物の後に少し影をつけたかった
からです。ですからそれ以外の部分を
「消しゴムツール」で消してあります。
図2 これは完成した状態のレイヤーパレットのサムネール
(ファイル名の横の小さい画像)を見て頂ければわかると
思います。この2枚のレイヤーでは服裾のあいまいな部分も
消してあります。
・次にその上にある「枠のコピー」のレイヤーはその名前の
通り「人物」レイヤーの上にある「枠」レイヤーをコピーした
ものです。ですからまず「枠」レイヤーの解説から・・・。
・「枠」レイヤーは画像のどこの部分かと言うと説明しなくても
わかると思いますが、人物の周りにある茶色の四角い枠
です。これを描くにはどのツールでも良いですから、
「Shiftキー」を押しながら描画してみて下さい。こうすると
図3 まっすぐな線が引けます。描き上がったら
先ほどの背景レイヤーと同じようにコピーして、
コピーしたレイヤーをレイヤーパレット上で
ドラッグ&ドロップし「人物」レイヤーの下に
移動させます。そしてその後「移動ツール」
図3)を使い右斜め上にずらします。そして
描画モード覆い焼きカラーに変更し、さらに
不透明度を20%に変更してあります。 図4

・さて次に文字を入れていきましょう!

・文字を入れるには「文字ツール」を使用します。まず「文字ツール」(図4)を選択して下さい。
選択出来たら、画像の文字を入れたい箇所でクリックすると「文字ツール」のダイアログボックス
図5)が開きます。 このダイアログボックスで文字の編集を行います。

図5
フォント フォントの種類を選択します。
サイズ フォントサイズを選択します。
カラー このボックス内をクリックするとカラーピッカーが表示され
文字の色を選択することが出来ます。最初に表示されてる
色はツールボックスで選択されている描画色です。
行間 行間の広さを設定します。下にあるテキストエリア内で
変更したい行を選択してから行います。
トラッキング 複数文字の字間をまとめて調節します。テキストエリア内で
調節したい文字を選択してから行います。
行揃え プレビューのチェックボックスの上にあるのがそうです。
「左揃え」「中央揃え」「右揃え」と選択できます。
プレビュー このボックスをチェックして置くと画像上での確認が可能に
なります。
アンチエイリアス このボックスをチェックして置くとアンチエイリアスが効き
文字の輪郭が滑らかに表示されます。
・ここでは「Good night・・・」とグレーで文字を入れました。それが「Good night・・・」のレイヤーです。そして
選択範囲の読み込み(1-1 図8 参照)で「Good night・・・」レイヤーの透明部分を読み込み(1-1 図14 参照)
選択範囲の縮小で5pixelsほど選択範囲を縮小し「Good night・・・」レイヤーの上に 新規レイヤーを作成し、
選択範囲内をピンクで塗りつぶしたのが「Good night・・・(ピンク)」です。
・次に「Good night・・・」レイヤーをレイヤーパレット上で 新規レイヤー作成ボタンまでドラッグ&ドロップして
コピーし、レイヤーパレット上でドラッグ&ドロップし「Good night・・・」レイヤーの下に移動させ
レイヤーパレットでレイヤー名をダブルクリックし、文字ツールダイアログボックスを表示し文字カラーを白に
変更、そしてフィルターのぼかし(図6)でぼかし、「移動ツール」(図3)で右斜め下に少しずらしたモノが
「文字背景」レイヤーです。
図6
さてここで、1つ注意点があります。

図7 ・「文字ツール」を使用して文字を入力
すると「文字レイヤー」と言う特殊な
レイヤーが作成されます。このレイヤー
はレイヤーパレットのレイヤー名を
ダブルクリックして文字ツールの
ダイアログボックスを表示し、何度でも
変更を行う事が出来ます。しかしこの
「文字レイヤー」はそのままでは、
ペイントやフィルターなどの画像処理が
出来ません。そうした処理が行いたい
時は、このレイヤーを通常レイヤーに
変更してから行います。通常レイヤーに
変更するには、「レイヤー」→「文字」→
「レイヤーをラスタライズ」(図7)で
行います。1度変更すると特殊な「文字レイヤー」に戻す事は出来ないので慎重に行ってください。

・後残るは、自分の名前をいれます。「Good night・・・」の文字と同じように入れていきます。
そして今度はそのレイヤーの下に、名前のレイヤーの透明部分を選択し選択範囲を拡張してから、白で
塗りつぶしたレイヤーを配置してあります。

以上ですべて完成です!