Illustratorで低品質スキャンからロゴを再作成する

01/16

Illustratorで低品質スキャンからロゴを再作成する

テキストと画像©Sandra Trainor

私はIllustrator CS4を使用して、3つの異なる方法で低品質スキャンからロゴを再作成します。 Live Traceを使用してロゴを自動的にトレースすると、テンプレートレイヤーを使用してロゴを手動でトレースし、最後に一致するフォントを使用します。 それぞれには長所と短所があり、それに沿って進むにつれて発見されます。

以下のリンクを右クリックして、練習ファイルをコンピュータに保存し、Illustratorで画像を開きます。

練習ファイル:practicefile_logo.png

ロゴを作成するためにはどのようなソフトウェアが必要ですか?

02の16

アートボードサイズを調整する

テキストと画像©Sandra Trainor

Artboardツールを使用すると、以前のCropツールに代わってドキュメントのサイズを変更できます。 [ツール]パネルの[アートボード]ツールをダブルクリックし、[アートボードのオプション]ダイアログボックスで[幅725ピクセル]と[高さ200ピクセル]を作成し、[OK]をクリックします。 アートボード編集モードを終了するには、ツールパネルで別のツールをクリックするか、Escキーを押します。

「ファイル」>「名前を付けて保存」を選択し、ファイル「live_trace」の名前を変更します。 これにより、後で使用できるように練習ファイルが保存されます。

ロゴを作成するためにはどのようなソフトウェアが必要ですか?

03/16

ライブトレースを使用する

テキストと画像©Sandra Trainor

ライブトレースを使用する前に、トレースオプションを設定する必要があります。 選択ツールでロゴを選択し、オブジェクト/ライブトレース/トレースオプションを選択します。

トレースオプションダイアログボックスで、プリセットをデフォルトに、モードを白黒に、しきい値を128に設定し、トレースをクリックします。

オブジェクト>展開を選択します。 ダイアログボックスで[オブジェクトと塗りつぶし]が選択されていることを確認し、[OK]をクリックします。

Illustratorでのライブトレース機能の使用

04/16

色を変更する

テキストと画像©Sandra Trainor

ロゴの色を変更するには、ツールパネルのライブペイントバケットツールをクリックし、ウィンドウ/カラーを選択し、カラーパネルの右上隅にあるパネルメニューアイコンをクリックしてCMYKカラーオプションを選択しますCMYKカラー値を示します。 私は100、75、25、8を入力して青色にします。

ライブペイントバケツツールでは、ロゴ全体が青色になるまで、一度に1つのセクションでロゴの異なる部分をクリックします。

それでおしまい! Live Traceを使用してロゴを作成し直しました。 Live Traceを使用する利点は、それが速いことです。 欠点は完璧ではないということです。

05/16

アウトラインの表示

テキストと画像©Sandra Trainor

ロゴとそのアウトラインを詳しく見るために、ズームツールでクリックし、表示>アウトラインを選択します。 線がやや波打っていることに注意してください。

表示>プレビューを選択して、ロゴの色を表示するように戻ります。 次に、[表示]> [実際のサイズ]、[ファイル]> [保存]、[ファイル]> [閉じる]を選択します。

ロゴをもう一度作成しなおすことができます。今度は、テンプレートレイヤーを使用してロゴを手動でトレースします。

Adobe Illustratorの基本とツール

06の16

テンプレートレイヤーを作成する

テキストと画像©Sandra Trainor

早い段階で練習ファイルが保存されていたので、もう一度開くことができます。 私はpracticefile_logo.pngを選択し、今回は "manual_trace"という名前に変更します。 次に、テンプレートレイヤを作成します。

テンプレートレイヤーは、その前に描画するパスを簡単に表示できるように、淡色表示の画像を保持します。 テンプレートレイヤーを作成するには、「レイヤー」パネルのレイヤーをダブルクリックし、「レイヤーオプション」ダイアログボックスで「テンプレート」を選択し、画像を30%に薄暗くして「OK」をクリックします。

「表示」>「非表示」を選択してテンプレートを非表示にし、「表示」>「テンプレートを表示」を選択してもう一度表示することができます。

07/16

ロゴを手動でトレースする

テキストと画像©Sandra Trainor

「レイヤー」パネルでは、「新規レイヤーの作成」アイコンをクリックします。 新しいレイヤーが選択された状態で、[表示]> [ズームイン]を選択します。

ペンツールでテンプレート画像を手動でトレースできるようになりました。 色なしでトレースする方が簡単なので、[ツール]パネルの[塗りつぶし]ボックスまたは[ストローク]ボックスに色が表示されている場合は、ボックスをクリックし、[なし]アイコンをクリックします。 外側の円と内側の円のような内側と外側の両方の形を一緒に辿って文字Oを描きます。

ペンツールを使い慣れていない場合は、をクリックしてプロット点を作成します。線が作成されます。 クリックしてドラッグして曲線を作成します。 作成された最初のポイントが最後のポイントに接続されると、それはシェイプを作成します。

08の16

ストロークの重みを表示し、カラーを適用する

テキストと画像©Sandra Trainor

新しいレイヤーがレイヤーパネルの上部にない場合は、クリックしてテンプレートレイヤーの上にドラッグします。 目のアイコンを置き換えるテンプレートアイコンでテンプレートレイヤーを認識できます。

表示>実寸を選択し、次に選択ツールを使用して、ブックのページを表す2行をShiftキーを押しながらクリックします。 Window> Strokeを選択し、Strokeパネルで3ptに変更します。

線を青くするには、ツールパネルの「ストローク」ボックスをダブルクリックして、先に使用した100,75,25 、および8のCMYKカラー値を入力します。

09/16

塗りつぶしの色を適用

テキストと画像©Sandra Trainor

塗りつぶしの色を適用するには、青くしたい図形を構成するパスをShiftキーを押しながらクリックし、[ツール]パネルの[塗りつぶし]ボックスをダブルクリックします。 カラーピッカーでは、前と同じCMYKカラー値を示します。

ロゴの正確な色の値がわからないが、ロゴが色で表示されているファイルがコンピュータにある場合は、そのファイルを開いて、スポイトツールで色をクリックしてサンプリングすることができます。 カラー値がカラーパネルに表示されます。

10の10

図形の配置

テキストと画像©Sandra Trainor

選択ツールを使用して、切り取りまたは白く表示する図形を構成するパスセグメントをShiftキーを押しながらクリックし、[オブジェクトの整列]> [前面に移動]を選択します。

11の16

シェイプを切り取る

テキストと画像©Sandra Trainor

青い形の中から白く見せたい形を切ります。 これを行うには、シェイプのペアをShift-クリックし、Window> Pathfinderを選択し、PathfinderパネルでShape AreaからSubtractをクリックします。 私はそれが完了するまで、形状の各ペアでこれを行うでしょう。

それでおしまい。 テンプレートレイヤーを使用して手動でトレースしてロゴを作成し直した後、Live Traceを使用して同じロゴを再作成しました。 私はここで止めることができましたが、今では一致するフォントを使用してロゴを再作成したいと考えています。

12の16

2枚目のアートボードを作る

テキストと画像©Sandra Trainor

Illustrator CS4では、1つのドキュメントに複数のアートボードを置くことができます。 そのため、ファイルを閉じて新しいファイルを開く代わりに、ツールパネルの「アートボード」ツールをクリックし、クリックしてドラッグして2枚目のアートボードを作成します。 このアートボードを他のものと同じサイズにして、Escを押します。

13の16

ロゴの一部をトレースする

テキストと画像©Sandra Trainor

トレースを開始する前に、2番目のテンプレートイメージと新しいレイヤーを作成する必要があります。 レイヤーパネルでは、テンプレートレイヤーの左側にあるロックをクリックしてロックを解除し、テンプレートレイヤーの右側にある円をクリックしてテンプレートイメージをターゲットにして、コピー/ペーストを選択します。 選択ツールを使用して、貼り付けたテンプレートイメージを新しいアートボードにドラッグして中央に配置します。 「レイヤー」パネルでは、テンプレートレイヤーの横にある四角形をクリックして再度ロックし、レイヤーパネルの「新規レイヤーを作成」ボタンをクリックします。

新しいレイヤーが選択された状態で、ブックを表す画像から連結文字Bを差し引いたものをトレースします。カラーを適用するには、パスが選択されていることを確認してからスポッティングツールを選択し、その色をサンプリングするトップアートボード。 選択されたパスは、この同じ色で塗りつぶされます。

Illustratorでライブトレースを使用する

14の16

ロゴのコピーと貼り付け

テキストと画像©Sandra Trainor

トップのアートボードの中で、ブックのページとJRを表すパスをShiftキーを押しながらクリックします。 編集>コピーを選択します。 新しいレイヤーを選択した状態で、「編集」>「ペースト」を選択し、貼り付けたパスをクリックしてテンプレート上にドラッグして配置します。

15の16

テキストを追加

テキストと画像©Sandra Trainor

私はフォントの1つをArialと認識しているので、テキストを追加するのに使うことができます。 あなたがこのフォントをあなたのコンピュータに持っているなら、あなたは一緒に従うことができます。

文字パネルでは、フォントのArialを指定し、スタイルをRegularにし、サイズを185 ptにします。 タイプツールを選択すると、「書籍」という単語が入力されます。 次に、選択ツールを使用して、テキストをクリックしてテンプレートにドラッグします。

フォントに色を適用するには、スポイトツールを使用して青色をサンプリングし、選択したテキストを同じ色で塗りつぶします。

タイプ、テキストエフェクト、およびロゴ用のIllustratorチュートリアル

16の16

Kern the Text

テキストと画像©Sandra Trainor

私はそれがテンプレートと適切に位置合わせされるようにテキストカッティングする必要があります 。 テキストをカーニングするには、カーソルを2つの文字の間に置き、Characterパネルでカーニングを設定します。 同じように、テキストの残りの部分を続けてください。

私はこれで終わりです! 私は今、追加されたテキストと、私が以前に再作成した他の2つのロゴを部分的にトレースしたロゴを持っています。 ライブトレースを使用し、手動でトレースするためのテンプレートレイヤーを使用します。 ロゴを再作成するさまざまな方法を知っているのはいいことです。ロゴを再作成する方法は、時間制約、品質基準、フォントが一致するかどうかによって異なる場合があります。

Adobe Illustratorのユーザーリソース