Illustratorでグラデーションを活用した球体のデザインを作る

イラレを使い、球体のグラデーションデザインを作成する方法を、順を追って紹介します！

まず、楕円形ツールで正円を作成します。塗りはベースになる色、線なしの設定です。
ここに複雑なグラデーションを設定するには、メッシュツールを使います。メッシュツールで円の図形内をクリックすると、そこにアンカーが作成されます。バランスよく４カ所にアンカーができるように操作してみましょう。

アンカーごとに色を設定できるので、複雑なグラデーションが表現できます。ダイレクト選択ツールでそれぞれのアンカーを選択して、好みの色を設定しましょう。色の選択は暖色系、寒色系などで揃えると綺麗な色合いになりますよ。

次に、うねりツールを使用してグラデーションを渦巻き状に変形します。Altキー＋Shiftキーを押しながらうねりツールの編集範囲を正円の形で調整し、編集する円の大きさに合わせたら、クリック押し込みでうねり具合をお好みに調整しましょう。これで、球体グラデーションの完成です！
メッシュのアンカーポイントを増やして、より細かいグラデーションにしてみるなど色々なバリエーションを試してみましょう！

イラレで球体のグラデーションを作る方法を紹介　まとめ

イラレで球体のグラデーションを作る方法を紹介しました。
illustratorでグラデーションを活用した球体の立体的なデザインを作る方法でしたが、ご理解いただけましたか。メッシュツールを利用することでグラデーションの表現が広がりますね！みなさまのスキルアップにつなげていただけると嬉しいです。

レトロ感のあるフラワーデザインを作ってみよう

イラレを使ってレトロムード漂うフラワーパターンのデザインを作成する手順をご紹介します！

まずはひとつ、フラワーのオブジェクトを作ることからスタートしましょう。
花びらを作成するため楕円形ツールで正円を作成し、複製して２つを並行に重なるように配置します。パスファインダーパネルから「交差」を使うことで重なっている部分のみを残します。パスファインダーパネルが見当たらない場合はウィンドウメニューから開きましょう。

作成されたオブジェクトを、回転・複製して花の形に編集します。
まず、選択ツールでShiftキーを押しながら45度回転します。その後、回転ツールを使い回転軸を端に設定（Altキーを押しながら軸を選択）した状態で「角度：90°」の設定でコピーを作成します。
「オブジェクトメニュー → 変形 → 変形の繰り返し(Ctrl＋D)」を使い、花びら４枚の形にします。オブジェクトをグループ化しておきましょう。
花の芯の部分は正円ツールで作成し、整列機能でオブジェクトの中心に配置します。これ花のオブジェクトが完成しましたので、複製してパターンを作成していきます。

花の後ろに正方形ツールで背景を作成します。重ね順は最背面に設定しましょう。背景つきの花のオブジェクトは塗りを白に設定し、白抜きしたようなデザインにします。
それぞれを交差させて４つ配置すれば、パターンの元になるオブジェクトの完成です。スマートガイドを利用して正確に配置しましょう。

パターン全体を選択して「オブジェクトメニュー → パターン → 作成」からパターンオプションを設定し、スウォッチパネルにパターンを登録します。パターンは登録後もスウォッチパネルから大きさや色を変更することも可能です。
オブジェクトの塗りにスウォッチパネルからパターンを適用することができるようになりました！これでレトロ感のあるフラワーパターンの完成です！

Illustratorでレトロ感のあるデザインを作る方法！まとめ

Illustratorでレトロムード漂うフラワーパターンの作成する方法を解説しました。
今話題のレトロ風デザインのフラワーパターンを作成する方法はいかがでしたか。ぜひ活用してオリジナルの素敵なデザインを作ってみてくださいね♪

イラレを使った、シームレスなリース状のデザインを作成する方法

Illustratorを使ってシームレスなリース状の花のデザインする方法を解説します！
全体的には、作成したデザインをブラシに登録し、円形のパスに適用するという流れとなります。

まず、花のデザインを作っていきます。今回は手書き調の雰囲気を出すためにペンツールではなくブラシツールで作成しています。ブラシに登録する際に困らないよう、水平方向で作成しましょう。


