【チュートリアル】Illustrator/イラレの複合パスと使い方!!

こんにちは!ユアムーン 編集部です!

突然ですが、皆さんはイラストレーターの複合パスという機能は使っていますか!?

複合パスはなんとなく知っていてもなかなか使いこなすには時間がかかるのではないでしょうか。

この記事では、複合パスについての簡単な説明とその活用方法を解説します!それでは早速見ていきましょう!

最新のチュートリアル記事は[こちら]からも確認できます!

複合パス

複合パスとは

複合パスとは、複数のパスを一つのパスとして扱っているもので、パスが重なり合った部分は透明に抜けて表示されます。オブジェクトを複合パスに変換すると、複合パスに含まれるすべてのオブジェクトに、最背面のオブジェクトのペイント属性とスタイル属性が適用されます。

Adobe 公式より

公式サイトより、複数のパスを一つのパスとして扱っているものということがわかりました。

グループ化との大きな違いは、重なった部分は穴開きになることです。これは、複合パスでは複数のパスを一つのものとして扱う特徴があることによるものです。

複合パスのやり方

複合パスは

オブジェクトを選択→オブジェクト/右クリック→複合パス→作成

にて行うことが出来ます。解除したい場合は

オブジェクトを選択→オブジェクト/右クリック→複合パス→解除

にて出来ます!

複合パスの応用方法

ここからは複合パスの応用方法を見ていきましょう!

今回は、Euphoric ”RYUGAKU”のロゴを例に見ていきます。下記の画像のように、Euphoric ”RYUGAKU”のロゴのRYUGAKUの箇所はグラデーションになっています。これは、背景画像を用意してアウトライン化した文字でクリッピングマスクしているからになります。

今回の制作では、「パスのアウトライン化」「複合パスの作成」「クリッピングマスクの作成」の三つのテクニックを使っています。それでは早速見ていきましょう!

パスのアウトライン化

初めに、ロゴに活用したいフォントを選択します。今回はAdobe Fontにて提供されている「P22 Underground」を使用しました。文字を記入した後にアウトライン化し、レイアウトの調整を行います。レイアウトの調整の際は、グループ化を解除しましょう。

▼アウトライン化についてはこちらから!▼

【チュートリアル】入稿時必須! Illustrator/イラレでアウトライン化する方法!

複合パスの作成

次に複合パスの作成を行います。複合パスの作成は、

オブジェクトを選択→オブジェクト/右クリック→複合パス→作成

にて行うことが出来ます。右クリックから複合パスの作成を行う場合、一度複合パスの解除を行うことになりますが、その後もう一度複合パスの作成を行えば問題ありません。

クリッピングマスクの作成

クリッピングマスクの作成を行う前に背景画像を準備します。今回は「PORTFOLIO SENSEI」のキービジュアルを活用しました。

注意:複合パスを作成しないでクリッピングマスクの作成を行う場合

複合パスを作成しないでクリッピングマスクの作成を行うと下記の画像のように何も表示されなくなるか、一番上のレイヤーとして表示されている文字のみ表示されてしまいますので注意しましょう!

▼クリッピングマスクについてはこちらから!▼

【チュートリアル】初心者必見!! Illustrator/イラレのクリッピングマスクの使い方!!

まとめ

いかがでしたでしょうか!?

イラストレーターの複合パスを一通り網羅出来たかと思います!応用方法も学べたかと思いますので、是非ご自身の制作に応用してみてください!

今後も、知っていると便利なクリエイティブ情報を発信していきますので、よろしくお願いします!

最新のチュートリアル記事は[こちら]からも確認できます!


未経験可!おすすめデザインスクール3選

「デザインを本格的に習ったことが無い!」
「ウェブデザイナー/動画クリエイターに転職したい!」
「デジタルに強いクリエイターになりたい!」

そんな方にユアムーン編集部が厳選したおすすめデザインスクールを3つ紹介します!

デジタルハリウッド STUDIO by LIG

デジタルハリウッド STUDIO by LIGは、Web制作会社(株式会社LIG)が運営するプログラムで、現役デザイナーから直接、様々な指導を受けることが出来ます。LIG運営のコワーキングスペース使い放題の他、Mac・デュアルディスプレイ設備など、環境についても十分な機能を備えています。

現役クリエイターによる直接指導!Webクリエイタースクール【デジタルハリウッド STUDIO by LIG】

インターネット・アカデミー

インターネット・アカデミーは、1995年に開校した日本初のWeb専門スクールでWebデザイン、プログラミングなどを学ぶことが出来ます。歴史が他の学校に比べて長く、あらゆる実績と講師力があります。現在のウェブデザイナーはプログラムを書く高い能力も求められているので、これからウェブデザイナーになりたいという人に是非おすすめです。

実績多数!プログラミング・Webデザインスクール【インターネット・アカデミー】

クリエイターズジャパン

クリエイターズジャパンは、現役の動画クリエイターが講師として教えている動画編集スクールです。Adobe製品の基本的操作方法を一から丁寧に教えてくれるため、初めての方でも安心して受講できます。これから動画を作ってみたい人、隙間時間を活用し副収入を得たい人、在宅ワークで動画制作をしたい人、様々な方にお勧めできるスクールです!

動画編集スクール【クリエイターズジャパン】

「PORTFOLIO SENSEI」-ポートフォリオ添削サービス-

ご自身のポートフォリオに出来に満足していますか?

Euphoric ” “運営元 ユアムーン株式会社では、「PORTFOLIO SENSEI」というポートフォリオ添削サービスを提供しています。「新卒/第二新卒でクリエイティブ職」「クリエイティブ業界に転職」「海外美大への入学」を目指す方に是非お勧めのサービスです!

現場クリエイター陣が見極め、添削・ご指導させていただくことであなたのポートフォリオを最大化致します!


Adobeを始めたい方はこちらから!