ワイラボ【WhyLabo】
  • 新着情報
  • サービス
  • 制作実績
    • WEB
    • PAPER
    • LOGO
    • その他
  • コラム
    • FONT
    • DESIGN
    • RECREATION
    • その他
  • Web用語
  • メンバー紹介
  • お問い合わせ
ワイラボ【WhyLabo】

COLUMN

  • 「シンボル」とはなんなんだ
  • 実際にシンボルとやらを使ってみる

スマートでグラバーなスマートオブジェクト&シンボル(2)

  • DESIGN
  • WEB
前回、フォトショップで直しに強いデータ制作に無くてはならない「スマートオブジェクト」の便利さと使い方のコツをご紹介。今回はイラストレーター版スマートオブジェクトとも言える「シンボル」についてご紹介いたします。とはいえ、筆者も「シンボル」に関してはほぼ使用経験なし・・・さて、どうなることか?!しばしお付き合い、お願いします!

こんにちは。
前回の記事に引き続き、直しに強いデータの作り方についてご紹介いたします。

 

この間はPhotoshopの「スマートオブジェクト」について中心的に述べましたが、

本日はイラストレーター版スマートオブジェクトとも言える「シンボル」について。

 

とはいうものの、この機能、見てはいつつも使ったことがないIllustratorの機能の一つ。

 

皆さんは結構使用されているのでしょうか?

 

少し前、他社さまから頂いたデザインデータに使用されていて、
「なんじゃこりゃ」となったわけです。

 

こんな感じ。

 

 

なにこれ?

 

いつものバウンディングボックスと違うぞ・・・?
ぴゃって編集できないんだがどうなってるんだ・・・?

 

 

「シンボル」とはなんなんだ

シンボルとは、ドキュメントの中で繰り返し使用できるアートオブジェクトのことです。
シンボルを作成すると、シンボルのインスタンス(コピー)をアートワークに繰り返し追加することができます。

 

シンボルのインスタンスはシンボルパネルや、シンボルライブラリの中のシンボルにリンクしており、
同じオブジェクトをコピーして貼り付けるよりも、ファイルサイズを減らすことができます。

 

https://uxmilk.jp/18443

 

シンボルツールを使用すると、繰り返し使用するオブジェクトを簡単に配置することができます。シンボルを使用することで効率的な作業が可能になり、ファイルサイズを削減することもできます。

 

また、Illustrator では、シンボルスプレーツール、シンボルシフトツール、シンボルスピンツールをはじめとする 8 種類のシンボルツールが用意されており、配置したオブジェクト (シンボルのインスタンス) を編集することが可能です。

 

https://helpx.adobe.com/jp/illustrator/kb/5535.html

 

・・・・
うーんわからねぇ。

 

繰り返し使えることと、ファイルサイズが減らせるってことはわかった。

 

習うより慣れろ派の私は、
アドビさんのサイトを参考にしながら
シンボルなるどこの馬の骨かもわからない機能を使用してみることにします。

・・・

 

と思いましたが、わかりにくい
あたしには理解が難しい。。。

 

よし。
行き当たりばったりでやってみる。

 

 

実際にシンボルとやらを使ってみる

とっても昔にすこーし触ったキヲクの欠片を砂漠のような私の脳みそから引っ張り出していきます。

 

まず、webの場合。
繰り返し出てきそうなものといえば・・・

 

こういったボタン。

 

 

ボタンなどは全てのデザイン変えるのとっても面倒で、手間がかかります。
コピーすればいい話なんですが、長いLPとか。ボタン乱発するデザインとか。

 

嫌になります。
まず一度、ボタンを普通に作ります。

 

ボタンをグループ化して・・・

 

 

シンボルパネルに放り込む。

 

 

こんな画面が出てくるので・・・

 

とりあえずそれっぽいものにチェックを。

 

 

OKを押して登録が完了。

 

 

登録されたシンボルをドラッグ&ドロップで任意の場所へ。

 

すると!同じのが出てきた!

 

感動。
例えばこれを編集するときは・・・

 

 

配置したシンボルをダブルクリック。

 

アラートが出てきますが無視してOK

 

 

修正をかけてから編集画面を抜けると・・・・

 

 

あら不思議!全てに修正が反映!
(左端にあやしい予測変換が出てきてますね)

 

たまらん、なぜ、どうしてもっと早くこれをちゃんと使わなかったんだ・・・

 

その上、ワタクシ的にポイントが高かったのは、
シンボル編集時に別タブが開かれるのではなく、その画面で編集が可能ということ。
タブをあちこち行ったり来たりする必要がないのは時短要素のひとつです。

 

ありがたい。
ただ、スマートオブジェクトと似たような使い方をしようとして、見つけた難点。
シンボルにしたオジェクトではクリッピングマスクはかけられない・・・

 

 

うむむ・・・画像のベースサイズにシンボル化したオブジェクトを作っても
クリッピングマスクできないならちょっと不便。。。

 

兎にも角にも、こんな便利なもの、

使わないという選択肢を取るバカがどこに居るのか。

 

(さっきまで使えなかった筆者はもうこの世から抹消して下さい)

たとえば、うまく使えば表なんかにも使えそう

 

 

制作過程(倍速です)

 

これはいいぞ・・・
なにげに表って面倒なので、こんだけパッとできるのはうれしい。

 

マスクがかけられなかったり、シンボル化したオブジェクトはアートボードに変換できないなど、
デメリットはあるものの使えそう。

 

あと、シンボルのネスト化(入れ子)ができるのは感激!

 

さっきの表のベースでやつとこんな感じ。すでに各々のボックスはシンボル化している状態。
その上で、3つをまとめてシンボル化。

 

これで編集をかけると・・・

 

やだー!一発修正~~~~
なかなか使えますね、シンボル。

おそらくまだまだ小手先の技術しかないので、今後もう少し勉強していこうと思います。

 

2回に渡ってお伝えした時短テクニック、いかがでしたでしょうか?
少しでもお役に立てれば光栄です。

 

ではまた!

  • facebook
  • Twiiter
  • LINE LINE
ワイラボ【WhyLabo】

株式会社TAISHO-fic
プロジェクトチーム

お仕事のご依頼・ご相談など、お気軽にお問い合わせください。

CONTACT US
  • PREV
  • BACK
  • NEXT

OTHER
COLUMN

    • DESIGN
    • WEB
    • その他

    せいさくのぼうけん~WEB制作の流れ~ その1

    みなさま、こんにちは!どうもSUEです。6月に入ってかなり蒸 ...

    • DESIGN
    • WEB
    • その他

    せいさくのぼうけん~WEB制作の流れ~ その2

    さてさて、前回(こちらをチェック)は初っ端から思いもよらない ...

    • DESIGN
    • WEB
    • PAPER

    超がつくほど、めんどくさがりさんへ(画像からの文字起こしは回避したい)

    どうも。SUEです。 あたしはとてつもなく面倒くさがりでズ ...

    • WEB
    • その他

    カップラーメンを紹介しています!

    そうなんです。 whylaboではカップラーメンを紹介する ...

お仕事のご相談や、弊社についてのご質問やご要望など、お気軽にお問い合わせください。

制作に関する
お問合わせはこちら
ワイラボ【WhyLabo】

株式会社TAISHO-fic

〒540-0026
大阪市中央区内本町1-2-11
ウタカビル401号

  • OMOTENASHI
  • SECURITY ACTION自己宣言者サイト
  • 会社概要
  • 個人情報保護方針

© 2025 ワイラボ【WhyLabo】