完成したデザインをブラシに登録します。デザインが選択された状態でブラシパネルからメニューを開き、「新規ブラシ → 種類：パターンブラシ」で登録しましょう。オプションの数値等の設定は、後から調整可能です。
ブラシの登録が完了したら、楕円形ツールで正円を描き、新規に登録されたブラシを適用することで簡単にリース風のフラワーデザインを作図することができます。


ブラシパネルから作成したブラシをダブルクリックするとパターンブラシオプションが開くので、拡大・縮小やつなぎ目の間隔等の数値をお好みに調整しましょう！色を変えたい場合は着色の方式を「色相のシフト」に変更すると、線の色に設定している色が反映されます。

この時点ではパスの情報が残っているので、オブジェクトとして個別に編集を行いたい場合は「オブジェクトメニュー → アピアランスを分割」を行う必要があります。分割直後はグループ化されているので、グループ解除を行うことで個別に移動や微調整が可能になります。
アピアランス分割後のオブジェクトには、パターンブラシオプションからの設定の変更は影響しません。パターンの大きさや間隔の設定をしっかりと決定した後にアピアランスの分割を使いましょう。

Illustratorを使ったフラワーリースの作り方！まとめ

Illustratorを使ったフラワーリースの作り方！をご紹介しました。今回のポイントをまとめます。

• リース状のシームレス(つなぎ目のない)デザインはパターンブラシで作成することができる。「ブラシ→新規ブラシ→パターンブラシ」
• パターンの間隔や大きさは後からブラシパネルからブラシをダブルクリックし編集することができる。

　
基礎操作で簡単にリースデザインを作成する方法をお伝えしましたが、いかがでしょうか。はまると抜け出せなくなるくらい楽しいので是非参考に取り組んでみてくださいね♪

エンベロープ機能とは

Illustratorのエンベロープ機能は、選択したオブジェクト自身を変形したり、別のオブジェクトに合わせて変形することができる機能です。
エンベロープ機能は「オブジェクトメニュー → エンベロープ」から使用します。
エンベロープの作成方法は大きく分けて３つあり、「ワープで作成」「メッシュで作成」「最前線のオブジェクトで作成」といった手法があり、文字や図形を非破壊に変形することができます。

「ワープで作成」は、豊富に用意されたスタイルから好きなものを選び、水平方向と垂直方向の2種類の指標を動かすだけで直感的に変形を行うことができる手法です。
「メッシュで作成」は、メッシュをオブジェクトに設定し、メッシュの網目が交差するポイントを動かすことで自由に変形させることができる手法です。
「最前面のオブジェクトで作成」は、テキスト等をその上にあるオブジェクトの形に沿って変形させることができる手法になります。

エンベロープの編集例を紹介！

Illustratorのエンベロープ機能での編集例を紹介します。便利なものばかりですので、是非参考にしてくださいね！

「ワープで作成」の編集例

豊富に用意されたスタイルから好きなものを選び、変形をかけることができます。エンベロープをかけた後も、調整は自由自在です。エンベロープの形はいくつかのアンカーポイントで制御されているので、ダイレクト選択ツールなどを使い変形の微調整が可能です。

これは他のエンベロープの手法でも同様ですが、エンベロープをかける前の情報は破壊されていないので、テキスト編集の場合はエンベロープをかけた後にテキストの打ち換えやフォントの種類を変更することも可能です。

「メッシュで作成」の編集例

例として、適当な図形に文字をのせたオブジェクトを用意します。こちらに「行数：４、列数：４」の設定でエンベロープ「メッシュで作成」を適用します。
すると、行と列に分けてメッシュ状のアンカーポイントが作成されますので、ダイレクト選択ツール等をつかって自由に変形することができます。
こちらの手法ならば、「画像を変形し特定の箇所に当てはめたい場合」のような、画像の拡大・縮小や回転だけでは解決しない場面でも対応することができます。

「最前列のオブジェクトで作成」の編集例

「ワープをかけたい形状の図形」と「テキスト」ふたつのオブジェクトを用意します。図形を重ね順の最前面に設定した状態でふたつのオブジェクトを選択し、「最前面のオブジェクトで作成」をかけることで図形の形にエンベロープがかかります。

