学び始めたい アドビイラストレーター 、しかし、圧倒されていると感じますか? MakeUseOfの最初のIllustratorマニュアルである「GettingStartedWithIllustrator」をチェックしてください。わかりやすい説明と注釈付きのスクリーンショットがたくさんあるこのマニュアルでは、Illustratorの学習が簡単になります。
AdobeIllustratorはベクター描画プログラムです。ロゴ、アイコン、イラスト、チャート、インフォグラフィック、Tシャツ、名刺、文房具、封筒、パッケージデザインの作成によく使用されます。全体として、これは主に高解像度のグラフィックを作成するために使用され、後で印刷することもできます。
画像情報をドットで保存するPhotoshopとは異なり、Illustratorは図形を描画するときに数式を使用します。ベクター図面は、超高層ビルサイズのバナーに合わせて拡大縮小できます。ラスター画像はできません。このため、Illustratorは、ロゴなど、簡単に拡大縮小する必要のある図面を作成するために使用されます。
このAdobeIllustratorのマニュアルでは、ロゴを作成するために必要な基本的なツールについて説明していますので、チェックしてください。 Illustratorを自分で開いて、Adobeのすばらしいベクターアートプログラムの感触をつかんでください。
目次
1.はじめに
Illustratorを学ぶことにした場合は、基本から始める必要があります。これは非常に強力なプログラムですが、複雑なプログラムでもあります。インターフェイス、基本的なツール、パレット、およびワークスペースに慣れると、時間と労力を大幅に節約でき、ワークフローはスムーズで快適に見えます。
アドビイラストレーター ベクトル描画プログラムです。ロゴ、アイコン、イラスト、チャート、インフォグラフィック、Tシャツ、名刺、文房具、封筒、パッケージデザインの作成によく使用されます。全体として、これは主に高解像度のグラフィックを作成するために使用され、後で印刷することもできます。
画像情報をドットで保存するPhotoshopとは異なり、Illustratorは図形を描画するときに数式を使用します。どうしたの?
つまり、ベクターグラフィック(Illustratorの描画など)は品質を損なうことなく任意のサイズに拡大縮小またはズームできますが、ラスター画像(Photoshopで編集された画像など)は拡大縮小するとピクセル化されます。
基本的に、ベクター図面は超高層ビルサイズのバナーに合わせて拡大縮小できます。ラスター画像はできません。したがって、さまざまなサイズで作品を使用する場合は、Illustratorなどのベクターベースのプログラムを使用してください。
•ベクターグラフィックスの利点:
•あらゆるサイズの高解像度。
•ファイルサイズが小さい。
•高品質の印刷。
•編集中に解像度が失われることはありません。
短所:
•• リアルな図面を作成するのは難しいです(ただし、それでも可能です)。
さて、あなたはまだこのガイドを読んでいます。それはあなたが本当にIllustratorに近づきたいということを私に教えてくれるので、私はあなたと私の知識を共有するためにここにいます。このガイドでは、ワークスペース、基本的なツール、形状を紹介し、この素晴らしいソフトウェアを使用して最初のロゴを作成します。
私はWindowsでIllustratorCS5を使用しているため、Macユーザーはわずかに異なるキーの組み合わせを使用する必要があることに注意してください。 指示 代わりにキー NS と オプション それ以外の すべての 。
2.Illustratorワークスペース
Photoshopに精通している場合、Adobe Illustratorワークスペースの主要部分は基本的に同じであるため、それほど驚くことはありません。
必要なツールがすべて揃っているため、主に[ツール]パネルを使用します。アクティブなツールを構成するには、現在のツールのすべてのオプションが保持されているコントロールパネルを使用します。そしてもちろん、パネルドッキングエリア–色見本、レイヤー、ストロークオプション、外観、グラデーション設定などの重要なパレットを保持します(すべてのパレットはでオンまたはオフに切り替えることができます ウィンドウズ メニュー)。
をチェックしてみましょう ツール 最初にパネル。
2.1ツールパネル
ツールボックスには多くのツールがありますが、すべてを覚える必要はありません。それらのほんの数人が仕事をします。
これが参照表です(次のようないくつかのツール 矩形 、ツールアイコンを押し続けることで選択できる、より多くのツールが内部に含まれています):
私はいつも、学ぶための最良の方法は練習することだと言います。それでは、実際に使って基本的なツールを学びましょう。
3.Illustratorでロゴを作成する
私は通常、AdobeIllustratorを使用してクライアントのロゴを作成します。やってみませんか?
私たちの素晴らしい会社に電話しましょう LimeWorks 。ライムを作成し、その下に名前を付ける必要があります。このような:
ただし、いくつかのツールと方法に慣れるために、シンプルなロゴを作成することに注意してください。ライムセグメントの描画から始めましょう。
3.1ペンツールの使用
を使用します ペン Illustratorで最も使用されているツールの1つであるツール。あらゆる種類の形状やオブジェクトを作成するために使用されます。ツールボックスからアイコンをクリックして選択するか、Pキーを使用します。
破損したビデオファイルを修正する方法
ペンツールを使用して、エッジを配置する場所を3回クリックして、最初の三角形を作成します。
注:ご覧のとおり、より正確にはグリッド(Ctrl +)を使用しています。
パスを閉じるには、最初のポイントをクリックします。
これで、色で塗りつぶす準備ができました。三角形が選択されていることを確認します(でクリックします 選択ツール、V )そして黄色のトーンを選択します:
3.2丸い角を作る
ライムセグメント(三角形)を滑らかに見せるために、角を丸くする必要があります。を使用します 丸い角 効果:
の中に 丸い角 ダイアログボックス、次のようなものを置きます 4mm (私はミリメートルを単位として使用します)そして[OK]をクリックして変更を適用します:
いいね。次に、テクスチャを追加して、よりリアルに見えるようにします。
3.3Photoshopエフェクトの追加
Adobe Illustratorで、[効果]メニューに移動すると、Illustrator効果とPhotoshop効果があることがわかります。
我々は使用するだろう ステンドグラス(効果->テクスチャ->ステンドグラス) 。
ただし、その前に、元のレイヤーの上に三角形のコピーが必要です。
3.4オブジェクトのコピー
正確な位置を維持しながら、現在のレイヤーの上と下のオブジェクトを簡単にコピーして貼り付ける方法に関する簡単なヒントをいくつか紹介します。
選択したオブジェクトのコピーを元のオブジェクトの上に正確な位置に貼り付けるには、最初にそれをコピーします( Ctrl + C) を使用して貼り付けます Ctrl + F (使用する場合 Ctrl + V 画面の中央に貼り付けます)。元のオブジェクトの下に貼り付けるには、 Ctrl + B :
さて、これでコピー/貼り付けのコツがわかりました。
三角形をコピーしてその真正面に貼り付け(Ctrl + F)、貼り付けたオブジェクトを白い色で塗りつぶします。
を開きます ステンドグラス ダイアログボックスと私のものとして設定( セルサイズ= 17;境界線の厚さ= 2;光度= 0 ):
3.5外観の拡張
外観を展開 にあります 物体 メニューであり、Illustratorで最も重要なツールの1つです。詳細を説明するために別のガイドが必要になる場合がありますが、今日は基本を学んでいるだけです。
つまり、簡単に言えば、 外観を展開 エフェクトが適用された後、オブジェクトを個別のパスまたはイメージに分割するために使用されます。まあ、それは少し混乱しているように聞こえます。それを使って、実際の動作を見てみましょう。
で白い三角形を選択したことを確認してください ステンドグラス それに影響を与えてに行きます オブジェクト->外観の拡張 。これで、オブジェクトは画像になります。
3.6ライブトレース
AdobeIllustratorのもう1つの優れた機能である ライブトレース ラスターイメージをトレースオブジェクトに変換するために使用されます。すでにいくつかのデフォルトのトレースプリセットがありますが、カスタム設定を使用します。
に移動 オブジェクト->ライブトレース->トレースオプション 以下のように値を設定します。
3.7展開
拡大 トレースオブジェクトを編集可能なパス(ベクトル)に変換するために使用されます。ラスターイメージをトレースした後、次を使用する必要があります 拡大 。
テクスチャオブジェクトがトレースされ、パスに戻る準備ができたので、次を使用します。 拡大 :
ご覧のとおり、テクスチャは次のセットになりました。 パス 、ただし、色を黒から白に変更する必要があります。今回は使用します 脳卒中 (テクスチャはストロークのセットであるため):
わかった。しかし、今では少し鋭すぎます。少しぼかしてみましょう。
3.8ぼかし効果
に移動 効果->ぼかし->ガウスぼかし 、半径を2.8ピクセルに設定すると、次のようになります。
この時点で、ライムスライスは完成です。残りは簡単です。
3.9オブジェクトのグループ化
この時点で、ライムのくさびの準備ができているので、それを複製する必要があります。ただし、複数のレイヤー(オブジェクト)で構成されているため、複製を簡単にするために、 グループ 彼ら。
オブジェクトのセットをグループ化するには、オブジェクトの周りをマウスでドラッグしてクリックし、すべてのオブジェクトを選択します。 Ctrl + G 。複数のオブジェクトを選択するもう1つの便利な方法は、 シフト オブジェクトをクリックします。
ただし、アートボードには他のオブジェクトがないため、代わりにすべてのオブジェクトを選択できます( Ctrl + A )そしてそれらをグループ化します( Ctrl + G ):
3.10回転ツールの使用
回転する ツール(R)は...何を推測するために使用されますか?はい、オブジェクトまたは形状を回転します。
回転ツールを選択し、 Alt +クリック 三角形の上部に配置して、回転の中心を設定します。次のように設定されたポップアップボックスで、をクリックします コピー :
あなたは今これを持っているはずです:
3.11ちょっとしたトリック
将来のプロジェクトでAdobeIllustratorのエクスペリエンスを簡単にするためのちょっとしたコツ(多くのうちの1つ)があります。トリックは単なるキーボードショートカットです( Ctrl + D )。選択したオブジェクトに最新の変換を繰り返すか、適用します。
練習にも重宝します。新しいスライスを選択して使用します Ctrl + D 6回:
出来上がり!おいしいレモンがあります。詳細については、こちらをご覧ください。
まず、すべてのスライスをグループ化して、整理します。次に、アートボードの別の場所をクリックして、何も選択されていないことを確認します。
3.12円を描く
の薄緑色を選択してください 塗りつぶし となし 脳卒中 :
を選択 楕円 ツール(下のサブツール 矩形 またはヒット NS ):
所有 Shift + Alt 、マウスをライムの中心に向け、ライム全体を覆う円が表示されるまでマウスをドラッグします。
注:最初に正確な中心を見つける必要はありません。後でオブジェクトを位置合わせします。
3.13オブジェクトの配置
ご覧のとおり、緑色の円は の前に また その上 私たちのライム。送信するには 戻る また 未満 、それを選択し、Ctrl + [(Ctrl +]を押して現在のレイヤーの上に移動します):
良い。その円を選択し、それ自体の下に複製します(3.4で行ったように)。 Ctrl + C その後 Ctrl + B :
Shift + Altを押しながら参照点の1つをドラッグして、塗りつぶしの色を濃い緑色に変更し、最初の円より少し大きくします。
それはかなりよさそうだ。さらに良いこと:難しい部分は終わりました。
3.14テキストの追加
ライムの下に会社名を追加しましょう。選択する タイプ 道具 ( NS )、ライムの下をクリックして入力します LimeWorks :
それでは、すべてを中央に揃えましょう。
3.15オブジェクトの位置合わせ
オブジェクトを完全に位置合わせするには、位置合わせツールを使用します。これらのツールは、選択ツールがアクティブな場合、コントロールパネルにあります。さまざまな配置を理解するには、以下を参照してください。
これらの例はに当てはまることに注意してください アートボードに合わせる :
選択した場合 選択に合わせる の場合、オブジェクトは選択範囲の外側の境界に対して位置合わせされます。
わかった。すべてのオブジェクトを選択し(Ctrl + A)、コントロールパネルから[水平方向の中央揃え](番号2)をクリックします。
それでおしまい。これで、必要に応じてサイズと色で遊ぶことができます。
ライムを小さくしてテキストの色を変更すると、見栄えがよくなります。
了解しました。最初のロゴおめでとうございます。
保存とエクスポートに取り掛かりましょう。
3.16保存とエクスポート
Illustratorファイルを保存するには、 Ctrl + S (いつものように)そしてそれはそれを保存します 。へ フォーマット。
ロゴをに保存したい場合。 png 、次に、次の2つの方法のいずれかを利用できます。 [ファイル]-> [エクスポート]または[ファイル]-> [Webおよびデバイス用に保存] 。
2番目の方法ではArtboard全体をエクスポートしますが、最初の方法ではオブジェクトのみをエクスポートできます。
次に例を示します。
ノート :Artbのサイズはいつでも変更できます oard([ファイル]-> [ドキュメントの設定]をクリックし、[アートボードの編集]をクリックします )。その後、使用する場合 Webおよびデバイス用に保存 画像サイズがアートボードの新しいサイズであることがわかります。
また注意してください:あなたはチェックすることができます 透明性 Web用に保存すると、背景が透明なロゴが表示されます。
他の基本的なツールを学ぶために、別のチュートリアルを見てみましょう。汚れた背景の3Dテキストを作成します。
4. AdobeIllustratorで3Dテキストを作成する
ベクターグラフィックスは通常2次元ですが、見栄えの良い3Dオブジェクトを作成することもできます。このチュートリアルでは、以下のような汚れた背景を持つ単純な3Dテキストを作成します。
私が言ったように、私たちは今、基本を学んでいるので、あなたはインターフェースといくつかの便利なツールにもっと慣れることができます。一度実行すると、Illustratorで実行できることに制限がないことがわかります。
4.1汚れた背景の追加
クールな背景から始めましょう。
無料のテクスチャと背景については、お気に入りのWebサイトにアクセスして、汚れた素敵な背景を見つけてください。私はから1つを取りました ストックイメージ :
コピーしてAdobeIllustratorドキュメントに貼り付けます。おそらくそれは大きすぎるので、縮小する必要があります。使用する 変換パネル 画像のサイズを制御するには:
注:独自の値を使用できますが、ドキュメントに適合することを確認してください。
これで背景画像の準備ができましたが、さらにいくつかの効果を追加しましょう。最初に長方形を作成し、次に内部グロー効果を追加し、透明度パネルを使用して画像と長方形のブレンドを変更します。
4.2長方形の作成
ツール(M)から長方形を選択し、背景画像と同じサイズの長方形を描画します( 変身 正確な値を設定するためのパネル)および 塗りつぶし 色は薄茶色でストロークなし:
4.3内部グロー効果の追加
に移動 効果->スタイライズ->インナーグロー 次のように値を設定します。
必要なものは次のとおりです。
4.4透明度パネルの使用
あなたはいつでも使うことができます 透明パネル オブジェクトまたはレイヤーが下のレイヤーとブレンドする方法を変更します。まず、画像の後ろに長方形を送信しましょう。長方形をクリックして選択し、使用します Ctrl + [ 。
次に、画像をクリックして画像レイヤーを選択し、開きます 透明度パネル(ウィンドウ->透明度) と選択します かける ブレンディングモードとして:
良い。背景はこれで終わりです。 3Dテキスト自体に取り掛かりましょう。
4.5タイプツールの操作
を使用して タイプツール(T) 素敵なフォントでMakeUseOfを書く(私は ディアブロボールド 、でダウンロードできます。 exljbrisフォントファウンドリー )。次のように十分に大きくします 65ポイント 、トラッキングをに設定します -20 を選択します 白い 色:
4.6アウトラインの作成
使用する アウトラインを作成する -テキストを右クリックして、 アウトラインを作成する 、テキストをベクターパスに変換するには:
4.73D効果の追加
3D効果は、テキストだけでなく任意のオブジェクトに適用できます。テキストを選択し、に移動します 効果-> 3D->押し出しと斜角 次のように適用します。
これはあなたがこれまでに持っているべきものです:
次に、テキストの面と3D効果を互いに分離する必要があります。使用する 外観を展開 それをするために( オブジェクト->外観の拡張 )。
と 直接選択ツール(A) 、テキストの面のみを選択します(長押しします シフト 複数のオブジェクトを選択するには):
ヒント :選択するときは、アンカーが 青 そしてそれらのどれも白ではありません。これを行うには、少しズームインして、オブジェクトの中央のどこか(ここではテキスト面)をクリックします。
4.8パスファインダーパネルからのUniteの使用
次に、選択内容をコピーして貼り付け、使用します ユナイテッド から パスファインダー 選択したすべての面を1つのグループ化されたパスに結合するパネル:
古いレイヤーの上に新しいレイヤーを配置し、 ストロークカラー 白にそして ストローク重量 1ポイントまで:
もうすぐ着きます。
4.9グラデーションスタイルの追加
グラデーションの追加は非常に簡単です。オブジェクトを選択し、をクリックするだけです。 勾配 右側のパネルで色を設定します。さらに、事前定義されたものをいつでも利用できます ライブラリ から ウィンドウ->スウォッチライブラリ->グラデーション 。ただし、今回は手動で設定しましょう。
の中に 勾配 パネル、セット タイプ に 線形 、0%の位置の最初の色を濃い赤に、80%の位置の2番目の色をオレンジに、最後の色を100%の明るい赤に設定し、角度を-90°に設定します。
ヒント :上のスライダーを使用して、グラデーションの色の範囲を制御します。
4.10シャドウの追加
テキストに深みを与えるために、テキストに影を付けましょう。を使用します ガウスぼかし 効果。
まず、コピー( Ctrl + C )新しいレイヤーを前面に貼り付けます( Ctrl + F )。次に、色を黒に変更し、ストロークをなしに設定して、3Dエフェクトレイヤーの後ろに送信します。 Ctrl + [ (背景レイヤーの上にあることを確認してください):
矢印キーを使用して下に移動します(より正確にするには、変換パネルからY座標を変更することもできます)。
4.11ガウスぼかしの適用
私たちの影は今ではリアルに見えません。少しぼかす必要があります。に移動 効果->ぼかし->ガウスぼかし 半径を9ピクセルに設定します。
完了です!
5.いくつかの役立つヒント
ヒントとコツは無限ですが、それらのいくつかを紹介します。
•レイヤーのロック–他のオブジェクト(背景など)の前にある小さなオブジェクトを選択する場合は、Shiftキーを押しながらクリックする代わりに、Ctrl + 2で背景をロックするか、ロックサインを入力します。レイヤーパネル。
•常にレイヤーパレットを確認する–多くのオブジェクトやレイヤーを操作する場合、レイヤーに名前を付けて、レイヤーがどのように配置されているか(レイヤーが他のレイヤーの上にあるか下にあるか、ロックされているかなど)を確認すると非常に便利です。
•必要なときにいつでもレイヤースタイルを再編集できます–はい、アピアランスパネル(ウィンドウ->アピアランス)を使用して、以前にオブジェクトまたはレイヤーに適用したスタイルまたはエフェクト設定をいつでも変更できます。
•ライブラリを使用する–作業で使用するための優れた定義済みライブラリがいくつかあります。 [ウィンドウ]-> [ライブラリ]に移動し、[ブラシライブラリ]、[スウォッチライブラリ]、[グラフィックスタイルライブラリ]、または[シンボルライブラリ]から選択します。それらはたくさんあります。
6.結論
AdobeIllustratorを愛し始めるのに十分なほどすべてが明確であったことを願っています。このガイドで取り上げたのは、基本的なことだけです。次回は、他のすばらしいツールやトリックのより複雑な使用法を紹介します。それまで - 練習 。
ガイド公開:2012年8月
共有 共有 つぶやき Eメール AndroidでGoogleの組み込み水準器にアクセスする方法何かがピンチで水平になっていることを確認する必要がある場合は、数秒で携帯電話の水準器を取得できるようになりました。
次を読む 関連トピック- クリエイティブ
- コンピューター支援設計
- 長い形式
- ロングフォームガイド
ニュースレターを購読する
ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。
購読するにはここをクリックしてください