今回はイラストレーターの3D効果「押し出しとベベル（クラシック）」を使って、凹んで見える3Dグラフィックの作り方を解説していきます。 制作するデザインはこちらです！

イラストレーターの3D効果【押し出しとベベル（クラシック）】にある機能、「アイソメトリック法」について実践形式で解説します。

illustrator（イラストレーター）を使って、線で構成された立体的なタイポグラフィを作る方法を紹介します。

Illustratorのシェイプ形成ツールは「パスの結合」や「はみ出た部分の削除」などをマウスでドラッグするだけで簡単に行えるようにした便利なツールです。 基本的にIllustratorのオブジェクト形成はパスファインダーのみで完結させることができますが、パスファインダーは初心者には操作が難しく、作業手順が複雑になってしまうことが多々あります。 シェイプ形成ツールを使えば直感的かつ簡単にシェイプを合体させたり分割削除できるので作業がグッと楽になります。初心者はもちろんプロデザイナーにも役立つツールなので使っていない人はぜひ使ってみてください。 本記事ではシェイプ形成ツールを初めて使う人や存在を知らなかったという人向けにシェイプ形成ツールの特徴や使い方を図解とともにわかりやすく解説します。 Illustratorを持っていない人はAdobe CCを安く買う方法があるので購入の参考にしてみてく

この春社会人デビューした人は、そろそろ会社に慣れてきた頃でしょうか。 会社には、ロゴマークがありますよね。

※Illustrator 2023 (27.6.1) のバージョンアップで、画像トレース機能が大幅に向上しました！この記事の画像トレースの説明は旧バージョンのものです。いずれ加筆修正したいと思います（時期未定）。 ※この記事は無料です。サンプルデータのみ有料にさせていただきました。 ハーフトーン・網点好きとして、今までに試行錯誤して培ってきたAdobe Illustrator（以後イラレ）の網点作成効果「カラーハーフトーン」のノウハウをまとめました。 イラレの100 種類以上ある効果の中の一つである「カラーハーフトーン」は、網点のグラデーション（Halftone／ハーフトーン）や、均一な網点パターン（Ben-Day dots／ベンディドット）を簡単に作成できるツールです。使い方を短時間で知りたい方のお役に立てると思います。 １．はじめに「カラーハーフトーン」は、ラスタライズ用の効果です。オ

Adobe Illustrator 2022の新しい3D機能「3Dとマテリアル」を使って、3D初心者でも簡単に作れる、ぷっくりとした立体的なイラストを作成する方法を紹介します。 イラストを作成する Adobe Illustratorでイラストを作成しましょう。 今回はイラストを3Dにするので、フラットでシンプルなイラストを用意しました。 イラスト内の書き込みが複雑かつ細かくなると、3Dにしたときにぷっくりではなくぼこぼこした見た目になるので、ある程度ゆとりがあるシンプルなイラストがオススメです。 また、配色も3D効果を適用する際にライトを設定するので、濃い目に色を付けておくと後から調整しやすいです。 テキストに効果を適用する場合は、アウトライン化しましょう。 イラストのレイヤーが複数ある場合は「グループ」で1つにまとめます。 イラストの作成はこちらで以上になります。 次は早速3D効果を付け

ガーリーにもエレガントにも、キュートにも。 くるくると動きのあるリボンのグラフィックをワンポイントにするだけで デザインがランクアップすること間違い無し！ 覚えておくと何かと重宝するリボンの描き方チュートリアルをまとめてみました。 【Illustrator】カリグラフィブラシでパスを描いてアウトライン化 カリグラフィブラシでパスを描いてアウトライン化、 その後手前と奥のリボンを分割して色を塗り分ける方法です。 複雑なくるくる具合にしたい場合に最適です。 このチュートリアルではプレゼントBOXの描き方の中で、リボンの作り方が紹介されています。 How to Make Festive Vector Gift Boxes | Vectortuts+　※英語 http://vector.tutsplus.com/tutorials/illustration/how-to-make-festive-

Illustratorのグラデーションメッシュ機能を使うことで、少し複雑でユニークなグラデーションを作り出すことができます。 今回はIllustratorのグラデーションメッシュの基本的な使い方とあわせて、Photoshopと組み合わせてバナーやグラフィックなどで使えるアレンジした背景の作り方をご紹介します。 通常グラデーションツールでは、指定している角度に対して一方方向のグラデーションになってしまいますが、グラデーションメッシュを使うことで複雑でユニークなグラデーションを作ることが可能です。 グラデーションメッシュを使った背景の完成図 Illustratorのグラデーションメッシュ機能の使い方に加えて、Photoshopを組み合わせ使い、AFTERのような背景を作っていきます。 美容系や飲料系の広告デザインやバナーデザインで使えるテクニックなので覚えておくと便利です。 今回の、完成図では

こちらの記事はアプリ「Adobe Illustrator」を使ったTipsになります。持っていない方や更新間近の方は「Adobe CCをおトクに購入する方法」も参考にしてみてください。 【Step1】オブジェクトを作成→【Step2】アピアランス：新規塗りを追加 【Step1】オブジェクトを適用したいオブジェクトを作成しましょう。 【Step2】そのオブジェクトを選択した状態で、アピアランスパネルから「新規塗り」を追加します。（アピアランスパネルは上部メニューのウィンドウ→アピアランスで表示できます） 【Step3】新規塗りをグラデーションを適用する 【Step3】Step2で追加したオブジェクトをグラデーションに設定します。 グラデーションの設定は、「白→黒」に設定しておき、白の不透明度は0%に設定しておきましょう！（黒の方がこのあとノイズが適用される部分になります） 【Step4】グラ

2つの図形に違うグラデーションを塗る まず最初に四角でも三角でも星型でもいいので図形を2つ作って、それぞれ違う塗りのグラデーションを用意します。 今回は丸にしておきます。 グラデーションの角度を変えるといい感じになるのでオススメです。 ブレンドを作成 メニューバーの「オブジェクト」から「ブレンド」→「作成」を選択します。 そしたらすぐに「オブジェクト」から「ブレンド」→「ブレンドオプション」を選び、「ステップ数」を選んで数値を「400」にしてOKをクリックします。 ブレンド軸を置き換え そうしたらブラシツールで任意の曲線を描き、メニューバーから「オブジェクト」→「ブレンド」→「ブレンド軸を置き換え」を選択します。 これで完成です。 このブレンドを使う上で少し注意点もあります。 まずは下のグラデーションをご覧ください。 この図形も上記の順番で作った結果ですが、明らかに何かがおかしいですよね。

こんにちは イラレを使い始めて３年半が経ちました。まだまだ知らない機能がたくさんあって日々勉強です。 イラレ使用歴はすごく短いというわけじゃないのに、基本的なことが抜け落ちていたことに最近気がつきました＾＾； 今回は改めて使い方を確認して効率が上がった機能を５つ紹介したいと思います。５つの機能に関連性はなく、私が最近使うようになって便利だなと思ったものの備忘録です。 作業環境はMacとillustratorCC、初心者の方向けです。（特に一つ目） アンカーポイントツール この機能って、イラレを始めてすぐ勉強するはずなのですが・・・恥ずかしながら、すっかり抜け落ちてました笑 アンカーポイントツールでは、パスのハンドルを出したり消したりできます。（shift+C） 曲線に丸が付いているマークの時にパスをドラッグすると、両端のアンカーポイントからハンドルが出現します。反対に「く」の字の時にアンカ

こんにちは 今回はイラレに搭載されている機能である線幅ツール、プロファイルの機能の紹介をしていこうと思います。 この機能は昔から搭載されていた機能のようですが、話題性もありませんでしたし（筆者の記憶では）、使い始めのころは自分のデザインワークには使わないのないものだと考えていました。 が、実際使ってみると意外と使える場面が多く、使用したその日からはほぼ毎日のように利用する機能の一つになりました。今日はその使い勝手の良さを紹介していきたいと思います。 では早速 意外と知ない？イラレのプロファイルはこんな機能 イラレのプロファイル機能とは、イラレで表示、使用される線を様々な形に変形する事が出来る機能の事で、普段使用しているパス線をプロファイル内にある線種に変更するだけでテキストやイラスト、デザインなどにちょっとしたアクセントを加える事ができます。 プロファイル機能の基本説明 まずはじめに、プロ

Illustratorを使った素材作成のテクニックのご紹介をします。 今回は、以下のようにオブジェクトをランダムにカラーリングするテクニックの紹介です。 上記のカラーリングテクニックを利用すると制作時間の大幅な短縮が可能で、どちらも簡単にできるものばかりなので、ぜひデザイン制作の引き出しに入れておきましょう。 制作方法は大きく分けて2種類ありますので、順番にご紹介していきますね。 なお、この記事は[Illustrator2020]に対応しています。下位バージョンの場合は、うまく動作ができなかったり、表示が違ったりするかもしれませんので、その点ご了承ください。

こちらの記事はアプリ「Adobe Illustrator」を使ったTipsになります。持っていない方や更新間近の方は「Adobe CCをおトクに購入する方法」も参考にしてみてください。 イラレのアピアランスで立体文字を作る方法！ このような立体文字をイラレのアピアランス機能を使って簡単に作ることができます。立体文字は使い勝手が良く、様々なシーンで使えるので、覚えておくととっても便利なテクニックの１つです！ 【Step1】文字を打ち込み、「新規塗り」を２つ用意する テキストを打ち込みます。背景色を茶色にしていますが、何色でも大丈夫です。 アピアランスパネルを開きます（表示されていない方は上部メニュー［ウインドウ］→［アピアランス］から開くことができます） アピアランスを開いたら、左下の［新規塗りを追加］から２つの『新規塗り』を作成します。 上から１つ目の塗り→文字色になります 上から２つ目の

イラストレーターで花火のイラストを作ります。 花火といえば夏の風物詩ですね。今回はパッと夜空に咲く、お花のような形の打ち上げ花火です。 オリジナルの花火のブラシを作り、ブラシを重ねて花火のイラストを作ります。背景の細かな花火は、正円を散らして配置するだけなので、とても簡単に作る事ができます。

adobe illustratorを使用して、ダイヤモンドオブジェクトをあしらったギャル雑誌風ロゴを作成します。 ダイヤモンド素材もphotoshopでは定番ですよね。関連書籍も多数ありそうです。 いくつか作り方はありますが、今回は初級者向けの簡単な方法をご紹介いたします。 雑誌やｗｅｂなどでアクセントとしても重宝するので、背景透過のpngなどで書き出してストックしておきましょう。 RGBでコンポジションを新規作成します。 楕円形ツールで円を描きます。塗りは何色でもかまいません。 図のように円の上に、ラインツールでランダムに線を重ねます。 たくさん線を引いたほうが、 きめ細やかな仕上がりになります。 全てのオブジェクトを選択した状態で、パスファインダの「分割」を適用します。 分割されると図のように、円がラインの重なりに合わせて分割されます。 ダイレクト選択ツールで余計なパスを削除します。