Illustratorにあるエンベロープ機能の使い方！まとめ

Illustratorにあるエンベロープ機能の使い方！をご紹介しました。今回のポイントをまとめていきますね。

• エンベロープは「ワープ」「メッシュ」「最前面のオブジェクトで作成」の手法で文字や図形を非破壊に変形できる
• 画像にメッシュでエンベロープをかけると自由変形ができる

　
イラレのエンベローブの操作はもうバッチリですね。ぜひ編集例を参考に使いこなせるようにしましょう！

文字の配置を調整する

Illustratorで文字ツールを使って加工したいテキストを用意します。
まずはテキストをアウトライン化します。アウトライン作成のショートカットはShift＋Ctrl＋O。頻繁に使うので覚えておきましょう。
アウトライン化した直後の文字列はグループ化されているので、個別に操作するためにグループを解除します。
文字を移動して、文字ごとの線が重なるように配置を調整していきましょう。

アンカーポイントの削除ツールを使う

配置が終わったら、パスファインダーパネルの形状モード：合体を使ってひとつのオブジェクトにつなげる操作を行いましょう。
文字のつなぎ目の余分な箇所はアンカーポイントで整えていきます。
余分なアンカーポイントを削除してパスの形状を調整していくわけですが、ダイレクト選択ツールでアンカーポイントを選択して削除してしまうとパスのつなぎ目が途切れてしまいます。「アンカーポイントの削除ツール」をつかえばパスのつながりを維持しつつ指定のアンカーポイントのみを削除することができます。

ブラシツールを使って文字をなめらかにつなげる

文字どうしをなめらかな曲線でつなげるには、ブラシツールで線を描き「オブジェクトメニュー → アピアランスを分割」で輪郭をパスに持つオブジェクトに変換して調整していきます。
パスの細かい調整は後からできるので、大まかな形をとるように曲線を描きましょう。不自然な部分はアンカーポイントツールの操作で線をなめらかに繋いでいき自然なつなぎ目に調整しましょう。
全体の調整すれば、Illustrator上の操作で文字をつなげる加工の完了です！

イラレで文字をつなげる加工方法！まとめ

イラレで文字をつなげる加工方法！をご紹介しました。今回のポイントをまとめます。

• 文字をつなげるには、アウトライン化してから文字を配置しパスファインダーで合体！
• アンカーをつなげる時は、アンカーを選択して消すとパスが途切れるので「アンカーポイントの削除ツール」で行う。

　
illustratorで文字の編集や加工してつなげる方法をお伝えしましたが、ご理解いただけましたか。雰囲気のある文字を作ってあなただけの世界観を楽しんでくださいね。

元になるロゴの準備をしよう

初めに、元となる単色のロゴを準備します。今回は例として、ペンツールと長方形ツールで作成した図形とテキストのみで構成されたロゴを用意しています。
テキストはアウトライン化しておきます。長方形オブジェクトに白いテキストを重ねているところはパスファインダーパネルの「前面オブジェクトで型抜き」を適用してテキストの形でオブジェクトを型抜きします。

線のみで作成されたラインの部分は「オブジェクトメニュー → 分割・拡張」で塗りのみの図形に変換します。
Illustratorを操作して全体を塗りの設定のみで構成されたオブジェクトに編集できたら、準備は完了です！

かすれ効果を適用する方法

Illustratorを操作してかすれ効果を適用する方法を紹介します！
まずは全体の塗りの色を「C:0% M:0% Y:0% K:70%」のグレーに設定しておきましょう。

スタンプの質感を再現するために効果をかけていきます。

1. 「効果メニュー → ピクセレート → メゾティント（種類：粗いドット）」でかすれ効果をかける。
2. 「効果メニュー → スタイライズ → 光彩（内側）」の効果をかける。今回の設定では「描画モード：乗算、色：黒、不透明度：100%、ぼかし：5px、境界線にチェック」
3. 「効果メニュー → スケッチ → スタンプ （明るさ・暗さのバランス：15、滑らかさ：6） 」で質感を調整。

仕上げにアピアランスの分割と画像のトレースをしよう

