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

早速ですが、イラストレーターで「モヤモヤ」したイメージを作る方法をご存知でしょうか？

モヤモヤしたイメージというと抽象的な印象ですが、ここではスッキリしない感情を表す表現とします。

具体的には、渦のようなオブジェクトとモコモコした雲のような吹き出しを組み合わせたデザインです。

これを人物と組み合わせることでスッキリしない感情を表現することができます。

スッキリしない感情を表したい場面は少なくないと思いますので、このようなデザインは汎用性が高いです。

しかし、イラストレーターの初心者の方や経験が浅い方にとっては、作り方が分からずに悩んでしまうこともあるでしょう。

さて、この記事では、ベッドなどの家具をネット販売する会社でデザイナーとして勤務している私の経験を基に、「モヤモヤ」したイメージを作る方法について解説します。

具体的には、イラストレーターに機能として搭載されている「ブラシツール」を使用して、渦のようなオブジェクトを作成し、「パスファインダー」を使用して制作した雲の形の吹き出しと組み合わせるフローとなります。

以下、具体的な方法について解説します。

1.モヤモヤしたイメージを作る具体的な方法

それでは、モヤモヤしたイメージを作る具体的な方法について解説いたします。

フローとしてはとても簡単です。

①「ブラシツール」を使用して、クルクルと渦のようなオブジェクトを描きます。

円を描くようなイメージでマウスをドラッグしながら、下にいくに連れて小さくなるようにします。

渦のようなデザインができたら、モコモコした雲のような吹き出しと組み合わせます。

雲はいくつかの円をパスファインダーで合体させて作ります。

②いくつかの円を重なるようにして描きます。

③パスファインダーの「合体」で合体します。

モコモコとした雲ができます。

※雲を作る方法については下記のページでも解説しておりますので併せてご覧ください。

イラレで雲のような複雑な形を作る!パスファインダーを攻略!

モコモコした雲ができたら、次は吹き出しのしっぽを作ります。

今回は少しカーブしたしっぽを作ります。

※カーブが無いしっぽで吹き出しを作る方法については下記のページをご参照ください。

イラレで吹き出しを作る!パスファインダーでオブジェクトを合体！

④まずは、ペンツールを選択します。

⑤カーブした線を描きます。

⑥線パネルで「線幅」(しっぽの幅)をお好みの幅になるように太くし、プロファイルは「線幅プロファイル4」を選択し、先にいくにつれて細くなるような線にします。

先が細くなるようなカーブしたしっぽができます。

⑦このしっぽと雲をパスファインダーで合体するのですが、このままだとうまく合体できませんので、「オブジェクト」→「パス」→「パスのアウトライン」で、一度塗りのある図形に変換させます。

アウトライン化され、幅を持つ図形として扱えるようになりました。

⑧雲としっぽを選択して、パスファインダーの合体で結合させます。

⑨これでモコモコとした吹き出しが完成したので、あとはお好みで色を調整します。

合体した状態では、塗り(内側)がグレー、線がなしになっています。

今回は、内側(塗り)を薄いグレー、線を濃いグレーに変更します。

以下のような色合いになります。

⑩色の調整ができたので、最後に吹き出しの上に渦巻きのオブジェクトを配置して完成です。

奥行きや立体感を出したい場合は、お好みでドロップシャドウを付けてみてください。

※ドロップシャドウの付け方は下の記事で解説しておりますので、併せてご覧ください。

イラレ：ドロップシャドウで影をつけて立体的に見せる!解除や消す方法も解説!

2.まとめ

以上、モヤモヤしたイメージを作る方法について解説しました。

人物などと一緒にデザインに用いることでスッキリしない感情を表すことができます。

この方法をしっかりマスターして、さまざまデザイン制作に活かしましょう！

早速ですが、イラストレーターで太陽のアイコンやイラストを作りたい時ないでしょうか？

天気や季節を表すイメージや、ポスターやチラシ、広告の背景、ウェブデザインなど、様々な場面で太陽は使われております。

その為、デザイン制作において、太陽を使うシチュエーションは少なくないはずです。

しかし、イラストレーターの初心者の方や経験が浅い方にとっては、どのように太陽を作ればいいか悩んでしまうこともあるでしょう。

そこで、この記事では、ベッドなどの家具をネット販売する会社でデザイナーとして勤務している私の経験を基に、太陽の作り方について解説いたします。

この記事を読めば、イラストレーターで太陽を作る方法が身につきます。

