Illustratorでロゴマークをデザインする

文字を曲線に沿わせる

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
このレッスンでは、AdobeIllustratorの「パス上文字ツール」という機能を使って、文字を曲線のパスに沿わせて配置する方法について、ご説明していきます。
講師:
09:21

字幕

このレッスンでは Adobe Illustrator の パス上文字ツールという機能を使って 文字を曲線のパスに沿わせて配置する 方法についてご説明していきます 今ご覧いただいている画面には このように正円に文字を沿わせた状態の シンボルマークを作ってあります この作例を参考にしながら ご一緒に このシンボルマークを作ってみましょう では一番最初にこの黒い正円を 作るところから始めます 楕円形ツールに持ち替えて 塗りを黒 線をなしの状態にします そして Shift キーを押しながら ドラッグをすることによって正円を描きます マウスを先に離してから キーボードを離します 次にこの正円を複製します 選択ツールに持ち替えて メニューバーの「編集」から「コピー」 そして「編集」から「前面へペースト」を 選択します 今このように全く同じ位置に 同じ正円がペーストされました ではこの正円をサイズを変更していきます キーボードの option または Alt キーを押しながら この縁を引っ張ると中央から外側に 開くようにサイズ変更することができます さらに Shift キーを足すことによって 縦横比率をキープしたまま 拡大することができます これぐらいの大きさにしましたら マウスを離してから キーボードを離してください ではこの大きくした円の色を 変更していきましょう 塗りをなしにして線をオレンジにします そして線の太さを太くしたいので 線パネルを出してください 線パネルがこちらにない方は こちらのメニューバーの「ウィンドウ」から 「線」を選択してください 線パネルで線の太さを太くします ちょっと太くしすぎたので 16〜18 ぐらいの太さ お好みの太さに変えておきましょう ちょっと円が大きすぎるなと思った場合は キーボードの Option または Alt キーを押しながら 中心に向かって縮小することも可能です その時 Shift キーを押しながら 縦横比率をキープして縮小をします では最後に一番外側の文字を乗せるための― 円を作りましょう 今このオレンジ色の正円をまた複製します メニューバーの「編集」から「コピー」 「編集」から「前面へペースト」します このように全く同じオレンジ色の正円が 上に乗っかった状態になります ではこれをまた拡大します Option または Alt キーを押しながら 中央から外に向かって拡大させて さらに Shift キーを足すことによって 縦横比率をキープしたまま拡大します 今線の太さが太すぎて分かりにくいので 線幅を1ポイントに戻しておきます そして色を黒に変えておきましょう 線のアイコンが上になった状態で 色を黒にしておきます もう少し大きくした方が良さそうですので この黒い円 Option Alt キーを押しながら 拡大します そして Shift キーも足しておくことも 忘れないでください Shift キーを押すことによって 縦横比率をキープしたまま拡大縮小します さてこのようにしてできた一番外側の円 この上にテキストを乗せていきましょう 使うのはツールパネルの文字ツールを 長押しして 上から3番目に入っている パス上文字ツールを使います これを選択しましたら 一番外側のこの黒い円の上でクリックをします そうしますと 元々この円に設定されていた色がなくなって このように縦棒が点滅した状態になります ここから文字を入力することができますので ここでは半角英数にして Crema Design 私の名前 akiko kurono と入れてみます 文字のサイズが小さいので 全部選択をして サイズを大きくしましょう 60 ですと大きすぎますので お好みのサイズに変えておきます フォントも変えましょう コントロールバーからお好みのフォントに 変更をします ここでは「インパクト」というフォントを 選びたいと思います インパクトに変更をしたら ちょうど文字サイズが円を一周するくらいの 大きさに変更しておきましょう 今インパクトのフォントを選んだ時 32 ポイントですと だいたい一周する感じになりました そして最後にここに日本語の 中黒を入れておきたいと思います 「点」と入力をすると中黒が入りますけれども 文字サイズが少し大きくて 入らなかったようなので 文字サイズを少し下げます ここに中黒 これを入れておきます あとはこの中黒がちょうど真下に来るように 一番外側の正円を回転させたいと思います 選択ツールに持ち替えて バウンディングボックスを使って 中黒が下に来るように回しておきます 最後は微調整ですけれども 文字と文字の間を少し 字間を広げておきましょう n と a の間を広げたいので n と a の間をクリックしたら キーボードの Option または Alt キーを押しながら キーボードの左右キーで広げていきます この a と d の間も広げたいので その位置でクリックして Option または Alt キーを押しながら キーボードの右矢印を押していきます o と k の間も同じように 少し広げておきましょう これで一周文字がバランス良くなりましたので 中黒の位置を調整するためにもう一度 このような感じで調整しておきます ここまでの作業で正円の上に テキストが乗っかった状態の― シンボルマークを作ることができました 余談ですけれども この曲線の上にテキストを乗せるのは 正円のような閉じたパス クローズドパスではなく オープンパスの上にも乗せることができます 試しにやってみましょう ブラシツールを使って オープンパスをひとつ描きます そしてパス上文字ツールに持ち替えて クリックをすると (タイプする音) このようにオープンパスの上にも テキストを沿わせて乗せることができる ということがご覧頂けるかと思います ここまで このレッスンでは Adobe Illustrator のパス上文字ツール という機能を使って 文字を曲線のパスに沿わせて 配置する方法について ご説明してきました ぜひご活用ください

Illustratorでロゴマークをデザインする

このコースでは印刷用途でもWeb用途でも需要の多い「ロゴマーク」のデザインについて、その基本的な考え方や多様な制作テクニックを解説します。紙に描いたアイディアスケッチをIllustratorドキュメントに配置してトレースする手法や、頭に浮かんだアイディアを実現するためのオブジェクトを扱うテクニックなどさまざまなヒントやTIPSを紹介します。

3時間17分 (24 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2014年10月22日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。