仕上げのイラレ操作に入ります。
「オブジェクトメニュー → アピアランスを分割」を使い、現在の見た目のままのオブジェクトになるように分割します。

仕上げに、こちらをトレースしていきます。トレース機能が使用できない場合は「オブジェクトメニュー → ラスラタイズ」を使用してオブジェクトをピクセル化しましょう。
画像トレースパネルを開き設定の値を調整（「ホワイトを無視」にチェックを忘れずに！）したら、オプションメニューから「拡張」をクリックで単色の塗りで作られたオブジェクトにトレース完了です！

イラレを使ってスタンプ風のかすれロゴの作る方法！まとめ

イラレを使ってスタンプ風のかすれロゴの作る方法！はいかがでしたか。今回のポイントをまとめます。

・効果（メゾティント・光彩（内側）・スタンプ）などを組み合わせスタンプの質感を再現できる
・全体に効果をかけた上で単色の塗りのオブジェクトに仕上げるために、アピアランスを分割 やトレースを使用する。

こちらの操作を覚えておくとお洒落で格好いいデザインがサクサクできますのでぜひ参考にしてみてくださいね。

ポップアート風デザインを作ってみよう！

実際にIllustratorを操作してポップアート風デザインを作成する手順をご紹介していきますね。
１からイラストとして描くのではなく、画像トレースを利用して作成する方法で進めていきます！

画像のトレースを使用して写真をシルエットに変換しよう

はじめに、トレース元となる写真を用意します。画像トレースを活用して、写真を単色の塗りのシルエットのみに変換していきます。
ウィンドウメニュー→画像トレースパネルを開きます。プレビューにチェックを入れることで編集結果がいつでも確認できます。

次に画像トレースのしきい値を丁度よい値に調整しましょう。この時、画像トレースパネル詳細の編集から「ホワイトを無視」にチェックを入れてくださいね。
調整が完了したら、オプションメニューの「拡張」をクリックして、トレースオブジェクトをパスに変換します。

トレースした直後はグループ化されているので、必要ない箇所はグループ化を解除して削除し、再度グループ化しましょう。今回の例では、２つのリンゴをそれぞれ別なしきい値でトレースしています。

塗りを作成して重ね順を調整しよう

トレースが完成したら「塗りブラシツール」を使用して塗りの作成を行っていきます。
オブジェクトを好きな色で塗りつぶしたら、塗りの重ね順を最背面に設定します。

これでポップアート風デザインの完成です！パスの塗りや背景の塗りをお好みに調整してPOPに仕上げましょう！

Illustratorでポップアート風デザインを作成する方法！ まとめ

Illustratorでポップアート風デザインを作成する方法！をご紹介してきました。今回のポイントをまとめます。

• 画像のトレースを使用して写真をシルエットのみに変換できる。
• 黒くつぶれたり白く飛んだりしないように、しきい値を調整しよう！

　
ポップアート風のデザインは身近なものをテーマにしたものが多く人気がありますね。イラストに文字を装飾してよりポップさを強調したりしてオリジナルなデザインをぜひ楽しんでくださいね！

ラメの作成方法・手順を紹介！

早速、lllustratorでラメを作成する手順をご紹介していきますね。
まずはベースとなる塗りを長方形ツールで作ります。線無しの設定で、色は暗めの色（金色のラメなら黄土色等）で作成しましょう。
作成したベースの塗りにアピアランスで効果を追加していきます。

次に、アピアランスパネルの「新規塗りの作成」から効果を加えた塗りを重ねます。
「効果：テクスチャライザー」の効果をかけたブラックの塗り（描画モード：スクリーン）、
「効果：ちりめんじわ」の効果をかけたグレーの塗り（描画モード：覆い焼きカラー）を重ねることで、ラメの効果を表現することができます。

更にその上にオーバーレイの描画モードで塗りを重ねることで簡単に色味の調整し、よりキラキラしたエフェクトに近づければラメの完成です！もちろん作成したラメ表現を自作ブラシや文字に転用することもできますよ。

ホログラムグラデーションの作成方法・手順を紹介！

お次はIllustratorでグラデーションを使ってホログラムを作成する手順をご紹介します！

ホログラム表現の正方形オブジェクトを作成

