カテゴリー: イラストレーター

イラストレーターの作業で、画像に含まれる色を調べたり、同じ色を使ってオブジェクトを作ったりしたい時ないでしょうか？

画像にはカラーコードやCMYK値など表示されないので、こんな時に目で見て判断することは非常に難しい作業です。

そこで、この記事では、パッケージ通販会社におよそ7年間勤務し、パッケージデザインに関する実務作業も行なっていた私の経験を基に、画像に含まれる色を調べる方法について解説いたします。

この記事を読めば、イラストレーターを使って色を調べることが容易になります。

イラストレーターに機能として搭載されている「スポイトツール」を使用することで、画像に含まれる色を抽出することができます。

1.画像に含まれる色を調べる具体的な方法

それでは、以下具体的な方法について解説いたします。

①色を付けたいオブジェクトを選択します。

②スポイトツールを選択します。

③色を抽出したい箇所をクリックします。抽出する箇所によって絶妙に色が変わるかと思います。

④オブジェクトに色が付きます。

⑤画像の指定の箇所の色が分かります。

作業はこれだけです。

これでオブジェクトに画像と同じ色を付けたり、画像の色を調べたりすることができます。

2.まとめ

以上、スポイトツールについて解説いたしました。

スポイトツールを使うことでデザイン作業の幅が広がります。

使い方をマスターして様々なデザイン制作に役立てましょう！

イラストレーターの作業で、複数のオブジェクトを均等に配置したい時ないでしょうか？

様々なやり方があると思いますが、四角や線のオブジェクトを作り、それがピッタリ間に収まるように位置を調整するといった作業をしていたら、かなり非効率です。

恥ずかしながら、私もイラレを使い立ての時はそのように作業していました(笑)

もっと効率的に作業が出来たら良いですよね。

そこで、この記事では、パッケージ通販会社におよそ7年間勤務し、パッケージデザインに関する実務作業も行なっていた私の経験を基に、オブジェクトを均等に配置する方法について解説いたします。

この記事を読めば、イラストレーターの「等間隔に分布」の機能を日々の作業に役立てることができるようになります。

作業としては、該当のオブジェクトを選択し、「等間隔に分布」をクリックするだけですが、解説させていただきます。

1.オブジェクトを均等に配置する具体的な方法

それでは、実際に具体的な方法について解説いたします。

①等間隔配置をしたいオブジェクトを選択します。

②次に、整列パネルから「等間隔に分布」を選択します。
(今回は横に等間隔にしたいので、右側の「水平方向等間隔に分布」を選択します。
縦に並べたい時は、左側の「垂直方向等間隔に分布」を選択します。)

③これで両端のオブジェクトの位置は固定され、間のオブジェクトが等間隔に配置されます。

作業としてはこれだけです。簡単ですよね。

2.まとめ

以上、オブジェクトを均等に配置する方法について解説いたしました。

均等に配置する方法を覚えれば、デザイン作業の幅が広がります。

この方法をマスターして様々なデザイン制作に役立てましょう！

イラストレーターの作業で複数のオブジェクトを移動する際に、グループ化できていないと移動した際にズレてしまったり、うまく移動できないなどの不具合が生じてしまいます。

分けて制作したオブジェクトを一度に移動させるという作業は多いと思います。

そこで、この記事では、パッケージ通販会社におよそ7年間勤務し、パッケージデザインに関する実務作業も行なっていた私の経験を基に、オブジェクトのグループ化について解説いたします。

1.オブジェクトをグループ化する具体的な方法

今回は分けて制作したオブジェクトを別のオブジェクトのセンターに移動させる作業を例に解説していきます。

下の「Ai」という文字と右側の「枠」はそれぞれ別で制作したオブジェクトです。

「枠」のセンターに「Ai」の文字を移動し、1つのアイコンを作ります。

※ちなみにオブジェクトを指定の場所の中央に配置する方法につきましては、
下記の記事をご参照ください。

完成した「Ai」のアイコンを右の「四角」のセンターに移動させます。

この際にグループ化していないと、オブジェクトがうまく選択できていない等の理由でうまく移動できないことがあります。今回の例では「枠」だけが移動してしまいました。

そこで、うまく選択できていないということを防ぐために、
1つのオブジェクトになるようにグループ化します。
グループ化するオブジェクトを全て選択した状態で下に出るタブのグループ化をクリックします。

※イラストレーターのバージョンにより、下にタブが出ない場合もあるかと思いますので、
その場合は、「オブジェクト」から「グループ」を選択します(もしくはキーボードのショートカットキーも使用できます。Macは「Command」＋「G」、Windowsは「Ctrl」＋「G」)

グループ化できれば、移動した際にオブジェクトがズレてしまうことがありません。

「Ai」のアイコンはグループ化できているので、
「枠」だけ、もしくは「Ai」の文字だけが移動してしまう等の不具合は起きません。

