Photoshopテク『手書きの筆文字を切り抜くアルファチャンネル』: 今日の学び

<< 2022年02月 >>
日	月	火	水	木	金	土
		1	2	3	4	5
6	7	8	9	10	11	12
20	21	22	23	24	25	26
27	28

2020年01月28日

Photoshopテク『手書きの筆文字を切り抜く　アルファチャンネル』

こんにちは♪

今日は、Photoshopのちょいテクについて書きたいと思います。

お題は習字のような紙に描いた文字をデジタル化する方法です。

「スキャンして使えばいいんじゃないの？」というご意見もあると思いますが、スマホで筆文字を撮影したりスキャンしたデータってのは文字の周囲の白い部分（用紙の余白エリア）も残っているため、例えば写真の上に重ねたらそのまんまの四角いデータという無残な状態です。
目的は文字部分だけを取り出すことができれば、どんな状況でも使用できますよね。
すなわち必要な部分（文字だけ）だけを抽出することが出来れば目的達成という事ですね。

そこで登場するのがPhotoshopの 『アルファチャンネル』『という機能です！

アルファチャンネルは何かを説明します。
難しいことは、書きません。
端的に言うと、『選択範囲を保存しておく機能』です！
文字の形状を選択範囲として保存できてしまうという事です。

Ilustratorの機能に「トレース機能」というものがあります。
これはスキャンデータのような、いわゆる「ビットマップデータ」をアウトライン化（ベクトル化）して形状を抽出する機能です。
優れた機能ではありますが欠点があります。

例えば筆文字や水彩筆で描いた文字というのは「滲み」がありますよね。
この微妙なグラデーションを表現することは出来ません。（妥協すればそれはそれで笑）
「写真（高精細）」という設定がありますが、にじみが省略され形状がオリジナルから離れてしまいます。
更に高精細アウトラインは、パスやアンカーポイントが膨大に生成されるため、重いし、動かないし（汗）

そこでPhotoshopのアルファチャンネルの出番です。
では実際に下記の筆文字を使って背景を透過し文字部分だけ抜く方法をお伝えいたします。

（１）筆文字をPhotoshopで開く

スキャンすると光り具合によって影が入ったりしますが、これは後で処理しますが、いまはこのまま。
とりあえず、『レイヤーパネル』と『チャンネルパネル』は、見える場所に出しておきましょう♪

（２）筆文字画像全体をコピーする

『Ctrl + A』を押してすべて選択します。
続けて『Ctrl + C』を押してコピーします。

（３）新規アルファチャンネルを作成する

『チャンネルパネル』を表示して『新規チャンネル』ボタンをクリックしましょう。
画面が真っ暗になります。

（４）アルファチャンネルに画像をペーストする

そこに、先ほどコピーしておいた筆文字画像をペースト『Ctrl + V』しましょう。

（５）筆文字のノイズを消去し明確な状態にする

アルファチャンネルにペーストした画像が上記のサンプルようにホワイトのエリアにノイズが入っていたり、文字部分のブラックエリアにもノイズが入っているような場合は、色調補正を使って奇麗に処理する必要があります。しっかり消しておかないと、文字の周囲にノイズの形状をした選択範囲が現れてしまいます。

今回のサンプルは割と明るめのグラデーションノイズだけなので『トーンカーブ』を使って消去できそうです。
まず、文字の上に選択範囲が出来てしまっている場合は、【Ctrl + D】で、いったん選択範囲を解除しておきましょう。

それでは、『トーンカーブ』を使います。
【イメージメニュー】→【色調補正】→【トーンカーブ】を選択します。
下記の図を参考に画像の変化を確認しながらトーンカーブを適用してみましょう。

（６）チャンネルパネルをRGBに戻ず

画面を通常の状態に戻します。
【重要】通常は『チャンネル』パネルの『RGB』チャンネルがアクティブ（選択されている状態）になっています。
ところがアルファチャンネルを作成した直後は、『RGB』チャンネルが非アクティブになっているため、レイヤー上の画像が表示されていません。（一般的な作業が出来ません。）そこで、通常の画面に戻すためには『RGB』チャンネルをクリックしアクティブにすることで、画面がレイヤーに切り替わります。