イラストレーターに機能として搭載されている「グラデーションツール」や「回転ツール」を使用することで太陽のアイコンやイラストを作ることができます。

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

1.太陽を作る具体的な方法

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

この記事では、下記のような太陽を作る手順について解説いたします。

①まずは楕円形ツールを選択し、光球を描いていきます。

②円を描きます。「Shiftキー」を押しながらマウスをドラッグすると正円が描けます。

③選択ツールで円を選択した状態にします。工程としては先に光球に色を付けていきます。

④「線」のカラーボックスを選択し、下の「なし」をクリックし、線の色を消します。

⑤「塗り」のカラーボックスを選択し、グラデーションをダブルクリックし、グラデーションパネルを出現させます。

⑥グラデーションスライダーをダブルクリックします。

円の塗りがデフォルトで設定されているモノトーンのグラデーションに変化します。ここから太陽っぽい色に変えていきます。

⑦左側のカラー分岐点をダブルクリックします。すると下にカラーを選択できるパネルが出現するので、適切な色を選択します。今回は黄色っぽい色を選びます。

左側の色が白から選択した黄色に変わります。

⑧同様に右側のカラー分岐点をダブルクリックし、こちらは橙色っぽい色を選びます。

右側の色が黒から選択した橙色に変わります。

⑨グラデーションの種類を「円形グラデーション」に変更します。

円の中心から外側に向かって色が変化するグラデーションに変化します。

※色味やグラデーションに関してはご自身の好みに合わせてご調整ください。

これで光球が完成したので、次に周りの光線を描いていきます。

⑩多角形ツールを選択します。

⑪まずは一番上に位置する光線を描く工程になりますが、ちょうど光球の真上になる部分でダブルクリックし、ダイアログボックスが出現するので、辺の数を「3」と入力します。

⑫三角形が出現します。ここで三角形が光球の左右センターに位置するようにご調整ください。また正三角形でなくても問題ないので、大きさに関してもご調整ください。

⑬グラデーションに関して、光球の設定が引き継がれ、円形のグラデーションになっているので、上下に向かってグラデーションがかかるように変更します。グラデーションの種類を「線形グラデーション」を選択し、角度は「90」を選択します。

⑭上下のグラデーションに変わりますので、選択ツールで三角形を選択した状態にします。

⑮回転ツールを選択します。

※ツールバーに表示がない場合、リフレクトツールの上にあります。

⑯optionキー(WindowsではAltキー)を押しながら円の中央を選択します。中央にカーソルを合わせると「中心」と表示が出ます。

⑰角度は「45°」にし、コピーをクリックします。

⑱円の中心から45°回転した部分に三角形がペーストされます。

⑲「commandキー(WindowsではCtrl)キー」＋Dを押すと、円を中心に45°の間隔で複製されるので、6回繰り返す。

⑳太陽の完成です

※以下のように雲や星を作る方法についても解説している記事がありますので、併せてご覧ください。

イラレで雲のような複雑な形を作る!パスファインダーを攻略!

イラレの基本：星の作り方！装飾や評価を表現するデザインに星を使う！

2.まとめ

以上、イラストレーターで太陽を作る方法について解説しました。

太陽を作る手順をマスターして、デザイン制作の幅を広げていきましょう!

早速ですが、イラストレーターでオブジェクトを上下左右に反転する方法をご存知でしょうか？イラストレーターを普段から使用している人にとっては初歩の初歩の内容なので、分からない、知らないという方はほとんどいないかと思います。

しかし、イラストレーターの初心者の方や経験が浅い方にとっては、オブジェクトを反転する方法が分からずに悩んでしまうこともあるでしょう。

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

この記事を読めば、イラストレーターでオブジェクトを上下左右に反転する方法が身につきます。

イラストレーターに機能として搭載されている「リフレクトツール」を使用することで、簡単にオブジェクトを反転することができます。

以下、具体的な方法について解説します。

1.オブジェクトを上下左右に反転する具体的な方法

それでは、オブジェクトを上下左右に反転する具体的な方法について解説いたします。

以下の黒猫を例に反転させます。

①選択ツールで猫を選択します。

②リフレクトツールを選択。もしくはキーボードの「O」キーを押すと、リフレクトツールが選択された状態になります。

③リフレクトツールが選択された状態でリフレクトツールのアイコンをダブルクリックします。もしくは「Enter」キーを押します。

④リフレクトツールのダイヤログボックスが出現します。デフォルトだと「垂直」と「90°」が選択され、オブジェクトが左右に反転します。

