初心者向け、Illustratorで簡単な図形やイラストを描くチュートリアル
イラストレーター（ベジェとかパスとか）って、慣れるとすっごく使いやすいんですけど、なかなか描きたいものをカタチに出来るようになるまでの敷居が高いですよね。イラレを使えるようになりたい方むけに、具体的な例を画像満載で細かく解説してみました。 目次 おさらい 正三角形を描く 吹き出しを描く ハートを描く ウサギのイラストを描く おさらい 私がIllustratorで絵を描けるようになるのに有効だった練習方法 イラレの操作が全然わからない！という方は、まずはこちらの記事からお読み頂けると良いかと思います。今回はこの続きみたいな感じで書いてみます。 基本ツールとショートカット 「コレだけ覚えておけばとりあえずなんとかなる」ツールです。頻繁にツールの切り替えが必要になるので、ショートカットは是非覚えておきましょう。 正三角形を描く ただの三角形なら、ペンツールで適当にぽちぽちぽちっと3点打って、4点
Quick Tip: Creating a Bazinga! Text Treatment in Adobe Illustrator | Envato Tuts+
With this tutorial I'll show you how to create a Bazinga text effect made famous by Sheldon from the sitcom The Big Bang Theory in Adobe Illustrator. We'll be using some techniques to add multiple effects to a single shape, also duplicating and copying objects quickly, as well as creating a pattern and even rotating that pattern without disrupting the shape it's applied too. 1. Create a New Docume
イラレで内側ドロップシャドウをアピアランスで作る＆アピアランスこねこね魔女っ子パスファインダー
IllustratorにはPhotoshopのレイヤースタイルのように内側のドロップシャドウがありません。CS6からは効果＞パス＞パスの変形に「オブジェクトの変形」「パターンの変形」があり、これを使うことで光彩（内側）の位置をずらすことで表現しています。CS5以前ではこのオプションがありませんが、「パスの自由変形」で似たような表現が作れます。ただ数値指定ができません。
(no title)｜鈴木メモ(旧)
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
How to Create an Andy Warhol Inspired Pop Art Portrait in Illustrator | Envato Tuts+
Andy Warhol's screen print series of Marilyn Monroe portraits were probably the main reason I was interested in creating vector art. He's one of my all time favorite artists so creating a set of portraits inspired by his mass produced art was bound to happen at some point! In today's tutorial I'm going to show you how to create a set of colorful portraits from a stock image base, in a similar styl
Illustratorのアピアランスを使って地面に反射する文字を作成する方法 | ナナメウエblog
ちょっと古いかもしれませんが、地面に反射しているようなこの文字。 実はillustratorのアピアランス機能を使うことで簡単に作成することができます。 全てアピアランスで設定しているので、文字数が変化した場合にも簡単に修正することができます。 まずは適当なテキストを入力します。 次にアピアランスパネルで、塗りを2枚追加します。 今回は#333333の塗りを2枚追加しました。 最終的に下の塗りは色を変更するのでなんでもいいのですが、とりあえず同じ塗りを追加しておきます。 アピアランスパネルの下の塗り選んで、[効果] → [パスの変形] → [変形]を選択します。 拡大縮小の[垂直方向：49%]、移動の[垂直方向：27px]、オプションの[水平軸にリフレクト]にチェックを入れます。 この値は最初に入力したテキストのサイズによって変わるので、適当に調節しながら下の画像のようになるよ
IllustratorでPhotoshopのシャドウ（内側）のような効果を適用する方法 | ナナメウエblog
ご存知の通り、IllustratorにはPhotoshopに搭載されているシャドウ（内側）のような効果はありません。 近いものでいうと[スタイライズ] → [光彩（内側）]を使う方法なのですが、これだと境界線全体から内側にシャドウが適用されてしまいます。 テキストをアウトライン化 → 元の位置にコピー → 元のオブジェクトから少しずらして前面オブジェクトで切り抜き → ぼかし（ガウス） → クリッピングマスクという方法もあるのですが、けっこう面倒です。 普通のオブジェクトであればこの方法でもいいのですが、テキストなどの部分で修正があるとさすがにもう一度同じ行程をおこなうのは大変ですね。 そこで今回はアピアランスを使って、擬似的にこれに近いものを作成します。 まずはアピアランスに塗りを2枚追加します。 下の塗りは後で変更しますが、この段階では同じ色で大丈夫です。 今回は#808080を
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
Illustratorでグランジ加工をする方法 | ナナメウエblog
illustratorでグランジ加工をする方法です。 線をチョークや木炭などに設定して上から重ねるという方法が最もポピュラーですので、ちょっと珍しい方法をご紹介します。 一回作っておくと使い回しが効くので便利かと思います。 まずは長方形ツール（ショートカットはM）を使い、適当な四角形を描きます。 わかりやすいように色は黒にしています。 続いてナイフツールで四角形オブジェクトを切っていきます。 もうメチャクチャに切りまくります。 上下左右に切り分けて、細かくしてあげます。 切り終わったら、オブジェクト全体を選択した状態で[オブジェクト] → [変形] → [個別に変形]（ショートカットは⌘+Shift+Option+D） 「水平方向：5%」「垂直方向：5%」「水平方向：100px」「垂直方向：100px」、オプションは「垂直軸にリフレクト」「水平軸にリフレクト」「ランダム」「オブジ
Illustratorで再編集可能なパスファインダーの適用方法 | ナナメウエblog
ご存知の通り、illustratorにはヒストリー機能がありません。 ラスタライズしたり、アピアランスの分割をしない限り、大部分の機能は再編集が可能なのですが、複雑な図形でパスファインダーをミスるとけっこう辛いものです。 アートボードの外に編集前のオブジェクトをコピーしておくのもひとつの手段なのですが、それとは別の方法を紹介します。 複合シェイプにする optionキーを押しながらパスファインダーの効果を選ぶことで複合シェイプにすることができます。 この状態ではオブジェクトをダブルクリックするか、ダイレクト選択ツールなどを使うことでオブジェクトの編集が可能になります。 その後、複合パスを統合したい時には[拡張]をクリックすることで複合シェイプが解除され、適用後のオブジェクトのみが残ります。 *複合シェイプへの適用が可能なのは、パスファインダーパネルの「形状モード」にある4つの効果のみ
How to Create a Simple Step by Step Progress Bar in Illustrator | Envato Tuts+
In the following quick tip you will learn how to create a simple step by step progress bar using Adobe Illustrator. For the main shapes we'll use some basic tools along with the Transform effect and some simple Pathfinder options. For the small details we'll use some basic vector shape building techniques, several Drop Shadow effects and some simple blending techniques. In the final steps we'll ad
illustratorで角丸を扱う際の注意点 | ナナメウエblog
先日、こちらの記事で角丸について詳しくまとめられていました。 その中で「角丸は中心にいくほど小さくなる」と書かれていたので、illustratorで扱う際の注意点をまとめました。 デザイン時に注意したい角丸の使いかた | Design Color illustratorで角丸を表現する方法 [効果] → [スタイライズ] → [角を丸くする]です。 ショートカットは⌘+Shit+Rに設定しています。 ちなみにiOSのアイコンでは114pxで角丸半径20px、512pxで90px、1024pxで180pxですので、アイコンのサイズと一辺の角丸の比率は17%って覚えとくといいかもです。 Photoshop効果を使った場合の角丸 左は角丸に粒状フィルムを適用したもの、右は粒状フィルムを適用した後にマスクをかけたものの拡大図です。 粒状フィルムなどのPhotoshop効果を適用した場合
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
Quick Tip: How to Create a Set of Bubble Gum Buttons in Illustrator | Envato Tuts+
In the following tutorial you will learn how to create a set of bubble gum inspired blog buttons by using Drop Shadows and the Appearance panel in Adobe Illustrator. We'll go through each step and show you variations in the symbols and how to add text. Step 1 Open Illustrator and hit Command + N to create a new document. Enter 600 in the width box and 300 in the height box then click on the Advanc
Quick Tip: Create a Set of Glowing Buttons in Adobe Illustrator | Envato Tuts+
In the following steps you will learn how to create a simple set of glowing buttons. It's another tutorial that focuses on the Appearance panel as the entire button is created using only one shape with multiple fills and strokes plus some simple effects. Step 1 Create a 600 by 300px, RGB document, pick the Rectangle Tool (M) and create a shape the size of your artboard. Fill it with R=49 G=52 B=57
Adobe Illustrator Tutorial: Create a Detailed Restaurant Chalkboard
Adobe Illustrator Tutorial: Create a Detailed Restaurant Chalkboard In the following new Adobe Illustrator tutorial you will learn how to create a detailed restaurant specials style chalkboard. We’ll start with the Rectangle Tool and some simple vector shape building techniques. Once you have your starting shapes you can continue and add the colors. We’ll use multiple fills and strokes along with
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
How to Create a Set of Rubber Band Corner Banner Treatments in Illustrator | Envato Tuts+
Quick Tip: How to Create a Wicker Seamless Pattern in Adobe Illustrator | Envato Tuts+
Software How To
