スクリーンショット 2017-10-10 14.52.42

弊社ではサインを製作する前に、お客様に【 原稿 】というイメージ図のような物をお送りすることがあります。

文字やピクトがどんなバランスで入るのか? 色は? 商品の仕様は? など、
お客様が疑問に思われる事が解決出来るような資料となっています。

【 原稿 】について、詳しくはこちらの記事をご覧くださいませ!
「意匠図・承認図ってなに?知っておきたい建築業界の基礎知識」

 

そんなお客様とやり取りする際にかかせない原稿ですが、
実は作成する際に< illustrator >を使用しています。

今回は< illustrator >の基礎が身に付いている方にも役立つようなお話をしていこうと思います。

【 illustrator 】初心者向け記事はこちら!
「これからillustratorを始める人必見!〜illustratorの画面の基礎とファイルの作成方法〜」

 

目次目次

  1. パスファインダー
  2. ブレンド
  3. まとめ

1. パスファインダー

はじめはパスファインダーについて。

まずパスファインダーのウィンドウを開いてみましょう!
上部のメニューバーの<ウィンドウ><パスファインダー>の順にクリックします。

スクリーンショット 2017-10-02 14.41.20

すると以下のように、図形のアイコンが並んだウィンドウが開きます。
パスファインダーは、主にオブジェクト2つを使用して、それぞれを中抜きしたり、合体させたりして
違う図形&新しい効果を生み出す事が出来るツールです。

スクリーンショット 2017-10-02 14.43.22

今回は、基本的な❶〜❹の各機能を順番に紹介していきます!

❶ 合体

その名の通りオブジェクト同士を合体させる機能です。
色や効果を付けている場合は、前面のオブジェクトの色や効果が優先されます。

スクリーンショット 2017-10-02 15.02.39

 

❷ 型抜き

前面にあるオブジェクトで型抜きをする機能です。
型抜きに使用したオブジェクトは消えてしまいます。

スクリーンショット 2017-10-02 15.02.46

左の図にある<黄色い星>のオブジェクトで<ピンクの丸>を型抜きしてみると…
スクリーンショット 2017-10-02 15.06.56
黄色い星>は消えて、<ピンクの丸>がくり抜かれているのが分かると思います。
その証拠に、後ろにある<青緑の丸>が見えていますよね。

 

❸ 交差

オブジェクトの交差している部分のみを残す機能です。
複雑な図形を作成するのに便利かもしれません!
そしてこちらも、前面の色や効果が残ります。

スクリーンショット 2017-10-02 15.02.56

 

❹ 中マド

オブジェクトの交差している部分をくり抜く機能です。
❷の型抜きと違うのは、<くり抜くのに使用した前面オブジェクトも残る事>。
重なっている部分のみが透過される機能になります。

スクリーンショット 2017-10-02 15.03.04

 

ざっと紹介しましたが、「どんな時に使用するのか?」の一例を紹介します。

 

例えば、以下のようにピクトの線情報が残っている場合。
スクリーンショット 2017-10-03 13.28.01
白い線に沿ってフラスコを型抜きする方法をざっくりと紹介いたします。

パスデータの状態ですと、線の太さで型抜きする事ができないので、パスのアウトラインをとります。
アウトライン化したいパスを選択して、<オブジェクト><パス><パスのアウトライン>の順にクリック。

スクリーンショット 2017-10-02 14.47.35

 

すると、先程までは「白い線の内側にパス」がありましたが、
アウトライン化することによって、「白い線の外側にパス」が作成されました。
スクリーンショット 2017-10-03 13.30.17

次にアウトライン化した<白いオブジェクト>と、<黒のフラスコ>を同時に選択します。
そしてパスファインダーの❷番目、【型抜き】をクリックすると・・・。

スクリーンショット 2017-10-03 13.32.24

白い線の太さでフラスコを型抜きする事ができました!

非常にざっくばらんな説明となってしまいましたが、
パスファインダーはピクトのデータ等を作成する際にかかせないツールです。

 

2. ブレンド

続いては【ブレンド】です。
なにやらおしゃれな名称ですが、こちらはビジュアルを作成するのに役立つツールです。

例えばこのように、大小の円を書きます。

スクリーンショット 2017-10-03 14.05.25
その両方を選択して、<オブジェクト><ブレンド><作成>の順にクリック。

スクリーンショット 2017-10-03 14.05.57

するとこんな効果が適用されます。
スクリーンショット 2017-10-03 14.06.09
・・・もうお分かりでしょうか。【ブレンド】は、異なるオブジェクトの中間を作り出してくれる機能なのです!

 

<ブレンドオプション>を使用すると、以下のように中間の個数を決める事も出来ます。
スクリーンショット 2017-10-03 14.06.24スクリーンショット 2017-10-03 14.06.36

 

そのままでは、凝った編集が出来ないのですが、<拡張>という機能を適用させると、

スクリーンショット 2017-10-03 14.07.07

円のひとつひとつを選択して編集出来るようになるので、
スクリーンショット 2017-10-03 14.07.36カラフルにしたり、
スクリーンショット 2017-10-03 14.08.16
こんな感じのオブジェクトを作成したり出来ます。

ちなみに異なる形でもブレンド可能です!
スクリーンショット 2017-10-03 14.30.08不思議な図形ができあがりますね…。

DMやパンフレットなどのアクセントに、ブレンドを使用してみてはいかがでしょうか?

 

 

3. まとめ

イラストレーターは、慣れるのにとても時間がかかるソフトです。
記事を書いている私も、まだまだ知らない事が沢山です。

今回は【パスファインダー】【ブレンド】を紹介しました。
全てを説明していると非常に長い記事になってしまうので、ところどころ割愛させて頂いておりますが、
ちょっとしたデザインをする際の参考にしたり、イラストレーターに興味を持ってもらえるきっかけとなれば幸いです。

 

toiawase