⑤「水平」にチェックを入れると、オブジェクトが上下に反転します。

簡単にオブジェクトを上下左右に反転させることができました。

2.まとめ

以上、イラストレーターでリフレクトツールを用いてオブジェクトを上下左右に反転する方法について解説しました。

イラストレーターでオブジェクトを反転することは、よくやる作業の一つです。この操作をしっかり覚えて、少しずつスキルアップしていきましょう！

早速ですが、イラストレーターの作業で矢印を作りたい時ないでしょうか？

プレゼンテーション資料や地図、ガイド、Webデザインなど様々な場面で矢印は使われております。

その為、デザイン制作において、矢印を使うシチュエーションは少なくないはずです。

しかし、イラストレーターの初心者の方や経験が浅い方にとっては、どのように矢印を作ればいいか悩んでしまうこともあるでしょう。

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

この記事を読めば、イラストレーターで矢印を作る方法が身につきます。

イラストレーターに機能として搭載されている「線パネル」の中の「矢印」の設定をすることで簡単に矢印を作ることができます。

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

1.矢印を作る具体的な方法

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

今回は、基本的な矢印に加えて、その他、4つのパターンの形の矢印を作る方法についてもご紹介します。

A.基本的な矢印

まずは基本的な矢印の作り方について解説いたします。

①直線ツールを選択します。

②直線を描きます。

③「ウィンドウ」から「線」パネルを選択します。

④出現した線パネル内の線幅を調整し、線幅を太くします。

⑤線が太くなります。

⑥同じ線パネルの中の「矢印」からお好みの矢印を選択します。

⑦矢印の下の「倍率」の%を25%くらいまで下げると「矢尻」がちょうどいい大きさになります。

⑧基本的な形の矢印が完成します。

B.両矢印

次に線の両端に矢尻が付いた両矢印の作り方を解説します。

①上記の基本的な矢印の作り方の要領で、もう片方の端も矢印を設定するだけです。

②両矢印の完成です。簡単ですよね。

C.二重矢印

次に矢尻が二重の二重矢印の作り方をご紹介します。

①工程としては、線パネルの中の矢印から二重矢印を選択するだけです。

②二重矢印の完成です。これも簡単ですよね。

D.丸矢印

次に丸みを帯びた丸矢印の作り方をご紹介します。

下記の矢印のようなイメージです。丸みはお好みで調整可能です。

①まず、「ペンツール」を選択します。

②曲線を描きます。少しコツがいりますが、曲線の開始地点にペンツールを移動し、マウスボタンを押したままドラッグすることで曲線を描くことができます。

③一旦、基本的な矢印の作り方に従って、適当に数値を設定し、矢印を作る。

このままでもいいのですが、もう少しスタイリッシュにします。

④同じ線パネルの「プロファイル」から「線幅プロファイル4」を選択します。

すると、線の先が段々細くなります。

⑤線幅や倍率を最終調整します。

⑥スタイリッシュな丸矢印が完成します。

前述の通り、ペンツールで線を描く際にお好みの丸みにしていただくことで、様々な印象の丸矢印が作れますので、是非お試しください。

E.三重矢印

最後に、矢尻が三重の三重矢印の作り方をご紹介します。

下記のような矢尻のみの三重矢印の作り方になります。

少し複雑な作り方になりますが、是非トライしてみてください。

①まずは、長方形ツールを用いて長方形を作ります。

②ダイレクト選択ツールをクリックします。

③shiftを押しながら、長方形の頂点の2箇所を選択してEnterを押す。

④水平方向のテキストボックスをクリックしてキーボードの「↑」や「↓」の方向キーを押すと数値が変動し、角の角度が変わるので、お好みの平行四辺形を作る。この平行四辺形を複製して鏡合わせにして合体させると、矢印を構成するパーツになる。

⑤選択ツールをクリックします。

⑥できた平行四辺形をクリックし、command(windowsの場合はcontrol)＋Cでコピーし、command(windowsの場合はcontrol)＋Vでペースト。平行四辺形を複製します。

⑦複製した平行四辺形を選択し、リフレクトツールをクリックします。一度クリックするとツールバーに出現するので、さらにダブルクリックします。

⑧リフレクトツールのダイヤログボックスが出現するので、垂直にチェックが入った状態でOKを押します。

すると、複製した平行四辺形が垂直方向に反転します。

⑨2つのパーツを移動させ、矢尻の形になるようにぴったり合わせます。

⑩「ウィンドウ」から「パスファインダー」を選択します。

