My Vector Space

  人生は寄り道してなんぼ

【筆文字デザイン作成TIPS】自作の筆文字をデータ化する方法

筆文字デザインについて

表現の幅を一層広げる筆文字のデザインは日常の様々な場面で目にするようになりました。
例えば、「社名ロゴ、店舗ロゴ」「webサイトや番組のタイトル」「広告やチラシ」「看板、のれん」「メニューや商品のロゴ」「表札」「名刺」などが代表的です。

また、書体を変えることで躍動感、静けさ、高級感、可愛らしさ等など、表現方法は無限にあるので、ビジネスでもプライベートでも、様々な用途 場面で活用することができます。

最近は、パッケージやダウンロードでの購入、オーダーメイドなどのサービスが増えてきているので、こういったサービスを使う人がほとんどだと思いますが、 やはり自作の筆文字で創作できた方が、コスト的にも価値の面でも、よりメリットが大きいと思います。

作業する上で必要なもの
作業する上で必要なもの

・筆【必須】( コンビニで売っている筆ペンなどでOK )
・スキャンできる機器【必須】
Photoshopを使える環境【必須】
Illustratorを使える環境【必須】
・ある程度の筆文字のセンス【あればなお良し】

自作の筆文字をデータ化する方法
1:筆文字をスキャンして画像にする

まずは手書きで筆文字を書き、それをスキャンして画像としてパソコンに取り込みます。

2:画像を開くその際、「配置」ではなく「開く」で始める

その画像をPhotoshopで開く際、「配置」コマンドからではなく、「開く」コマンドから作業を始めます。 「配置」から始めると、キャンバスサイズの大きさで表示されてしまい 大きさの調整をすると二度手間なので、「開く」から始めることで、画像の本来のサイズの状態から作業を始めることができます。

3:コントラストを強くして筆文字のかすれた部分の色を調整する

筆文字のパスデータを作るにあたって、その前段階の作業です。
この作業を省いてもパス化することはできますが、筆文字独特のきめ細かな部分をより忠実に再現するために色を微調整していきます。

筆文字のかすれた部分は所々 色が薄くなっていたり、微妙な中間色になっているので、このままの状態で「パスの作成」をしてしまうと、筆文字の良さが忠実に再現できず、きめの粗い画像になってしまいます。

こういったきめの細かい部分もしっかり読み込んで 忠実に画像化するために、色のコントラストを高めてコンピュータがしっかり色を認識できるようにします。

色(文字)として認識させたい部分を「色調補正」や「明るさ コントラスト」で調整して、微妙な色をなるべくはっきりとした色にしていきます。

また、筆文字を選択範囲で囲み、「 チャンネル 」パレットから「 command 」もしくは「 ctrl 」キーを押しながら” RGB ” か” グレー ”を選択するという操作でも色を変えることができます。

f:id:ooigawa-bitter-sweet:20150124022558j:plain
4:筆文字のデータをパス化する

そして、いよいよ筆文字をパス化する作業に入ります。
パス化することで、写真画像のビットマップデータをベクトルデータに変えることができ、これによりあらゆる用途・目的に応じたデザインにしたり大きさや形を変えたりなど、自由自在に編集が可能になります。

操作手順は、
「 パス 」パレットのプルダウンメニューの中の「 作業用パスを作成 」で、筆文字のパスデータを作ります。

f:id:ooigawa-bitter-sweet:20150124032345j:plain

 許容値は最小単位の0.5pixelでOK。

f:id:ooigawa-bitter-sweet:20150124022627j:plain
5:パス化した文字のデータをIllustratorへ移して完了

パス化したことで、文字のデータはベクトルデータになったので、あとはこれを自由自在にデザインしたり編集するためにIllustratorにデータを移す必要があります。

操作手順は、
「 ファイル 」⇒「 書き出し 」⇒「 Illustratorへのパスの書き出し 」

この段階でパス化した筆文字のデータがIllustratorに移ったので、Illustratorでの編集が可能になります。

PAGE TOP