【Procreate × Illustrator】iPadのみで完結！手書き文字をベクターデータに変換して編集する方法

まずはProcreateの好きなペンを使って自由に文字やイラストを書きます。今回は、手書き文字をロゴで使用する想定で解説していきます。

Procreateのアクションボタンから、共有を選択しJPEGもしくはPNGファイルに書き出し任意の場所へ保存します。

Captureのアプリを立ち上げます。左下の読み込みを選択し、Procreateで書き出したファイルを読み込みます。

データを読み込むと編集画面が開くので、画面右側のシェイプを選択します。
その際、右側に表示されているバーを上下にスライドさせることで、シェイプ読み込み具合を調整することができます。

調整が完了したら、画面左側の上から３つ目のアイコンを選択するとシェイプデータを自動で綺麗に整えてくれます。(クリーンアップ機能)

クリーンアップが完了したら、右側のチェックボタンを押します。

チェックボタンを押すと、シェイプの編集画面に移動します。
ここでは不要な線を消しゴムで消したり、線を書き足したりすることができます。

画面上部のスムーズを選択すると、線のブレなどを自動補正してくれます。

手動で補正する場合は、画面の下にあるツールで編集ができます。左側が消しゴム・真ん中がペンツール・右側の矢印アイコンで一つ前の操作に戻ることができます。

編集が完了したら、右上の保存ボタンを選択します。

ファイルの名前・保存先(赤枠内)を指定し、最後に保存ボタンを押します。

Captureの機能で、保存先の項目の下に自分で作成したデータを元に様々なデザインを自動作成してくれます。
好きなデザインがあればチェックを入れてから保存ボタンを押しましょう。

SVG（Scalable Vector Graphics)とは、ベクタ形式のデータのことです。

AdobeのCCライブラリ(クリエイティブクラウド)に加入していない人は、STEP4で保存したデータをSVGファイルで書き出します。※加入している人は、そのままIllustratorの操作へ進んでください。
STEP４ではCaputureアプリ内での保存のため、他のアプリで編集を行うには書き出しを行う必要があります。

STEP4で保存したデータの右下の・・・を選択し、書き出し形式を選択します。

SVGを選択して任意の場所へ書きだします。

Caputureで書き出したSVGファイルをIllustratorで読み込みます。

選択ツールで配置を調整します。

ダイレクト選択ツールを選択します。手書き文字の場合アンカーポイントが多いため、不要なアンカーポイントは削除することで、線のブレを補正しロゴ等にも使用できるデータにすることができます。

ダイレクト選択ツールを選択すると、画面下にメニューバーが表示されます。右から３つめのアイコンを選択することでパスを自動で単純化することができます。繰り返し選択すると、アンカーポイントの数を最小限まで減らすことができます。

手動で削除する場合は、対象のアンカーポイントを選択して、右から二つめのアイコンを押すと一つずつ削除することができます。

最終的なデータがこちらです。極力アンカーポイントを減らすことでブレのない綺麗なデザインに仕上がります。

編集が完了したら、画面右上のアイコンからファイルの書き出しを行います。

書き出し形式を選択します。

必要な形式で書き出しを行います。JPEGデータでは背景が残ったまま書き出されてしまうため、描いたデータのみを書き出す場合はPNGファイル等で背景を透明にして書き出しましょう。