Illustratorのガイドラインとは?超初心者でも分かる!使い方をやさしく解説【イラレ】【デザイン初心者】

こんにちは!Illustrator歴14年!なんやるです。
本日は独学で覚えたい!初心者です!という人向けに『ガイドライン』についてお話ししていきたいと思います。

結論から言いますと
ガイドラインは文字や図形(オブジェクト)の正確に配置するための補助線のことです。

正直な話、無くてもどうにかなる機能ではあるのですが、Illustrator中級者以降は嫌でもミリ単位のズレが気になるになってきます。

ガイドラインを覚えておくと、このようなちょっとしたストレスを回避することが出来るので、僕は良く活用しています。

これから詳しい解説をしていきますので、良かったら最後までお付き合いください!

※この記事は約15分で読み終わります。

こんな人におすすめ

・ガイドラインの使い方を教えて欲しい
・ガイドラインをうまく活用したい
・初心者だから色々教えて欲しい

ガイドライン?

NanyaL

主に位置合わせや整列の目安として使うよ

独学で覚えた僕が教えるグラフィックデザイナーとはなんなの?

グラフィックデザイナーとはなんなの?初心者はこれから覚えて!【イラストレーター】【超初心者向け】

目次1.はじめに2.興味があればこちらもどうぞ3.そもそもグラフィックデザインとは??4.なぜグラフィックデザインなのか絵の上手い下手は関係ないある程度の仕組みと操作…

■前回の記事■

Illustratorのロック機能とは?イラレ超初心者はオブジェクトを固定して作業を効率化しよう!

初心者向けIllustratorのロック機能とは?オブジェクトを固定して作業を効率化しよう!【デザイン】【効率】

目次1.はじめに2.興味があればこちらもどうぞ3.Illustratorのロック機能とは??背景やガイド線を固定しておきたい複雑なデザインの一部を編集ミスから守りたい上に重なっ…

◆分からない用語が出てきたときはコチラもどうぞ

イラレ初心者必見!イラレ初心者でもこれは覚えておくべき!知っておきたい基本ワード20選解説!【独学】

イラレ初心者が最初に覚えるべき!知っておきたい基本ワード20選!【独学】【初心者向け】【Illustrator】

目次1.はじめに2.興味があればこちらもどうぞ3.本日覚える用語一覧4.基本操作☑アートボード☑オブジェクト☑レイヤー☑パス☑アンカーポ…

まず初めに、そもそもガイドラインとは何なのかというお話をしましょう!

冒頭でもお話しした通り、ガイドラインは文字や図形(オブジェクト)の正確に配置するための補助線のことです。

という初心者の方の為に、図で詳しく解説していきますね。

ガイドライン

薄くて見づらいかもしれませんが画像の青い線がガイドラインになります。(分かりやすく背景はグレーにしています)

ガイドラインは下書きのように使用したり、水平をとるために定規で書いた線の様に使用したり、デザインにおいての目安となる線の事を言います。

・テキストや画像の位置を左右対称にそろえる
・余白を一定に保つ
・デザイン全体のバランスを確認する

など様々な用途で使用することが可能になります。

使用例:ガイドラインを引いた中心に白い四角を配置

ガイドラインをうまく活用して、迷いのないデザイン制作を進めることが可能になります。

NanyaL

初心者の方は「こういう機能があるんだー」くらいの認識で大丈夫です。

続いてガイドラインを使用するメリットのお話をしていきたいと思います。

1. 品質が安定する

何度作ってもクオリティの差が出にくくなります。
1度ガイドラインでテンプレートのようなものを作成してしまえば、同じクオリティの物が量産できるようになります。

特にチームで1つのデザインを行う上で、ガイドラインが引いてあると
「ここに画像を配置するのか」「ここに文字を入れるのか」など、誰でも認識できるようになり、Aさんが作ってもBさんが作っても同品質のクオリティのデザインが行えるようになります。

ガイドラインがないと???

ガイドラインがあると

2. 時間短縮になる

ガイドラインは結果として時間短縮、効率アップにつながります。

最初作るのは面倒かもしれませんが、1度ガイドラインでテンプレートを作成してしまえば、あとはその通りに配置をすればいいわけですから、「配置をどうしようか」という事を考えなくて良くなります。

しかもガイドラインをそものままテンプレートとして保存すれば、繰り返し使えるようになるのですから、その後に作るであろうデザイン物まで時間短縮になります。

3. ミスが減る

デザインに慣れてくると

・文字が数mmズレている
・オブジェクトを真ん中に配置したと思っていたけどズレていた
・水平に配置したつもりだったけど少しズレていた

などの細かいミスも増えていきますが、ガイドラインを引いておくことで未然に防ぐことも出来ます。

同じ高さに見えても???

水平のガイドを引くとズレている

4. 説明がしやすくなる

チームで作業する場合にどういう風に作成していくのか共有しやすくなります。

例えばこのようにチームで共有をすれば、迷いなくどこに何を書けばいいのかが分かりやすくなるので、結果として時間短縮、効率アップになります。

とにかくガイドラインを引くメインの役割としては

・時間短縮になる
・些細なミスが軽減できる

ということになります。

NanyaL

意外と便利なガイドライン