ちなみに「グループ化」を解除する場合は、下に出るタブの「グループ解除」をクリックします。

※同様にバージョンの都合で下にタブが出ない場合は、「オブジェクト」から「グループ解除」を選択します(ショートカットキーの場合、Macは「Command」＋「Shift」＋「G」、Windowsは「Ctrl」＋「Shift」＋「G」)

2.まとめ

以上、今回はイラレで複数のオブジェクトをグループ化する方法をご紹介しました。

グループ化できていないと移動した際にズレてしまったり、うまく移動できないなどの不具合が生じてしまいますので、分けて制作したオブジェクトは都度グループ化するようにしましょう。

早速ですが、イラストレーターの作業で「雲」など、少し複雑な形を作りたい時ないでしょうか？イラストを描く際、吹き出しを作る際など、雲は特に作る機会が多いと感じています。

丸や四角でしたら簡単に描けますが、雲などの複雑な形になりますと、実務経験が浅い方は、どのように作ればいいか悩んでしまいますよね。

そこで、この記事では、パッケージ通販会社におよそ7年間勤務し、パッケージデザインに関する実務作業も行なっていた私の経験を基に、雲の作り方について解説いたします。

1.雲を作る具体的な方法

では、実際に雲を作る具体的な方法をご紹介します。

①まずは、「楕円形ツール」を用いて基準になる円を描きます。

②次に、引き続き「楕円形ツール」を用いて、先ほど描いた円を基準として、雲の輪郭線を描いていきます。

これで雲の輪郭が完成しました。この後それぞれのオブジェクトを合体させます。

③雲になるオブジェクトを合体させるために「選択ツール」を選択し、先ほど作ったオブジェクト囲って選択します。(もしくはキーボードで「command 」+「A 」でも全選択が可能です。)

④全て選択できたら、「ウィンドウ」から「パスファインダー」を選択し、「パスファインダーパネル」を出現させます。

⑤パスファインダーパネルが出現したら、左上の「合体」を選択します。

⑥雲になる全てのオブジェクトが合体され、雲の完成です。

これで雲の完成です。作業としては簡単ですよね。
円の形や大きさによっても、様々な雲を作ることができます。

2.まとめ

以上、イラストレーターの作業で「雲」の作り方についてご紹介しました。

今回は雲を作りましたが、パスファインダーを使用し、さまざまな形を合体することで、
雲以外の複雑な形も作ることができます。

※以下の記事では、パスファインダーを使用し、「吹き出し」を作る方法についてご紹介しております。

「パスファインダー」をマスターして、様々な形を作れるようになりましょう!

「ドロップシャドウ」という機能をご存知でしょうか？

ドロップシャドウは、イラストやデザインの要素を立体的に見せる効果的なテクニックの一つで、オブジェクトの下に影をつけることで、そのオブジェクトが浮かび上がっているように見せます。
ドロップシャドウは、オブジェクトの立体感や視覚的な分離を強調するために幅広く使用されます。

そこで、この記事では、パッケージ通販会社におよそ7年間勤務し、パッケージデザインに関する実務作業も行なっていた私の経験を基に、イラストレータにおけるドロップシャドウを付ける具体的な方法について解説します。

1.ドロップシャドウを付ける具体的な方法

では、実際にドロップシャドウを付ける具体的な方法をご紹介します。

パッケージの天面の丸いロゴを立体的にしようと思います。

①まず、「選択ツール」でロゴを選択します。

②次に、「効果」→「スタイライズ」→「ドロップシャドウ」を選択します。

③「ドロップシャドウ」のメニューが現れるので、
「X軸オフセット」、「Y軸オフセット」、「ぼかし」を調整してみます。
とりあえずそれぞれ「2mm」にしてみます。

すると、X軸方向(右)、Y軸方向(下)に対して影が出来ました。

立体的に見えますよね?
これがドロップシャドウの効果です。

では、影を少し調整してみましょう!

ロゴを選択し、「ウィンドウ」→「アピアランス」、
「ドロップシャドウ」が出現しますので
こちらをクリックすると先程のドロップシャドウのメニューが現れます。

では、今度は「X軸オフセット」、「Y軸オフセット」を「0mm」にしてみます。

また「カラー」の隣の色の付いた四角をクリックすると、
影の色を変更できますので、黒からグレーに変更してみます。

すると、先程より薄い色の影がロゴの周りを囲むように付きました。

適宜それぞれの値を調整し、イメージに合ったものをつくりましょう！

2.まとめ

今回はドロップシャドウを付ける具体的な方法について解説しました。
パッケージデザイン以外にも、バナーやモックアップを作成する際にもよく使われます。
是非やり方やコツをマスターして、デザイン制作に役立てましょう!

パッケージデザインを制作する際、必須となる作業が「塗り足し」をつける作業です。パッケージの印刷は少なからずズレが出ますので、全体に印刷が入る、もしくは面の際までデザインが入る場合は、ズレて余白が出てしまわないように、5mm程度の塗り足しを付ける必要があります。