はじめに、長方形ツールで横長の長方形を作成し、塗りをグラデーションに切り替えます。今回は例として赤色の塗りで進めていきます。
グラデーションの設定は赤・白・赤となるように設定します。白のハイライトの位置を真ん中ではなく左右にずらすことが、キラキラ感を出すポイントです。

次に、オブジェクトを変形し正方形のホログラムオブジェクトに形を整えます。

1. 「オブジェクトメニュー→エンベロープ→メッシュで作成（行数:１、列数:１）」の設定を加える
2. エンベロープオプションで「線形グラデーションの塗りを変形」にチェックを入れる。
3. 「効果メニュー→ワープ→円弧（カーブ:100%、水平方向:0%、垂直方向:100%）」でオブジェクトを扇状に変形する。
4. 「効果メニュー→パスの変形→変形」から反転した状態でオブジェクトを複製し円形の形にする。
5. 正方形の形でクリッピングマスクすることでホログラムの正方形が完成！

ホログラムグラデーションのパターンを作成

完成したオブジェクトをパターンとしてスウォッチに保存しましょう。
パターンオプションから「オブジェクトをタイルサイズに合わせる」にチェックを入れてあげれば、ホログラムグラデーションパターンの完成です！
あとは、上に描画モード：カラーのグラデーションを重ねて色味を変更したり、よりギラギラした加工を重ねることでお好みに調整しましょう！

Illustratorでキラキラを作る方法　まとめ

Illustratorでキラキラを作る方法！【ホログラム・ラメ編】をご紹介してきました。
みなさん、いかがでしたか。illustratorの基本操作で簡単にキラキラのデザインができましたね！
作成のポイントはこちらです。ぜひいろいろなキラキラでオリジナルのデザインを作ってみてくださいね！

• ラメは効果を重ねて作成。色味をオーバーレイの塗りで調整する。
• ホログラム独特のグラデーションは、エンベロープでグラデーションを変形して作成する。

Illustratorで矢印や吹き出しを作図する方法を確認します。
シンプルに見える矢印や吹き出しの作図ですが、様々な方法で行うことができ奥が深いです。
イラレの基本的なツールを使いこなすことになるので、イラレ初心者の方の練習にもとても向いています。

操作方法はYoutubeで配信しています！動画で確認したい方は画面下部からご覧ください。

線の設定を駆使して矢印の作成

矢印の作成は、軸になる線に傘を片方作成し、リフレクトツールで反転複製するなどの方法もありますが、
線パネルの中の矢印の設定を使用することもできます。
軸になる線をペンツールなどで作図し選択→
線パネルで「矢印」という項目があります。

リストから、始点・終点それぞれに矢印を設定できます。
三角や矢印、指先など様々な形を選べます。
選ぶだけで矢印になるので、一番手軽にできる方法ですね。

パスファインダーや効果を活用して吹き出しの作成

吹き出しは、基本図形に吹き出し（ツノの部分）をつけることで作成します。

基本のシンプルな吹き出し

吹き出しは、ベースになる長方形や角丸長方形に、吹き出しの先端になる部分を多角形ツールやペンツールで描画し、
ベースと吹き出しの先端を合体します。

パスファインダーパネルから合体を選びましょう。

効果でとげとげの吹き出し

ウニのようなとげとげの吹き出しは、
楕円形や正円にジグザグとパンクの効果を適用すると作成できます。
効果→パスの変形→ジグザク
効果→パスの変形→パンク・膨張　です。

【Illustrator基本操作】矢印・吹き出しの作り方　まとめ

いかがでしたでしょうか？
今回の操作方法は、Youtubeで実際に説明していますのでぜひチェックしてください！
毎週水曜日にIllustratorのワンポイントレッスン、「解決！なみちゃんねる」を更新中です。

操作方法は動画で配信しています。記事の下部にYoutube動画を貼っていますので、気になる方はご確認ください！

シアーツールや自由変形ツールを駆使し、切り絵風デザイン

最終的にはポップアップの切り絵風のデザインに仕上げますが、
まずは平面的にイラストを完成させていきます。
土台になる紙をイメージして長方形ツールでシェイプを描画しましょう。