⑪2つのパーツを選択した状態で、出現したパスファインダーパネルから「合体」を選択します。

すると、2つのパーツが合体します。

⑫前述のコピー&ペーストの方法で、できた矢尻を3つに複製する。

全てを選択した状態で、整列パネルの「水平方向等間隔に分布」を押すと、綺麗に等間隔で並びます。

⑬最後に、3つの矢尻を選択した状態で、下に出現するダイヤログボックス(出現しない場合は右クリック)から「グループ」をクリックします。これで3つのオブジェクトがグループ化され、移動する場合も3つ全てが一緒に動きますので、ズレたりすることがなくなります。

以上、これで三重矢印の完成です。少し難しいかもしれませんが、是非トライしてみてください。

2.まとめ

以上、イラストレーターで基本的な矢印と、その他4つのパターンの形の矢印を作る方法について解説しました。

少し難しいものもあったかもしれませんが、イラストレーターで矢印を作ることは、基本的な操作の一つです。まずはここからしっかりマスターして、少しずつスキルアップしていきましょう！

早速ですが、イラストレーターで三角形や四角形、円を作る方法をご存知でしょうか？イラストレーターを普段から使用している人にとっては初歩の初歩の内容なので、分からない、知らないという方はほとんどいないかと思います。

しかし、イラストレーターの初心者の方や経験が浅い方にとっては、これらの図形を作る方法について悩んでしまうこともあるでしょう。

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

この記事を読めば、イラストレーターで三角形・四角形・円を作る方法が身につきます。

イラストレーターに機能として搭載されている「多角形ツール」、「長方形ツール」、「楕円形ツール」を使用することで、簡単にこれらの図形を作ることができます。

また、多角形や角丸にする方法を含めて、以下に具体的な方法について解説します。

1.三角形・四角形・円を作る具体的な方法

それでは、以下三角形・四角形・円を作る具体的な方法について解説いたします。

A.三角形の作り方

まずは、三角形の作り方について解説します。

①多角形ツールを選択します。

②三角形を作りたい場所にマウスを移動してクリックすると、下のようなダイアログボックスが出現するので、「辺の数」に3と入力する。また「半径」に数値を入力することで三角形の大きさを決めることができます。

③三角形が出現します。

作業はこれだけです。簡単ですよね。これだけの作業で三角形を作ることができます。

B.四角形の作り方

続いて、四角形の作り方について解説します。

①長方形ツールを選択します。

②クリックしながらマウスをドラッグします。
※同時にshiftキーを押すと正方形にすることができます。

③四角形の完成です。

四角形の作り方は以上です。三角形よりも簡単ですね。

C.円の作り方

続いて、円の作り方について解説します。

①楕円形ツールを選択します。

②クリックしながらマウスをドラッグします。
※同時にshiftキーを押すと正円にすることができます。

③円の完成です。

円の作り方は以上です。四角形と同様に簡単ですね。

D.多角形の作り方

では、その他の多角形を作る方法についても解説いたします。

基本的には三角形を作る方法と同様で、作りたい多角形の角の数に応じた辺の数を入力します。

ここでは六角形を作る方法を例として解説します。

①多角形ツールを選択します。

②六角形を作りたい場所にマウスを移動してクリックすると、下のようなダイアログボックスが出現するので、「辺の数」に6と入力する。また「半径」に数値を入力することで六角形の大きさを決めることができます。

③六角形が出現します。

以上、三角形と同じ要領で六角形を作ることができました。

この方法で様々な多角形を作ることができます。

E.角丸にする方法

最後に補足として、作った図形の角を丸くする方法について解説いたします。

やり方は大きく2つあります。

「(1)ハンドルで調整」、「(2)変形パネルの角丸の半径で指定」の2つの方法をご紹介します。

(1)ハンドルで調整

まずはハンドルで調整する方法について解説します。

①下の画像の通り、図形をクリック、さらに角の二重丸をクリックしてドラッグすると角を丸くできます。

②角を丸くできました。

(2)変形パネルの角丸の半径で指定

続いて、変形パネルの角丸の半径で指定する方法について解説します。

①まずは図形をクリックします。

②「ウィンドウ」から「変形」を選択します。

③出現した変形パネルの「角丸の半径」に指定の数値を入力する。

④角を丸くできました。どの程度丸みを付けるかによって数値を調整しましょう。

以上、角を丸くする方法について、「(1)ハンドルで調整」、「(2)変形パネルの角丸の半径で指定」の2つの方法をご紹介しました。

