『自分の仕事は自分でクリエイト』を目指す新米クリエイターたちのアウトプット用Webマガジン

(再収録)Illustrator 基本編 080 ロゴの作成 文字を分割し、上下の色を塗り分けてみよう!(6分04秒)

Illustrator 基本編 ロゴの作成 文字を分割

今回はillustratorのパスを使って文字を分割し、上下の色を塗り分けてみましょう。

高度なテクニックを使わなくても、簡単に雰囲気のあるロゴを作成することができます。

概要

  • 文字ツールで文字を打つ
  • 文字間隔の調整
  • 文字のアウトライン化
  • パスファインダの分割

補足・ポイント

文字間隔の調整

一文字、一文字の文字間隔の調整は、調整したい文字の間にカーソルを置き、Alt+方向キーで調整するのが便利です。

文字パネルの【文字間のカーニング】の値を変更することと同じ操作になります。

文字のアウトライン化

入力した文字をパスの情報に変更します。

文字を選択して、【右クリック→アウトライン化】

アウトライン化後は、グループ化された状態です。

それぞれの文字を編集したい場合は、文字を選択して、【右クリック→グループ解除】でここのオブジェクトとして編集できるようになります。

パスを使った、パスファインダの分割時の注意点

分割の時、オブジェクト(ここでは、アウトライン化した文字のオブジェクト)よりもパスの両端がはみ出していること、パスの塗りの色は「なし」であることに注意しましょう。

パスの線の色は、何色でも構いませんし、「なし」でもOKです。

この2点が違っていると思い通りに分割されません。

分割後はグループ化された状態になっていますので、分割したらそのまま【右クリックでグループ解除】をします。

この記事が気に入ったら
いいね ! しよう

福本 智子

フリーランスWebデザイナー・Webスクール講師。 子育てをしながら、趣味で始めたネットショップからWebを活用したビジネスの楽しさにはまり、Web屋の道を歩む。 Web制作業務に加え【Webデザインを学びながらビジネス力も身につける体験型スクール&コミュニティ】を運営。 フリーランスでWebデザイナーを目指す方々のサポートに注力している。

Pocket
LINEで送る

関連記事

ライター紹介

Webメディア部 メンバー募集!

  • Webデザインを学びながらビジネス力も身につける体験型スクール&コミュニティ Webクリエイターズオンラインスクール

ログイン

新米クリエイターズ Webメディア部

『自分の仕事は自分でクリエイト』を目指す新米クリエイターたちのアウトプット用Webマガジン。

Web・DTPデザイナー・会社員・アルバイト・ライター・ブロガー・主婦・子育てママ...etc。
現在の肩書きは違えど目指すところは皆「フリーランスのWebデザイナー(クリエイター)」

日々の学びやお役立ち情報をブログで発信・アウトプットをしながらWebの世界でコンテンツを配信する、
Webサイトを運営する、アクセスを集めるってどんなことなのか?を体感していきます。

新米クリエイターならではの気づきや学び、Webデザイナーの腕を磨いていく模様をリアルに感じていただけます!