ブログ

イラレの「アートボードを選択オブジェクトに合わせる」が便利!

art-board-Illustrator-tips_eyecatch

こんにちは、デザイナーのTantanです。

Illustratorを長年使っているはずなのに、最近になって便利な機能を知って「なにこれ超便利!いままでの時間はなんだったんだ!」ってなることがあります。

先日、「アートボードを選択オブジェクトに合わせる」を知って嬉し涙を流したので、ご紹介します。

メニューの場所

その機能はメニューコマンドにあります。

メニューコマンド→オブジェクト→アートボード→選択オブジェクトに合わせる

メニューの選択オブジェクトに合わせるの場所の説明図

または、アートボードツールのコントロールパネルにもあります。

プリセット「カスタム」の部分を押すと出てきます。

コントロールパネルのアートボードのプリセットから選択オブジェクトに合わせるを選ぶ説明図

オブジェクトウィンドウのオプションに入ってなくて、どうしてプリセットに入ってるのか、不思議でなりません。

「アートボードを再配置」とかの近くに入れといてくれたら気づいたのに、、、

「アートボードを選択オブジェクトに合わせる」が「アートボードを再配置」の近くにないのが納得いかないの画像

伸縮する縦長webページに便利!

ページごとに長さが違う

縦長のwebページを作っていると、コンテンツ量によって高さは伸び縮みしますよね。
トップページはすごく長くて、下層ページは短かったり。

長さの違うページの図

ヘッダーとフッターを選択、アートボードツールに持ち替え
プリセット→選択したオブジェクトに合わせる

アートボード上のもの全部選んでもいいですが、両端だけでも大丈夫。
web制作ならヘッダーとフッターでOK。

そしてアートボードツールに持ち替えましょう。
コントロールパネルのプリセット「カスタム」のところからプルダウンで選択。

ページサイズに合わせてアートボードをフィットさせる説明図

 

ぴったりサイズになります

アートボードのサイズがフィットした完成図

アートボードツールでドラッグしてサイズ合わせるの結構ストレスだったので、これは快感!

ショートカットを登録するとさらに便利

デフォルトのショートカットは設定されていません。
ショートカットは、メニューコマンド→オブジェクト→アートボードの中にあります。

私はcommand+Option+Oを入れてみました。(アートボードツールのshift+Oと関連付けて)

アートボードを選択オブジェクトに合わせるをショートカット登録する説明図
ショートカットをあてると、ツールを持ちかえる手間もなくて超便利!

注意点 マスクを含むシンボル

ヘッダーやフッターを、使いまわすためシンボル化することがありますが、
シンボル内でマスクをかけていると、余白までアートボード範囲にしてしまいます。

シンボル内じゃない普通のマスクは大丈夫みたいです。

その場合、配置後のシンボルにマスクをかけるとか、別の四角形を下に敷くとか、ちょっと工夫がいりそうです。

■この記事を書いた人 Tantan(デザイナー)

18歳まで広島育ち。大阪・東京でデザインの経験を積み、先日広島にUターンしてきました。糖質制限を実践中で冷凍庫には牛肉を常備。最近気になるキーワードは「ミニマリスト」。でも家の中を散らかしまくる2児の子育てに疲労困憊。

関連記事

  1. blog_image_concrete5 CMS concrete5について特徴や強みをご紹介
  2. bezier-curve_evecatch ベジェ曲線とは 初心者にもわかりすいよう下敷きに例えてみた
  3. ball-animation-Ver.2 GIFアニメで「ボヨヨン」の動きを作る
  4. How-to-make-text-decoration-8 フチ付き文字8段階!チラシやLP制作に使えるイラレ文字装飾テク
  5. 40f8970f6d4d71678b9f13c00265354d_s Atomで書いたコードに見えないTofu(豆腐)が紛れ込んだ時の…
  6. perspective_tips_10 イラレの遠近グリッドで3D風のイラストを描く方法「車編」
  7. blog image-illustrator-pentool ペンツールでベジェ曲線を練習するための初心者向けトレース素材画像…
  8. 吹き出しの作り方タイトル画像 いろいろな種類の吹き出しフラッシュ・ベタフラ・叫びや雲形など 【初心者OK】IllustratorCCで漫画風吹き出しの作り方…

最近の記事

  1. 吹き出しの作り方タイトル画像 いろいろな種類の吹き出しフラッシュ・ベタフラ・叫びや雲形など
  2. 吹き出しの作り方タイトル画像 いろいろな種類の吹き出しフラッシュ・ベタフラ・叫びや雲形など
  3. 吹き出しの作り方タイトル画像 いろいろな種類の吹き出しフラッシュ・ベタフラ・叫びや雲形など
  4. 吹き出しの作り方タイトル画像 いろいろな種類の吹き出しフラッシュ・ベタフラ・叫びや雲形など
  5. lig_10
PAGE TOP