ロゴはブランドの最も代表的な視覚要素のXNUMXつであり、その本質が何であるかを一般に伝えることができ、非常に強力なシンボルです。 このチュートリアルでは、Illustratorがロゴデザインに提供する基本的なツールを紹介し、それらを最大限に活用する方法を説明します。 Adobe Illustratorでロゴを作成する方法を知りたい場合は、この投稿を見逃すことはできません。
ロゴ、アイソタイプまたは成虫タイプ
通常、ロゴという言葉は、ブランドを表すシンボルを指すために使用されます。 ただし、この用語は完全にはよく使用されていません。 設計を始める前に、これを明確にしましょう。
- El ロゴ ブランドを表すシンボルであり、で構成されています 画像とテキスト （またはタイポグラフィ）。
- シンボルがのみで構成されている場合 画像、テキストなし、この用語を使用する方が正しい アイソタイプ.
- ロゴのさまざまな部分を個別に使用することがあるブランドがあります。 たとえば、多くの場合、ナイキは スウッシュ。 ロゴ画像がブランドに関連付けられている場合 タイポグラフィを伴う必要なしに、私たちはそれを次のように呼ぶことができます イマゴタイプ。
Illustratorで新しいドキュメントを作成し、モデルを観察します
を作成しましょう 新しいドキュメント。 作業台に A4サイズ、 したがって、作業スペースが不足することはありません。 私は変更しました RGBへのカラーモード.
私が以前にデザインしたシンプルなロゴから始めましょう。 このモデルを見ると、 どのように作成し、どのツールを使用して作成したかを段階的に説明します。 彼らは、Illustratorが提供するものを最大限に活用する方法についてのアイデアを得るということです。 ロゴを分解すると、 これは、組み合わせた図形とテキストのセットで構成されています。
AdobeIllustratorで必要なすべての形状を作成します
フクロウの体
まず、形状に焦点を当てましょう。 ツールバーには、 シェイプツール。 それをクリックすると、長方形、楕円、星、多角形、または線分を作成するオプションが表示されます。 この場合、 長方形を作成する。 ツールを選択し、 マウスをドラッグする 上の画像に表示されているおおよその寸法の長方形を作成します。
この長方形からフクロウの体を構成する形にどのように到達できますか？ ワープする必要があります、そしてそのために私たちは 直接選択ツール ツールバーにあります。 それを選択すると、長方形の角にある種の ハンドラー （円）。 それらのいずれかを直接引っ張ると、角が曲がるのがわかります。 片隅をワープするには、XNUMX回クリックしてから引っ張るだけです。 そのコーナーが移動し、残りはそのままであることがわかります。
左下隅から始め、ハンドルを限界まで持っていきます。 左上に進み、最後に右上を丸めます。 このようにして、希望の形状を得ることができます。
フクロウの目
モデルをよく見るために広い。 目は体と同じ形でできています そしてXNUMXつの円のために、XNUMXつは別の中に。 作成します 小さい長方形とワープします前のステップで行ったのと同じです。 次に、円を作成します。 を選択 楕円ツール。 完全な円を作成するには、キーを押す必要があります ドラッグしながらシフトそうしないと、変形して円というより楕円になってしまう可能性があります。
目のすべての要素を取得したら、それを組み立てる時が来ました。 Illustratorで行うデザインタスクの場合 位置合わせツールは基本です。 あなたはそれを目に見えないかもしれません、あなたはいつでもそれにアクセスすることができます ウィンドウ>整列します。 さまざまな要素を自動的に揃えるのに役立ちます。 アートボード、選択範囲、またはキーオブジェクトを参照できます。 位置合わせするには、いくつかのオブジェクトを選択するだけです。配置オプションを選択します。 参照オブジェクトを選択する場合は、選択を行い、 キーを押さずに、キーオブジェクトに変換するオブジェクトをクリックします。 瞳孔を目の外側の内側に配置します。
複製して裏返し、もう一方の目を作成します
あなたが気づいたら、もう一方の目はまったく同じですが、反対の位置にあります。 プロセス全体を繰り返す必要がないようにするために、私たちが行うことは duplicar すでに作成されています。 command + c（コピー）してからcommand + v（貼り付け）で実行するか、次のように選択できます。 オプションキーを押してドラッグします。 反転するには、クリックして、 プロパティパネルで、「変換」セクション、上の画像に示されている記号、 あなたは形をひっくり返すことができます、この場合、水平である必要があります。
パスファインダーまたはペンツールを使用して翼を作成します
大きな形に戻りましょう。ある種の翼があることがわかります。 実は私たちが体に使っているのと同じ形で、後ろに置いて回しています。 この機会に説明させていただきます ロゴを作成するためのXNUMXつの非常に便利なツール：ペンツールとパスファインダー。
La ペンツール ツールバーにあり、翼を作成するために使用できます。 使い方はとても簡単です。 単に クリックして頂点を作成すると、それらを結合するために線が自動的に描画されます。
翼を構築する別の方法は、パスファインダーを使用することです。 表示されていない場合は、ウィンドウタブ>パスファインダーに表示されます。。 このツールを使用すると、パーツを結合または減算できます。 この場合、オプションを選択する必要があります：より少ないフロント。 体の形を複製し、翼を形成する後ろに置き、もう一度複製し、前のプレスを少なくして、余分な部分を消去します。 私たちはすでに翼を持っているでしょう。 すべての形状が作成されたら、ロゴを組み立てることができます。
Illustratorでのロゴの色とグラデーション
これまでのところ、色の問題については触れていません。 ロゴをデザインするときは、色に注意を払い、ブランドの精神を調和させ表現するトーンを選択することが重要です。 私はピンクを選びました、それがあなたのために働く場合に備えて、私は上記のカラーコードを残します。 目は塗りつぶされておらず、太さ0,25の白い線です。
ボディのピンク部分はフラットカラーではなく、 劣化。 グラデーションの有無にかかわらず、ロゴについては相反する意見があります。 Webにアップロードするとグラデーションが失われる可能性があるため、使用する前はリスクがありました。 ただし、これは克服すべき問題です。 多くのブランドはロゴにグラデーションを使用しており、ブランドはInstagramのように認識できます。 よく使うとロゴにボリュームが出るので、個人的には気に入っています。
グラデーションを適用するには、グラデーションツールを選択し、オブジェクトをダブルクリックする必要があります。 キーボードのGを押してダブルクリックすると、ショートカットを作成できます。 プロパティパネルのグラデーションでは、グラデーションの種類を選択し、メニューを表示してXNUMX点で変更することができます。 この場合、黒から白へのグラデーションを選択し、黒をピンクに変更し、白を非常に薄いピンク、ほぼ白に置き換えます。 図形と点に表示されるバーを移動することで、グラデーションの位置と構造を変更できます。
ロゴのタイポグラフィ
テキストに問題はありません。OswladMediumフォントで書かれており、GoogleFontsから無料でダウンロードできます。 17ポイントのサイズを与え、同じピンクのトーンを選択しました。これがどのように見えるかです！
AdobeIllustratorでフォントをカスタマイズする方法
タイポグラフィについてもっと話しましょう！ フォントはストロークに変換できます、壊して、変形させて、私たちはそれらで遊ぶことができます。 私はそれをすることにかなり消極的です、しかしねえ、ロゴを作成することは良いリソースであり、あなたはそれを知っているべきです。 例を見てみましょう：
File Blackフォントを選択して、この名前を書きます。 今のところ、それでできることはほとんどありません。 タイポグラフィをストロークに変換する必要があります。 そのために、 選択ツールで選択し、[テキスト]タブに移動> [アウトラインを作成]。 これを行う前に、テキストを編集できなくなるため、テキストが適切に記述されていることを確認してください。
アウトラインを作成することで、テキストを他のIllustratorストロークと同じように扱うことができます。 シェイプで行ったように、直接選択ツールを使用して、iの端とXNUMX番目の「i」のポイントをカーブさせ、それを一種の葉に変換します。これにこれを与えます。ターコイズトーン。 興味深いのは、単語全体をロゴとして使用したり、「i」を独立した画像タイプとして使用したりできることです。
Photoshopのモックアップでロゴをテストします
ロゴが機能するかどうかを確認するには、Photoshopでモックアップを作成することをお勧めします。 それが実際にどのように見えるか、そしてどのように実装できるかをすばやく確認するための最良の方法です。あなたはどう思いますか？