飽き性な男のムダ話

飽き性な男のムダ話

飽き性な男のムダ話

アプリ・ソフト

2020/05/21

【Illustrator】意外と知らない!?仕事でよく使う便利な小技3選

こんにちは~Taku(@takumuda_1093)です。

今回は職場で教えてもらった便利かつ時短にもなる「Illustratorの機能」3つを復習がてらまとめたいと思います。

時間をかけていた作業も一瞬で解決!?

リツキ
リツキ
Takuく~ん!前にショートカットを教えてくれたから、早速友達にイラレを借りて使ってみたよ!
おぉ!いいね!どうだった?
Taku
Taku
リツキ
リツキ
全然分からないし難しかったよ~…笑
まぁそうだよね~。自分も初めは全く使えなかったよ。
今は毎日仕事でイラレ使ってるけど、知らない機能だらけ
Taku
Taku
リツキ
リツキ
な~んかほんとに機能いっぱいあるよね~!
それな!出来るだけ多く使いこなしたいよな〜!最近も先輩社員から新しい技を教えてもらってるよ!
Taku
Taku
リツキ
リツキ
そうなんだ〜!
時間をかけて作ってたものも、簡単にできることを知って戸惑う毎日だよ笑
じゃあ今回はその中でも絶対覚えておきたい小技を3つ紹介するとしようかな!
Taku
Taku
リツキ
リツキ
理解できるか分かんないけど、聞く聞く!
よし!じゃあ早速
Taku
Taku

余白用のガイドを作りたい

皆さんはアートボードに余白を作る時、「ガイド」を使用していますか?

自分は恥ずかしながら、イラレでは一回もガイドを使ったことがなかったよ
Taku
Taku

今まで余白用のガイドを作成したことがなく、毎回パスをアートボードの端に配置して、矢印キーでポチポチと移動していました。
もちろん、こんなやり方だと時間がかかってしまい、作業効率がかなり悪いです。

しかし、簡単な設定でガイドを作ることができることを最近教わりました。

5つの手順さえ覚えたらかなり時短にもなるよ!
Taku
Taku

リツキ
リツキ
おぉ!ガイドとか全く知らないけどメモメモっと♪

「パスのオフセット」を使ってガイドを作ろう

余白用のガイドを作るときは、「パスのオフセット」を使うと簡単に作成ができます。

「パスのオフセット」とは、選択したパスと同じ比率を保ちながら、拡大縮小ができる機能のことです。
例えば元の図形より15PX小さいものを作りたい時、いちいち計算しなくても、簡単に作成することができます。

じゃあ、手順を順番に説明していくよ!
Taku
Taku

①任意でパスを作る

まず、新規レイヤーを作り、任意のサイズで図形を用意します。

 

今回はアートボードいっぱいに正方形を作ったよ!
Taku
Taku

②パスを複製する

①で用意した図形をコピーします。
この時、コピー元の図形よりも前面にペーストしてください。

 

  1. コピー Command (Ctrl)+ C
  2. 前面にペースト Command (Ctrl)+ F

上のショートカットを使うと早くコピー&ペーストできるよ~!
Taku
Taku

③複製した図形を余白分だけ小さくする

画面上部のメニューバーから[オブジェクト][パス][パスのオフセット]の順に選択します。

 

そうすると「パスのオフセットウィンドウ」が表示されます。
「オフセット」に空けたい余白分だけ値を入力します。
(余白用ガイドの場合はマイナスで作ります。)

 

画像では「-5mm」で設定しているよ!
Taku
Taku

これで余白分だけ小さくした図形が完成しました。

 

④小さくした図形を別レイヤーに移動する

「ガイド用」の新規レイヤーを作ります。
新規レイヤーに、③で作ったパスを選択し、移動します。

レイヤーパネルの右端にある「色付きのポッチ」をドラッグ&ドロップしても移動できるよ!
Taku
Taku

⑤移動した図形をガイドに変更する

移動が完了したら、[表示][ガイド][ガイドを作成]の順に選択します。

 

※作成したガイドがズレてしまわないように、ガイドを[表示][ガイド][ガイドをロック]でロックしておきましょう。

これで余白用のガイドが作成できました。

 

これだけの作業でガイドを作成することができるよ!絶対に覚えておこう!
Taku
Taku

一定間隔で同じ図形を並べたい

仕事では「DMハガキ」や「カタログ」で以下のようなデザインをすることが多いです。

 

同じカードが一定間隔で複数並んでいるようなデザインをよく作るんだよね!
Taku
Taku

この一定間隔で並べる作業ですが、簡単に作ることができることを知っていますか?

自分は今まで知りませんでした。
なので、学生の時は「一つの図形を複製しては位置をずらして配置」を繰り返して並べていました。

リツキ
リツキ
一つずつ自分でやってくのは大変だね~…。時間すっごくかかりそう
そうそう…。いちいち配置を手動でやってると微妙にズレたりしたりするし
やり方を知った後、「今までの大変さはなんだったんだ」って思えてくるよ
Taku
Taku

リツキ
リツキ
知らないってこわいよね~…笑

グリッドに分割(段組設定)を使用しよう

一定間隔に図形を並べたいときは「グリッドに分割」を使うと簡単にできます。

「グリッドに分割」とはその名の通り、オブジェクト(図形)を複数んび分けてスリッド状に並べることができる機能です。