そこで、この記事では、パッケージ通販会社におよそ7年間勤務し、パッケージデザインに関する実務作業も行なっていた私の経験を基に、パッケージの全体に色を付ける際に塗り足しを付ける方法について解説していきます。

1.塗り足しを付ける具体的な方法

早速ですが、実際に塗り足しを付ける手順を解説していきます。

①「レイヤー」ウィンドウの右上のメニューから『レイヤー名(※ここでは展開図)」を複製』で展開図のレイヤーをコピーし、複製した展開図レイヤーを選択します。
　※元の展開図は編集が出来ないようにロックをかけます。

【※①の作業の解説】

展開図のレイヤーを複製して、複製した展開図を元に塗り足しのガイドを作っていきます。元の展開図レイヤーを誤って編集してしまわないようにロックをかけておきます。

②「選択」→「すべてを選択」で図面を選択します。

【※②〜⑦の作業の解説】

塗り足しのガイドを作ります。展開図の外側5mmの部分に枠線を設けます。

③「オブジェクト」→「複合パス」→「作成」を選択します。

④「オブジェクト」→「パス」→「パスのオフセット」を選択します。

⑤「オフセット」の欄に「5mm」と入力する。展開図から5mm外側の位置に枠が出来ます。

⑥内側にも枠線が出てきてしまう為、「ダイレクト選択ツール」で内側の線を選択し、【Delete】キーで消していきます。

⑦一部いびつな形になってしまう箇所が出てくるかと思いますので、「ダイレクト選択ツール」で該当箇所を選択し、輪郭を調整していきます。※ある程度アバウトで問題ないので、内側の輪郭と同じ形になるように調整します。

⑧「選択」→「すべてを選択」で図面を選択します。

【※⑧〜⑪の作業の解説】

色を指定して枠内を塗り潰します。

⑨「オブジェクト」→「ライブペイント」→「作成」を選択する。

➉キーボードの「K」を押すと、色を指定して塗り潰しの作業が出来るようになりますので、図面をクリックし、図面全体を塗り潰します。

⑪「展開図」レイヤーのロックを解除し、完成。

以上で図面全体から5mm外側に塗り足しを付ける処理が完了しました。

図面全体を塗り潰す作業は結構多いかと思いますので是非お試しください。

※今回解説させていただいた方法は独自の方法になります。
輪郭が複雑な形になりがちなパッケージデザインにおいて汎用性が高い方法かと思います。⑦の枠線の輪郭の調整作業がある程度アバウトな方法になりますが、パッケージデザインの塗り足しの精度は、ある程度アバウトでも問題が無いので、その前提でこの方法をご紹介させていただいております。その点、予めご了承ください。

2.まとめ

今回はパッケージデザインの制作にあたり、全体に色を付ける際の塗り足しを付ける方法について解説しました。
依頼する業者によっては、展開図に塗り足しのガイドが無い場合も多いので、
この方法をマスターして、不備無くスムーズにデザインデータを入稿しましょう!

イラストレータでパッケージデザインを制作する際、頻繁に行う作業は多いです。
その一つに「オブジェクトを指定の場所の中央に配置する作業」があります。

この作業は、本当に何度も何度も行う作業かと思います。
もし、この方法が出来ない、分からないとなると作業に支障があるどころか、スマートに作業を進めることが出来ないと言っても過言ではございません。
逆にこの方法を覚えることで、作業を格段にスムーズに進められるかと思います。

そこで、この記事では、パッケージ通販会社におよそ7年間勤務し、パッケージデザインに関する実務作業も行なっていた私の経験を基に、パッケージの側面の中央にオブジェクトを配置する作業を例として解説していきます。

1.具体的な方法

早速ですが、具体的な方法を解説していきます。

パッケージの側面、中央に☆マークを配置する例を用いてご説明します。

①指定の側面に「長方形ツール」で四角い枠をピッタリ重ねる。

②展開図のレイヤーにロックをかける。鍵マークが付いている部分をクリックするとロックがかかります。鍵マークが付いていればロックがかかっている状態です。これで展開図のレイヤーは編集できない状態になります。

③「選択ツール」でオブジェクトと四角い枠を選択する。

④四角い枠をクリックする。線が太くなります。

⑤「整列ウィンドウ」のオブジェクトの整列から「水平方向中央に整列」を選択する。

⑥オブジェクトの分布から「垂直方向中央に分布」を選択する。

⑦四角い枠を消して、展開図のロックを解除する。

これでパッケージの側面の中央に、☆オブジェクトを配置できました。

こちら私独自の方法になりまして、これ以外の方法もあるかと思いますが、是非一度お試しください。

2.まとめ

今回はイラレでオブジェクトを指定の場所の中央に配置する方法の解説をしました。この方法を駆使してスムーズに入稿作業を進めましょう！