Illustrator CS5でちゃんと使えるようになった9スライス

この記事は鷹野雅弘によって執筆されました。
公開日:2010年10月 8日、更新日:2011年4月19日

これまでFlashへのデータ移行のために設定するだけだったシンボルの9スライスオプションですが、Illustrator CS5では、Illustrator内で使えるようになっています(Flash、Fireworksでは数バージョン前から実装済み)。

たとえば、次のようにタブがあったり、角丸などが設定されているオブジェクトを拡大縮小すると、タブの大きさや角丸まで変形されてしまいます。

9slice-0.gif

9スライスを使うと、文字通りオブジェクトを3マス×3マスの9スライスに分割して、四隅の形状を保ったまま拡大縮小が可能になります。

直し(修正)に強いデータ作り、という観点から、この9スライスはかなりポイント高いです。

シンボルの登録

  1. 9スライスを設定したいオブジェクトを選択し、[シンボル]パネルの[新規シンボル]ボタンをクリックします。
  2. [シンボルオプション]ダイアログボックスが開くので、[9スライスの拡大・縮小用ガイドを有効にする]オプションにチェックをつけ、[OK]をクリックします。
    9slice-1-s.gif
  3. シンボルが登録されます。
    9slice-2.gif

9スライスの拡大・縮小用ガイドの修正

  1. シンボルに変換したオブジェクトをダブルクリックします。
  2. アラートが表示されますが、[OK]をクリックします。
    9slice-3-s.gif
  3. 9スライスのガイド表示されます。
    9slice-4.png
  4. 9個に区切られた領域のうち、変形したくない四隅を意識しながら、ガイドをドラッグして移動します。
    9slice-5.gif
  5. アートボードの余白でダブルクリックして、シンボルの編集を終了します。

9スライドの使い方

  1. オブジェクトを選択し、バウンディングボックスのハンドルをドラッグします。
    9slice-6.gif
  2. 9スライスの四隅が保持されたまま変形されます。
    9slice-7.gif

注意点など

Fireworksでは配置した画像に対しても9スライスによる変形を実行できますが、Illustrator CS5では(画像を埋め込んでいても)意図通りに変形できません。

『10倍ラクするIllustrator仕事術』(増強改訂版[CS5/CS6/CC/CC 2014対応])

2014年10月に発売。新しいバージョンを使いながらも、古いやり方のまま作業されている中級以上のユーザー向けの書籍。ツールやコマンドなどの基本的な使い方の解説はありません。

2015年3月、8月、2016年7月、11月、2017年9月に増刷(現在「6刷」)。前書(2011年版)と合算すると38,000部のロングセラーとなっています。

改訂版に関する情報

2011年に発売した書籍の改訂版です。

  • 対応バージョンは、CS5/CS5.1/CS6/CC/CC 2014
  • 178ページから78ページ増量の256ページ
  • 改訂版にありがちな「焼き直し」は69ページのみ
  • 金額は180円(だけ)アップの2,380円(税別)

書籍リリース後の追加情報は、サポートページにて公開しています。

最新版への対応

Illustrator CC 2017(2016年11月リリース)への対応版準備中です。全ページ書き換えますので、2017年版を待たずに、2014年版を(も)ご購入ください。

お知らせメールへの登録はこちら

全都道府県縦断セミナーツアー

2014年10月に技術評論社から発売された『10倍ラクするIllustrator仕事術』(増強改訂版)のプロモーションのために、全国47都道県にて実施。

47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。

2014年に技術評論社から発売、現在6刷。2011年版と合わせて38,000部のロングセラーとなっています。

詳しくはサポートサイトにて。

画像:『10倍ラクするIllustrator仕事術』改訂版

Illustrator CC 2017(2016年11月リリース)への対応版準備中です。全ページ書き換えますので、2017年版を待たずに、2014年版を(も)ご購入ください。

お知らせメールへの登録はこちら

セミナー開催情報

セミナー開催情報をこちらにまとめています。

DTP Transitと無関係のものも掲載しています。お問い合わせは、それぞれのイベントの主催者までお願いします。

5つの「く」

画像:『10倍ラクするIllustrator仕事術』改訂版

DTP Transitのコアとなっている制作へ考え方「ムラなく、モレなく、直しに強く、手数を少なく、美しく」を5つの「く」としてまとめてみました。

オススメ外部リンク

Adobe Creative Stationで「知ってるようで、知らずに損してるAcrobatとPDFのアレコレ」と題して連載しています。

Adobe Creative Stationで「ベテランほど知らずに損してるIllustratorの新常識」と題して連載しました。

Adobe Creative Stationで「ベテランほど知らずに損してるPhotoshopの新常識」と題して連載しました。

オススメのスライド

お問い合わせ

リンク

このページの上部に戻る