「Illustrator」の記事一覧

画像化された文字の見出し、カード型のサムネールや、かるたなど 同フォーマットで文字違いのSVG画像をIllustratorで大量に書き出す場合のコツを紹介します。 基本的には、SVG保存で選べる「アートボードごとに作成」での一斉出力なのですが アートボードパレットの機能も活用すると、画像を複製してたくさん作る作業もかなり楽になることがわかったので、そちらのほうも紹介します。 サンプルとして、この47都道府県のカードを作ってみました。 コツをつかめば、だいたい20分で作ることができます。 ベースのオブジェクトとアートボード複製していく あとから、文字がはみ出すモチーフがあるからやり直し… というのを避けるため 最初の1枚は文字数の多いモチーフを基準にすると失敗しにくいです。 今回は都道府県なので、神奈川県を選んでみました。 ここから、アートボードパレットの複製機能を使って 神奈川県のオブジェクト＋アートボードを47セットに複製していきます。 アートボードは、書き出されるファイルの表示サイズにしておきます。 アートボードツールを選択したとき、画面の上のほうに表示される「オブジェクトと一緒にコピー」が有効になっていることを確認します （初期設定で有効になっています） レイヤーパレットの右隣のタブでアートボードパレットに切替ます アートボードパレットの右上にあるメニューから「アートボードを複製」を選択すると アートボードとオブジェクトが右隣に複製されます。 ささっと47セット作ってしまいたいので、 1→2→4→8→16→32→64と倍々で増やしていきます。 作りすぎたアートボードを選択し、パレット右下のゴミ箱アイコンから削除します。 アートボードを削除してもオブジェクトは残るので ドキュメント上の余分なオブジェクトを選択して削除します。 アートボード名が、書出したSVGファイルの名前の一部になるので リネームしていきます。 これで、下地となる神奈川県を47セット作成できました。 作業しやすいように並べる このように、ベースを47セット複製できたのですが ただただ横並びになっている状態で編集しにくいので 自動できれいに整列させます。 アートボードパレットメニューにある「アートボードを再配置」を選択すると ダイアログが開き、並べ方や間隔を指定できます。 オブジェクトごと一気に整列させられました。 文字を個別に打ちなおしていく ここまでIllustratorの機能で効率よくできたので あとはひたすら都道府県名を打ちなおしていきます。 こうして47種類が全部そろいました。 そして、SVGで書き出す場合、わすれてはならないのが文字のアウトライン化。 全選択して、一括でアウトライン化します。 文字のアウトライン化は、ショートカットキーで実行すると グループ化されていてもアウトライン化もれがなく便利です。 アウトライン化 … ⌘ or Ctrl + Shift + o アウトライン化もれの確認は、アウトライン表示に切り替えるとわかりやすいです。 アウトライン表示切替 … ⌘ or Ctrl + y あとは、別名保存から、SVGを選択して書き出すだけです。 大量の画像が書き出されますので、新しいフォルダを作ってから、そこを保存先にするのをおすすめします。 複数ファイルのファイル名を一括変換 書出されたSVGのファイル名は 「aiファイル名_アートボード名.svg」 となっており、場合によっては長すぎたり冗長だったりします。 Macの場合、ファインダーの機能で複数ファイルの名前を一気に書き換えできるので その方法も紹介します。 残念ながらWindowsにはこの機能はないため、ファイル名一括変換くんなどのフリーソフトを活用します。 ファインダーで、「aiファイル名_アートボード名.svg」で書きだされたファイルが保存されているフォルダを開きます。 名前を変更したいファイルをすべて選択し、右クリックメニューから 「N項目の名前を変更…」を選択すると このように、テキストの置換などが簡単にできます。 47ファイルぶん、一気にスッキリしたファイル名に変更できました。

webdev

「Illustrator」の記事一覧

Adobe Illustratorで大量のSVGサムネールを書き出す

Illustrator CS5で「文字揃え」