【Photoshop】初心者でもプロっぽく文字を変形する方法

こんにちは！
クリックを奪う！サムネデザイナーのヒロです。

先日、Photoshopの文字変形について、Xに投稿したところ大きな反響がありました。

今回の記事では、こちらの文字にさらにアレンジを加えて、カリグラフィー（西洋書道）ように変形する方法を紹介します。

意外とそこまで難しくないので、ぜひお試しください。

事前準備

Photoshopのpsdファイルのダウンロード

手を動かして練習できるように、元のファイルもこちらに置いておきます。
ご自由にお使いください。

使用するフォント

英字フォントを一部分を使用します。
今回は、GiovialeとBickham Script Pro 3を使います。どちらもAdobeフォントにあるのでアクティベートしておきましょう。

組み合わせるパーツを用意

適当な英字を入力（とりあえず今回はフォントGiovialeでSの一文字）

書体パネルからパーツの形を選ぶ

字体パネルを開く。
トップメニュー→[ウィンドウ]→[字形]

この字形一覧から、組み合わせるパーツとして使えそうな文字を探します。後で文字の大部分を削除するので、一部のデザインさえ使えそうであればOKです。

ちなみに、今回は例として、GiovialeとBickman Scriptを使っていますが、お好みで他のフォントにしても全然OKです。

iの形が良さそうなので、こちらにします。

先ほど入力したSをダブルクリックして選択した状態で、パネル中のiをダブルクリックします。ここは必ずダブルクリックです。シングルクリックでは反応しないので要注意！

この要領で、Giovialeで5パーツ、Bickham Scriptで2パーツの合計7パーツを作ります。

文字をシェイプに変換する

パーツができたら、すべてシェイプに変換しておきます。

シェイプにすると、[パス選択ツール]で好きな形に変形できるようになります。

ただ、シェイプにすると文字の打ち替えやフォントの変更はできなくなるので要注意です。

パーツを組み合わせる

ここまで作ったパーツを文字に合わせていきます。

文字に仮合わせする

まずは本体となる文字に、パーツを仮合わせをします。

それぞれのパーツのサイズや角度を調整しながら乗せていきます。
この時点では、形が多少ずれていてもOKです。1px単位で合わせる必要はありません。

不要箇所の削除

続いて、[パス選択ツール]（A）を使って、パーツの不要な部分を削除していきます。

足りない部分は長方形ツールで描き足します。
完成！

いかがでしょうか？

さらにPhotoshopのレイヤースタイルで金銀にしてみると、ぐっと雰囲気が出ますね。

↑とは少々テイストは異なりますが、↓のBOOTHではPhotoshopで使える金銀レイヤースタイルを無料配信中です。

皆さんもお好みの文字で、ぜひお試しください。

まとめ

というわけで今回はPhotoshopを使った文字変形についての解説でした。

当アカウントでは、PhotoshopやIllustratorのTipsや、サムネイル、デザインに関するテクニックを配信しています。定期的に無料配布等も行っていますので、是非フォローをお願いいたします。

それではまた！