Adobe認定トレーニングセンター

Illustrator

手書き文字をトレースしてみよう

使用ソフト: Illustrator CC 2018(CSでも可能)  

ノートにレタリングした手書きの文字を、Illustratorでトレースしてデータにしてみよう

スキャンした文字の画像

下書きの色を薄くしてロック

まずは、スキャンした手書き文字をIllustratorで開きます。
トレースし易いように、透明パネルで不透明度を下げましょう。(今回私は30%くらいでした)
また、作業中に間違って移動させないように、下書きのレイヤーをロックしておきます。

不透明度の設定 レイヤーをロック

新規レイヤーとペンツールの設定

トレース用にレイヤーを新規作成します。

新規レイヤーを追加

ペンツールでトレースします。
このとき、塗りが設定してあると、途中下書きが見えなくなるので無しにします。
線はお好みでやり易いように設定します。

ペンツールのアイコン  塗りと線の設定

キーアンカーに整列

ペンツールで一文字目をトレースしてみます。

トレース中の画像
ペンツールで描く曲線が分からない!という方はこちらの記事をどうぞ。
【挑戦】ペンツールの練習 1分間であなたはできる?

Mのベースラインが手書きのトレースなので、微妙に揃いません。
ダイレクト選択ツールで、図のアンカーポイントを4つ選択します。

アンカーポイント選択の説明画像

整列の範囲を「キーアンカーに整列」にして、アンカーポイントを整列します。

整列パネルでキーアンカーに整列を選択

ベースラインが揃いました!

下部のアンカーポイントが揃う画像

キーアンカーに整列
ダイレクト選択ツールでアンカーポイントを選んだ時に、最後に選択されたアンカーポイントがキーアンカーになります。
選択したキーアンカーにより変化する説明画像
shiftキーを押したまま、アンカーポイントをポチポチ選択してキーアンカーにしたいアンカーポイントを最後に選択します。
または、一気に選択した複数のアンカーポイントから、キーアンカーにしたいアンカーポイントを、shiftキーを押して一旦選択から外し、再度shiftキーを押したまま選択し直すと、簡単にキーアンカーにできます。
キーアンカーは、他のアンカーポイントと見た目が変わりません。
(キーオブジェクトは太線になりますよね。)

文字の共通パーツをコピーする

同じ形のパーツは、統一感が出るようにコピーします。
Hの縦線をIにもコピーします。
アルファベットの同じパーツをコピーする画像。

HやAの横棒は、長方形ツールで描きます。
縦棒と横棒を選択して、パスファインダーパネルの「合体」をクリック。

パスファインダーで合体

オブジェクトを整列する

AとSは作ってあるので、コピーで配置します。
最後は、整列パネルのオブジェクトの整列と分布を使って文字の距離などを整えましょう。

整列パネルを使ってオブジェクトを整列

完成

お疲れ様でした!
トレースって、楽しいですよね。
完成図

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. メビウスの輪

    Illustrator

    オブジェクトを組み合わせて立体感のある輪を作ろう

    いきなりですが皆さんメビウスの輪をご存知ですか?下のような輪のこと…

  2. Illustrator

    日の出(放射状)を簡単に作る

    チラシやネット上の広告で、こんな感じの物を見る事ありませんか?…

  3. Illustrator

    自由変形ツールで影を作ってみよう!

    後ろから斜めに光が当たっているような影を作ります文字をコピーす…

  4. Illustrator

    パターンのみを変形する

    パターンの設定パターン設定の前準備イラストレーターで観葉植物を…

  5. Illustrator

    テキストの中にオブジェクトを配置する方法

    イラレで文章を作成する際、周りにオブジェクトを配置してしまうとオブジェ…

  6. ハート、クローバー、スペード、ダイヤのオブジェクトの画像

    Illustrator

    パスファインダーを使ってみよう

    今回はIllustratorのパスファインダーという機能を紹介します。…

Language

最近の記事

  1. コピースタンプ
  2. メビウスの輪
  3. 海外のフリー素材サイト
  4. カラーチャンネル
  5. シルクスクリーン
  1. コピースタンプ

    Photoshop

    コピースタンプツールの応用
  2. Illustrator

    How to Warp Text with Envelope Distort
  3. Illustrator

    グランジ加工でかすれたような表現をしてみよう
  4. Illustrator

    リサイクルマークを作ってみよう
  5. Illustrator

    How to Wrap Text Around Object
PAGE TOP