ベースになる絵を作成

今回はジンジャーブレッドマン、クッキーのイラストを準備しました。
楕円形ツール、多角形ツール、ペンツールを組み合わせて描画しています。
土台になるクッキーの部分はパスファインダー　→ 合体　で一つにしておきましょう。

パス上文字ツールで文字作成

文字を追加します。円弧上にアーチを描くようにするため、
まず楕円形ツールでベースのパスを準備します。塗り・線は任意の設定で構いません。（文字を入れると消えます）
パス上文字ツールで楕円をクリックします。パスに沿って文字が入力できますので、入力しましょう。
入力後に文字を動かすには、選択ツールに持ち替えて文字列の先頭に表示される縦棒（ブラケット）を動かします。

パスのオフセット

土台のクッキーのオブジェクトをパスのオフセットで外側に複製します。
土台から切り離して立ち上がる部分になります。

クッキーのオブジェクトを選択し、オブジェクト→パス→パスのオフセットで数値を入力すると、
数値の分膨張した範囲でパスが複製されます。

参考画像では、わかりやすいようにオフセットされた部分を緑に変えています。

余分な部分を削除

紙の折れて立ち上がる部分は不要なので削除します。
ガイドになる水平線をペンツールで描画し、ガイドの線と先ほどオフセットされたオブジェクトを選択し
シェイプ形成ツールでAlt(option)を押しながらクリック。クリックした部分が削除されます。

これで、平面の状態でイラストが完成しました。

シアーツールで立体的にする

ここから、平面的なイラストを立体的に見せていきます。
上から見たような角度にするため、図形を変形するのにシアーツールや自由変形ツールを使用します。

まずは台紙の部分から。

台紙を立体的にする

台紙として描画した長方形を選択し、シアーツールで変形します。

1. 変形したいオブジェクトを選択
2. シアーツールをダブルクリック
3. 方向は「水平」をチェックし、シアーの角度を入力（10〜40度程度）

さらに立体的に見せるために、自由変形ツールを使用します。
奥に行くほど幅が狭くなるよう変形すると、遠近感が出て立体的に見えます。

1. 変形したいオブジェクトを選択
2. 自由変形ツールを選択
3. 遠近変形モードにし、奥の幅を狭くする

自由変形ツールの遠近変形は、一箇所を動かすと他も連動します。
例えば幅を狭くするのに、左のアンカーを動かすと右のアンカーも動く、というように
アンカーを個別に動かすより、効率的に綺麗に変形することができます。

イラスト部分を立体的にする

台紙を立体的にした要領で、イラスト部分も立体的に仕上げていきます。

仕上げに影を作成する

完成に近づけていきましょう。紙に影をつけていきます。

台紙そのものにグラデーションで影を設定

薄いグレーから白のグラデーションを入れるだけで、ぐっと立体的に見えます。
折って立ち上げた紙のオブジェクトにグラデーションを設定し、
上から白、グレーとなるようなグラデーションをかけます。

立ち上げた台紙の後ろに影を設定してぼかす

立ち上げた台紙を複製します。後ろに影をつけるので、
コピー（ctrl+c）のあと、背面へペースト（）をするとよいでしょう。
ペーストした影の部分を、シアーツールと自由変形ツールで変形します。
縦につぶすイメージです。

色は塗りを黒に設定します。
なじむよう、ぼかしをかけましょう。

1. ぼかしたいオブジェクトを選択
2. 効果→ぼかし→ぼかし（ガウス）

影の色が濃すぎる場合は、透明パネルで不透明度を下げて調整しましょう。

Illustrator基本操作】イラレで切り絵風のイラスト制作 まとめ

いかがでしたか？イラストを元に、立体的な切り絵風のデザインの作成方法を確認しました。
変形を綺麗に行うためにシアーツール・自由変形ツールが活躍しました。
また、立体的なデザインを作成する際は、影の演出が重要です。
紙に薄くグラデーションをかける、背面にぼかした影を入れるなどで
効果的に立体的に見せましょう。

操作手順は動画で紹介しています。下記からご覧ください。
SoftCampusのYoutubeチャンネルでは毎週水曜に、Illustratorのレッスン動画を配信中です。