Illustratorの古いバージョンでは「段組設定」と表記されています。
表記が違うだけで、機能や手順は同じなので、安心してくださいね。

じゃあ早速手順を説明していくよ!
Taku
Taku

①パスを並べたい範囲に図形を作る

まず、一定間隔に並べたい範囲に、任意の図形を用意します。

 

画像ではさっき紹介した「パスのオフセット」を使って余白をとって図形を作ったよ!
Taku
Taku

②グリッドに図形を分割する

次に、画面上部のメニューバーから[オブジェクト][パス][グリッド状に分割]の順に選択します。

 

すると「グリッドに分割ウィンドウ」が表示されます。

 

この時、「プレビュー」にチェックをつけておくと変化が分かりやすいよ!
Taku
Taku

次に「行」と「列」に任意の値を設定します。

画像では両方とも「4」にしてるよ!
Taku
Taku

すると図形が複数に分割されて配置されます。

 

③各図形の間に余白をあける

②の手順までだと、分割されただけで余白は全くありません。
なので、「グリッドに分割ウィンドウ」の「間隔」に任意の数値を入力します。

 

画像では両方とも「5mm」にしてるよ!
Taku
Taku

すると一定間隔に図形が並びます。

この方法ならいちいち手動で並べなくても簡単に配置ができるよ!
Taku
Taku

リツキ
リツキ
楽すぎてびっくりだね〜笑

斜線の柄を作りたい

まず、以下の画像のように「斜めの線が入った柄」を目にすることがありますよね?

 

リツキ
リツキ
あ〜よく見るみる!可愛いよね〜!
うんうん!可愛くて爽やかなイメージが出せるから、色々な太さで作りたいよね!
Taku
Taku

この斜線の柄を作る簡単な方法があるのを知っていますか?

自分は今まで全く知りませんでした。
なので毎回「線をたくさん手動で並べては斜めに回転する」を繰り返していました。

リツキ
リツキ
これまた大変そうだね〜。さっきの「一定間隔で隙間を開ける方法」も知らなかったなら余計に…。
当時30分以上かけて作ってた記憶があるよ…。
Taku
Taku

そんなことをしなくても3分で超簡単に作ることができるので、紹介します。

スウォッチ機能でパターンを作成しよう

この斜線の柄を作るときは「スウォッチ」と「回転」を使うと簡単に作成ができます。

「スウォッチ」とは、色やパターン(図形)を登録して、いつでも簡単に使うことができる機能のことです。

複数のパターンが登録できるのでおすすめの機能だよ!
じゃあ早速この「スウォッチ」を使った斜線の柄作りの手順を説明していくよ!
Taku
Taku

①斜線用の小さな正方形を作る

まず小さな正方形のパスを作成します。

 

このパスは斜線の線部分になるよ!
Taku
Taku

②背景用にパスを複製する

パスを前面に複製します。
複製したパスの端を任意の値まで縮めます。

 

言葉では表現しにくいからgifアニメも用意したよ!
Taku
Taku

③パスをグループ化する

それぞれのパスがずれてしまわないようにグループ化します。

 

  1. Command (Ctrl)+ G
グループ化するときは上のショートカットを使おう!
Taku
Taku

④スウォッチにパスをドラッグ&ドロップする

次にスウォッチウィンドウにグループ化したパスをドラッグ&ドロップします。

 

スウォッチウィンドウがない場合は[ウィンドウ][スウォッチ]で表示させよう!
Taku
Taku

これで、スウォッチにパターンを登録することができました。

⑤「塗り」に作成したパターンを反映させる

次は実際に斜線を作っていきます。
まず斜線を作るための図形を用意します。

 

画像はアートボードいっぱいに正方形を作ったよ!
Taku
Taku

図形を作成したら、先ほど用意したスウォッチのパターンをクリックします。

 

すると、図形の「塗り」にスウォッチが反映されます。

このままだと線が垂直のままだから、次に斜めにするやり方を紹介していくよ!
Taku
Taku

⑥パスの塗りだけを回転させる

メニューバーから[オブジェクト][変形][回転]の順に選択します。

 

選択後、角度を任意の値に変更してください。

今回は「-45°」に設定したよ!
Taku
Taku

しかし、このままだと図形全体が回転してしまいます。
今回はパターンだけ斜めになれば良いので、「オブジェクトの変形」のチェックを外します。

 

するとパターンだけ回転し、斜めの柄が完成しました。

 

たったこれだけの作業で斜めの柄が作れるよ!覚えておこう!
Taku
Taku

まとめ

今回は仕事をやり始めて覚えた機能を3つ紹介していきました。
Illustratorの機能を覚えることによって、時間のかかる作業も楽になっていきます。
改めて「知ることの大切さ」を学びました笑

これからも新しく覚える機能がたくさん出てくると思うので、またまとめていきたいと思います。

最後まで読んでいただきありがとうございました!

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


SEARCH

検索

PROFILE

プロフィール

プロフィール画像

Taku

新米のWeb兼グラフィックデザイナー

専門学校でWebやグラフィックの技術を2年間学び、
印刷会社のデザイナーとして就職。

保育園児の頃からイラストを描くことが大好き。
オリジナルキャラクターのイラストを描いている。

ハマって得たムダな知識も、
誰かの役に立つはずだと信じてブログを開設。

好きになると誰よりも詳しくなるタイプだが、
冷めるのも凄まじく早いのが難点。