では実際にどうやってガイドラインを引くのか見ていきましょう!

直線ツールでのガイドライン作成

①直線ツールで直線を引く
②右クリック
③ガイドを作成を選択

図形ツールでも作成できます

①好きな図形ツールで図形を作る
②右クリック
③ガイドを作成を選択

NanyaL

以上です!簡単でしょう??

さてガイドラインの作成方法は分かりましたでしょうか??
続いて、ガイドの固定についてご説明します。

ガイドラインはただ引いただけだと、図形などと同じく選択ツールで選択をして移動することが出来ます。

目安として引いたガイドラインがデザイン中に動いてしまったら面倒ですよね?
なのでロック機能を使ってガイドラインを固定してしまいましょう!

やり方は2つあって

①右クリックからのガイドの固定
②レイヤーでのガイドの固定(推奨)

です、見てもらった方が分かりやすいと思いますのでお見せします。

①右クリックからのガイドの固定

①右クリック
②ガイドをロックを選択

解除方法は同じく右クリックからの『ガイドロックの解除』で行えます。


②レイヤーでのガイドの固定(推奨)

①作成したガイドを選択
②レイヤーウィンドウでロックをかける

どちらの方法でも固定は出来るのですが、個人的に②のレイヤーでのガイドの固定をおすすめしています。

なぜおすすめなのかと言いますと、レイヤーはロック機能のほかに『表示・非表示』の機能があります。

デザイン物の完成間近、全体を確認したいなーと思っている時にどうしてもガイドが邪魔になってきます。
そんな時にガイドをひとつひとつ消すのは面倒ですよね?なのでレイヤーの『表示・非表示』機能を使うと、必要な時にすぐに作成したガイドを出したり消したりできます。

一応右クリックからでも表示・非表示は出来るのですが、レイヤーで管理をした方がワンクリックで済みます。

些細な事ではあるのですが、意外と馬鹿に出来ないくらい効率が上がりますので、是非『レイヤーでのガイドの固定』を覚えてみてください。

NanyaL

デザインは楽してなんぼ

レイヤーについてこちらで解説しています。

超初心者必見!Illustratorのレイヤーとは?使い方・活用方法・便利な設定を解説

目次1.はじめに2.興味があればこちらもどうぞ3.レイヤーとは?4.レイヤーの活用方法5.レイヤーのメリット作業の整理・管理がしやすい編集の自由度が高い複雑なデザインで…

冒頭でも話をした通り

ガイドラインがなくても何とかなります』

チームではなく、僕の様に個人でやる場合は他メンバーに共有することがないので、1人でササっと作ってしまった方が速い場合もあります。

特に必須のテクニックではありませんが、ガイドラインがあるなしでは最終的な効率という面で使用した方が良い場面が多いですし、なによりデザインがきれいに仕上がりますので、対クライアントの場合は率先して使っていきたい機能ではあります。

今の内から慣れておくと、後々使うことがありますので何かと便利です。
初めは文字の大きさを揃えたり、図形の大きさを揃えたり簡単に出来る事から覚えて、最終的にチラシやポスターなどのレイアウトの下書きとして使用すると良いのではないかと個人的に思います。 

NanyaL

初心者の内から慣らしておくと良いと思います。

本日のまとめ

・率先してガイドを引いて体に覚えさせよう
・正直なくても何とかなるけど、ガイドがあるとキレイにデザインできる
・ガイドはレイヤーで管理すると効率アップ

ガイド引くのめんどい

NanyaL

めんどいけど、キレイに仕上げるのはデザイナーとして当たり前の事!しっかりガイドを活用してキレイにデザインしよう!

いかがでしたでしょうか?本日は初心者向けに『Illustratorのガイドラインとは?』と題してお話しさせていただきました。

必須のテクニックではないものの、覚えておくと時間短縮、きれいに仕上がるなどのメリットが多いので、初心者から中級者になりたいグラフィックデザイナーは是非意識をして使っていきましょう!

このように超初心者の方でも簡単に分かりやすく、独学でグラフィックデザイナーを目指す人に向けてブログを更新中です。

・Illustratorの操作が分からない!
・どうやってロゴを作成しているのか流れを見てみたい!
・何かをとにかく始めてみたい

などなどIllustratorや何かを始めてみた方はなどお困りごとがありましたら
YouTubeLiveを始めてみましたので小さなことでも気軽に聞きに来てください!

不定期開催になっています

これからも

何かを始めてみたいけど何の取り柄もない・・・
・副業してみたいけど出来る事を探している
・デザインには興味あるけど何から始めたらいいのか分からない

という方向けに有益な情報をお届けできたらと思っていますので引き続きご愛読いただけると幸いです。

中級グラフィックデザイナーになったらまずは『クラウドワークス』に無料登録して自分の実力を知ろう!

Illustratorを始めるなら中古パソコンでも大丈夫!中古パソコンをお探しならこちらから!

パソコンの選び方はこちらの記事からどうぞ!

契約前に読んで!Adobe Illustratorの契約時に気を付けて欲しい事【超初心者】【イラストレーター】

目次1.はじめに2.興味があればこちらもどうぞ3.導入編その1 導入前に料金について理解しよう4.導入編その2 無料のイラレ??5. 導入編その3 パソコンのスペッ…