初心者向け、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のアピアランス」の基本
高橋としゆき @gautt 以前に勉強会で「アピアランスを制す者はIllustratorを制す」的なことを話したけど、これ見てるとほんとそう思うわ。Illustrator Unlimited Appearance https://t.co/xWxEjPEgnu @jaypeg_officialさんから 2013-03-23 12:15:24
イラレで内側ドロップシャドウをアピアランスで作る＆アピアランスこねこね魔女っ子パスファインダー
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」、オプションは「垂直軸にリフレクト」「水平軸にリフレクト」「ランダム」「オブジ
Top 25 Free Icon Resources for Web Designers | Speckyboy - Wordpress & Design
Icons play a critical role in UI design, offering a simple yet effective way of presenting information and direction while improving user experience. Luckily, most icon sets are free for designers to use in many different types of projects, including web and mobile app design. It’s just a matter of finding the icon set that best suits the requirements of your project. That’s where this collection
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月時点の調査。
Illustratorで質感を表現する時に使用する粒状フィルムについて | ナナメウエblog
普段よく使う粒状フィルムについて軽く研究したので、その内容などを… 粒状フィルムとは [効果] → [アーティスティック] → [粒状フィルム] パラメータは「粒子」「領域のハイライト」「密度」があります。 名前の通り、粒子を生成してくれる効果です。 かなり万能なテクスチャとして使うことができます。 少しざらっとしたような質感から、メタリックな質感、簡単な芝生なども粒状フィルムで作成できます。 粒子パラメータ こちらは薄いグレー#e6e6e6(R230 G230 B230)のオブジェクトに、粒状フィルムを適用したものです。 左から順に「粒子」パラメータの値を1ずつ増加させていき、一番左が値10のものです。（最大値は20） 「粒子」パラメータ1のオブジェクトを6400%に拡大したものです。 細かい1pxが色を変えてランダムで並んでいます。 同じく「粒子」パラメータ10のオブジェクト
個人名刺を作りました！手順や、盛り込んだことなどのまとめ
ブログをはじめて1年。有難いことにtwitterなどで声をかけてくださる方も増え、今年はできるだけ、勉強会とかオフ的なものに顔を出したいと、そんな目標を掲げています…！そのため、個人名刺をつくってみました。 憧れの個人名刺 地方住み＋幼児持ちというステータスのためちょっと自重してた部分もあるのですが、夫からそういうのは積極的に参加すべしという有難いお達しが出たので、まずは先行して… 憧れのプラスチック名刺をつくってみました…！ youの右側のボカシは、本名がカタカナで入っています。隠すほど変わった名前でもないんですが、ここでは一応w YMCard こちらの印刷会社さんでつくってもらいました。ヌードプラスという、透明プラスチックの名刺です。白地をひくことが出来るので、従来のもの（ヌード）より可読性が良くなり、半透明感も演出できるという素材です(*´∀｀*) ちなみに、お値段は100枚で3,5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
How to Create a Set of Rubber Band Corner Banner Treatments in Illustrator | Envato Tuts+
