複合シェイプを作成する

Illustratorで複合シェイプを作成する手順を紹介します。

手順

Illustratorを起動し、ドキュメントを作成しキャンバスに複合シェイプを作成するための図形を描画します。今回は下図の図形を描画します。
複合シェイプを作成する:画像1

複合シェイプにする図形を選択します。
複合シェイプを作成する:画像2

[パスファインダー]パネルを表示します。パネルが画面に表示されていない場合は[ウィンドウ]メニューの[パスファインダー]の項目をクリックします。
複合シェイプを作成する:画像3

パスファインダーパネルの右上のメニューボタン(下図オレンジの丸で囲まれたボタン)をクリックします。
複合シェイプを作成する:画像4

ポップアップメニューが表示されます。メニューの[複合シェイプを作成]の項目をクリックします。
複合シェイプを作成する:画像5

選択した図形で複合シェイプが作成されます。複合シェイプになると、同じ線、塗りのスタイルになります。
複合シェイプを作成する:画像6

複合シェイプが作成できました。
複合シェイプを作成する:画像7

複合シェイプの編集

複合シェイプの場合、元の図形を変形したり、位置を変更したりできます。
複合シェイプを[選択ツール]で選択します。
複合シェイプを作成する:画像8

複合シェイプをダブルクリックする。または、右クリックしポップアップメニューの[選択グループ編集モード]の項目をクリックします。
複合シェイプを作成する:画像9

複合シェイプの編集モードになります。
複合シェイプを作成する:画像10

複合シェイプの元の図形を選択できます。
複合シェイプを作成する:画像11

図形を移動したり変形したりできます。
複合シェイプを作成する:画像12
複合シェイプを作成する:画像13

複合シェイプの元の図形の編集ができました。
複合シェイプを作成する:画像14

編集モードを終了する場合は、ウィンドウ上部の左矢印ボタンをクリックし、上部の編集モードのバーが非表示になるまでクリックします。
複合シェイプを作成する:画像15
複合シェイプを作成する:画像16

またはキャンバス上で右クリックし、ポップアップメニューの[編集モードを解除]の項目をクリックします。
複合シェイプを作成する:画像17

くりぬき形状、共通部分の形状の複合シェイプの作成

くりぬきや共通部分の形状の複合シェイプを作成することもできます。

共通部分をくりぬく

ドキュメントを作成し、図形を描画します。図形は重ねて配置します。
複合シェイプを作成する:画像18

複合シェイプを作成する図形を選択します。
複合シェイプを作成する:画像19

[パスファインダー]パネルを開きます。画面に表示されていない場合は、[ウィンドウ]メニューの[パスファインダー]の項目をクリックします。
複合シェイプを作成する:画像20

パスファインダーパネルの[形状モード]の[中マド]のボタンを[Alt]キーを押しながらクリックします。
複合シェイプを作成する:画像21 複合シェイプを作成する:画像22

クリックすると共通部分がくりぬかれた形状が作成されます。
複合シェイプを作成する:画像23

[Alt]キーを押しながら[中マド]のボタンをクリックしたため、複合シェイプとなっています。元の図形を移動して位置を変更することもできます。
複合シェイプを作成する:画像24

共通部分の図形を作成

複合シェイプを作成する図形を選択します。
複合シェイプを作成する:画像25

パスファインダーパネルの[形状モード]の[交差]のボタンを[Alt]キーを押しながらクリックします。
複合シェイプを作成する:画像26 複合シェイプを作成する:画像27

2つの図形の共通部分の図形が作成されます。
複合シェイプを作成する:画像28

こちらも複合パスのため、元の図形を移動したり変形したりできます。
複合シェイプを作成する:画像29

図形をくりぬく

複合シェイプを作成する図形を選択します。
複合シェイプを作成する:画像30

パスファインダーパネルの[形状モード]の[全面オブジェクトで型抜き]のボタンを[Alt]キーを押しながらクリックします。
複合シェイプを作成する:画像31 複合シェイプを作成する:画像32

くりぬかれた図形が作成できます。
複合シェイプを作成する:画像33

こちらも元の図形を移動、変形できます。
複合シェイプを作成する:画像34

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2022-01-20
Copyright © 1995–2025 iPentec all rights reserverd.