イトウ先生のTipsnote Illustrator CC 2015・ダイナミックシンボル

イマジカデジタルスケープ 短期集中クリエイティブ講座

イマジカデジタルスケープ・AfterEffects・Photoshop・HTML・CSS・JavaScript・1日トレーニング

Web・動画・映像・ゲーム・DTP・CG・Adobe Creative Cloud・キャリア・就活に

 
 
1 10月・日曜開講のお知らせ
 

お客様index

企業・自治体のお客様に 業務効率化、コスト削減に
クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote


イトウ先生のTipsnote:目次

【 Illustrator CC 2015の新機能:ダイナミックシンボル 】 

今週は、Illustrator CC 2015の新機能から、ダイナミックシンボルとスタティックシンボルについてご紹介します。
シンボルの機能そのものは以前から搭載されている機能で、IllustratorはもちろんFlashにも搭載しており、何らかのオブジェクトをシンボルとして登録し、登録したオブジェクトをアートボードやステージに配置すると、その配置したオブジェクトは、登録したシンボルに対するインスタンス(子)の関係になり、親(シンボル)を変更すると、子(インスタンス)も変更され、また子(インスタンス)を変更することでも親(シンボル)を変更できる、というものでした。
Illustrator CC 2015ではこのシンボルの登録時にダイナミックとスタティックという登録方法が追加され、シンボル登録後も個々のインスタンスに個別の編集を加えることができるようになりました。使い分けをきちんと行うと大変便利な機能ですのでぜひ活用してみてください。

さっそくやってみよう!

まずは、何らかのオブジェクトを作成し、シンボルに登録します。シンボルへの登録方法は従来と同じで、オブジェクトを選択しシンボルパネルの新規シンボルをクリックするか、オブジェクトそのものをシンボルパネルにドラッグすると登録可能です。

Ai15_sym001

このシンボル登録時に、以下のようにダイナミックとスタティックを選択できるようになりました。

Ai15_sym002

ダイナミックシンボルとして登録したシンボルは、パネルのアイコンに+マークが表示されるようになります。登録後、シンボルをアートボードにドラッグ、またはシンボルパネルのシンボルインスタンスを配置をクリック、またはシンボルスプレー等で吹き付けて使用するのも従来と同じです。

Ai15_sym005

ダイナミックシンボルとスタティックシンボルの違い

ダイナミックシンボルと、スタティックシンボルの違いは、ダイナミックシンボルとして登録したものは、個別のインスタンスに対して編集を加えられる、というのが特徴です。スタティックシンボルは従来のシンボルと同じ使い方、と考えていいでしょう。
ダイナミックシンボルかスタティックシンボルかの判断は、シンボルパネルの+マークでも確認可能ですが、その選択「状態」に違いがあります。 以下は、多角形オブジェクトをスタティックシンボルとして登録した場合との比較ですが、これらのオブジェクトをそれぞれ選択ツールで選択すると、ダイナミックシンボルはオブジェクトの中心に十字線が表示され、スタティックシンボルは、従来通りオブジェクトの周りに矩形のパスが表示されます。

Ai15_sym009

これらをダイレクト選択ツールで選択したときは、ダイナミックシンボルは、通常のオブジェクトと同じ選択状態となり、アンカーポイントが表示されます。この時、バウンディングボックスを表示の状態にしておいた場合でも、ダイレクト選択ツールで選択している時と同じ状態となるため、バウンディングボックスは表示されません。一方、スタティックシンボルは、シンボルを選択ツールで選択したときと同じ状態になり、選択ツールの違いによる、選択状態の違いに差がありません。

Ai15_sym010

ダイナミックシンボルのインスタンスをダイレクト選択ツールで選択し、カラー等を変更すると、そのインスタンスのみ変更が適用されます。

Ai15_sym006

この後、シンボルパネルからダイナミックシンボルの親をダブルクリックし、編集モード中に親のカラーを変更しても、ダイレクト選択ツールで変更したインスタンスのカラーはそのまま保持されます。

Ai15_sym007

Ai15_sym008

ただし、個別に変更できるのはアピアランスのみで、アンカーポイント1つのみを動かす、アンカーポイントを追加・削除する、線幅ツールで線幅を調整する、消しゴムで消す、拡大縮小・回転・リフレクト、など、骨格の形状の変更に伴うパスの変更は一切できません。パスの形状まで変更する場合は、分割・拡張する必要があるため、そうなると、そもそもシンボルインスタンスである必要が無くなる、というわけですね。

Ai15_sym011

スタティックシンボルの場合は、従来と同じように扱うため、個別のインスタンスだけを編集する場合は、分割・拡張を行って編集、という流れになります。

骨格の形状は同じでアピアランスだけ個別に変更を加えたい。ただし、骨格そのものも変更してバリエーションを持たせることも考慮したい、というような場合に、ダイナミックシンボルは便利な機能です。
ダイナミックシンボルはパスの形状のみのシンボル登録、スタティックシンボルはパスの形状とアピアランスの組み合わせに対するシンボル登録、といえるかと思いますので、用途に応じてぜひ使い分けてみてください。

関連講座

↑ページTOPへ

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop CC 2015の使い方・基本 | Illustrator CC 2015使い方・基本 |
| 画像をきれいに編集する方法 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects CCの使い方・基本 | AfterEffects CC 2014の使い方・実践 |
| Premiere Pro CC 2014の使い方・基本 |
| Webの基本をマスターしている方 | | 棚橋弘季氏の直伝、ユーザー中心のWebサイト設計 | 益子貴寛氏が伝授するCSS実践テクニック |
| 矢野りんさんに学ぶ、”使える”デザイン基礎知識 | こもり氏のHTML+CSS基礎 | 平塚氏のマーケティング基礎 |
| 坂本氏のIA入門 | Webに関わるすべての人の「Webリテラシー」講座 | 神森勉氏に学ぶコーディング講座 |
| 森川眞行氏に学ぶ、大規模サイトの構築・運用マネジメント |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |