ガーリーにもエレガントにも、キュートにも。 くるくると動きのあるリボンのグラフィックをワンポイントにするだけで デザインがランクアップすること間違い無し！ 覚えておくと何かと重宝するリボンの描き方チュートリアルをまとめてみました。 【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でコンポジションを新規作成します。 楕円形ツールで円を描きます。塗りは何色でもかまいません。 図のように円の上に、ラインツールでランダムに線を重ねます。 たくさん線を引いたほうが、 きめ細やかな仕上がりになります。 全てのオブジェクトを選択した状態で、パスファインダの「分割」を適用します。 分割されると図のように、円がラインの重なりに合わせて分割されます。 ダイレクト選択ツールで余計なパスを削除します。

デザインをにぎやかにするなど案外使える場面が多い放射状のオブジェクトですが、アピアランスを使って簡単に作成することができます。 ということで、今回は「イラストレーターのアピアランスの破線機能を使って簡単に放射状のオブジェクトを作る方法」をご紹介します。 [aside]制作情報 作成目安・2分 使用ソフト・illustrator CC2016 オブジェクトサイズ・100×100(px) [/aside] 1.円作成 まずツールパネルの中の長方形ツールを長押しして楕円形ツールに切り替え円を作っていきます。※今回は100px × 100pxのサイズで作っています。 この時、Shiftキーを押しながら円を作る事によって縦横同比率のキレイな円が出来ます。 また、アートボードをクリックして直接数値を打っても良いでしょう。 ２.「線」を設定で破線に アピアランスの塗りを「なし」にして線の設定をしていきま

サクッと一発でできるIllustratorの波線の作り方。効果一発でできる分、使いにくい癖もあります。 線を引く ペンツールで線を引きます。 効果ジグザグ 「効果」→「パスの変形」→「ジグザグ」で滑らかにを選択します。 アピアランスなので調整可能 アピアランスなので、後から調整が可能です。対象オブジェクトを選択した状態で「ジグザグ」をクリックで数値の調整ができます。 具体的な使用例と使いにくい点 効果で一発で変換できる分使いにくいのが、四角形の場合４辺すべてに効果が適用されてしまうところです。つまり下記の水や雪みたいな厚みをだした表現がやりにくいのが現状です。一部のパスのみだけ波線が適用できるようになれば良いんですが。 アピアランス分割を適用してしまうと線が塗りに変わってしまうので、色々とやり方がありますが、私の場合、選択した状態で「SHIFT+OPTION」を押しながら上にもっていき、ド

今回はIllustratorで流れるようなリボンの作り方を解説しようと思います。 何かとこのようなリボンのあしらいは使う機会も多いと思うのでぜひ覚えておきましょう。 ペンツールで波線を作ろう まずはペンツールを使います。 ショートカットキーはPです。 そのまま適当に波線を書いてみましょう。 多少歪でも問題ありません。 3D機能で立体表現にしましょう 続いて、立体的に表現をしようと思います。 あとで調整がしやすいようにアピアランスを使いましょう。 メニューバーのウィンドウにカーソルを当てて、プルダウンメニューを開き、アピアランスを選択しましょう。 次に、アピランスの効果メニューから→[3D]→[押し出し・ベベル…]を線を選択したまま適用します。 この立方体をぐるぐると動かしながらリボンのうねりを作っていきましょう。 ワイヤーフレーム表示にすることで、リボンの重なりの部分がわかりやすくなるので

この画像のような、SF的でHUDとかに合いそうな円のイラレでの作り方を紹介したいと思います。 1. 円を作ります。 2. 線分を「破線」にし、適当な値を入れていきます。 (線のウインドウがない場合は、メニューバーの「ウインドウ＞線」を選択することで出てきます) 3. 作った円の同心円を複数作り、2を繰り返します。 こうすることで、複数の欠けた円ができ、重ねることで、なんかかっこいい感じの円ができます！