今回、多角形を例にご紹介しましたが、三角形、四角形についても同様の方法で角を丸くできます。

ちなみに四角形に関しては、「角丸長方形ツール」というツールもありますので、こちらも活用してみるといいでしょう。

2.まとめ

以上、イラストレーターで三角形・四角形・円を作る方法について、多角形や角丸にする方法と併せて解説しました。

イラストレーターでこれらの図形を作ることは、基本的な操作の一つです。まずはここからしっかりマスターして、少しずつスキルアップしていきましょう！

早速ですが、イラストレーターで星を作りたい時ないでしょうか？

ロゴや装飾、「三ツ星」や「四つ星」などの高品質や優れた評価を示すデザインなど、様々な場面で星は使われております。

その為、デザイン制作において、星を使うシチュエーションは少なくないはずです。

しかし、イラストレーターの初心者の方や経験が浅い方にとっては、どのように星を作ればいいか悩んでしまうこともあるでしょう。

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

この記事を読めば、イラストレーターで星を作る方法が身につきます。

イラストレーターに機能として搭載されている「スターツール」を使用することで簡単に星を作ることができます。

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

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

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

①スターツールを選択します。

②クリックしながらマウスをドラッグします。
※同時にAlt(Macではoption)キーを押すと対向する辺を直線に揃えることができます。

③星の完成です。

作業はこれだけです。簡単ですよね。これだけの作業で星を作ることができます。

では、作った星の細部を調整する方法も併せて解説します。

A.内側の角を丸くする

下の画像の通り、内側の角の二重丸をクリックしてドラッグすると、内側の角が丸みを帯びます。

B.外側の角を丸くする

続いて、下の画像の通り、外側の角の二重丸をクリックしてドラッグすると外側の角を丸くできます。

C.第2半径の大きさを調整

下の画像の通り、内側の角を結ぶ円の半径(第2半径)の白丸をクリックしてドラッグすると、第2半径の大きさを調整できます。

D.角数の増減

下の画像の通り、星の外側の丸をクリックしてドラッグすると角数が増減します。

以上、星の細部を調整する方法について解説しました。

ちなみに下の画像のように影(ドロップシャドウ)を付けることでまた少し印象が変わります。

ドロップシャドウを付けることでオブジェクトが立体的になります。

ドロップシャドウについては下記の記事をご参照ください。

イラレで影をつける!ドロップシャドウで立体的に見せる【パッケージデザイン】

2.まとめ

以上、イラストレーターで星を作る方法について解説しました。

イラストレーターで星を作ることは、基本的な操作の一つです。まずはここからしっかりマスターして、少しずつスキルアップしていきましょう！

デザイン制作にあたり「吹き出し」を作る技術は必須とも言えます。

漫画はもちろん、バナーやポスター、パンフレットなど様々な媒体で吹き出しは使われます。

しかし、イラレの実務経験が浅い方は、どのように作ればいいか悩んでしまいますよね。

私もイラレ初心者の頃は、うまく作れずに苦戦した覚えがあります。

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

1.吹き出しを作る具体的な方法

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

左下のくろまめくん(kuro-mame公式キャラクター)に対して吹き出しを作ります。

①まずは「楕円形ツール」を選択し、円を描きます。これが大枠となります。

②次に「多角形ツール」を選択し、しっぽを作ります。

しっぽは三角形にしますので、「辺の数」を「3」とします。

すると、三角形ができますので、サイズ等調整します。

③三角形を円に重ねます。

④三角形と円を同時に選択します。

⑤「パスファインダー」から「合体」をクリックします。

⑥「吹き出し」の完成です。

吹き出しのしっぽを少し丸くすることも可能です。

三角形をクリックし、内側に出現する◎を下に引っ張ることでしっぽが丸くなります。

しっぽに丸みが帯びると少し柔らかな印象になります。

「塗りと線」にて色を変えることも可能です。

色を付けるとまた少し違った印象になります。

是非、様々なパターンにてお試しください!

※既に完成した「吹き出し」の素材を下記のサイトにて配信しております。
こちら無料でダウンロードいただけますので、是非ご活用ください。
(吹き出し以外の素材もダウンロードいただけます。)

「吹き出し」を含めたイラストのダウンロードはこちらから

2.まとめ

以上、イラストレーターにて「吹き出し」を作る方法ついてご紹介しました。

パスファインダーを使用することで、さまざまな形を作ることができます。

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

イラレで雲のような複雑な形を作る!パスファインダーを攻略!

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