パート 01 - オーナメント ロゴ デザインの作成方法

入門

やあみんな!

数ヶ月前、私たちは Heritage Type Co. を立ち上げました。何よりもまず、あなたの素晴らしいサポートと、毎日受け取るすべてのメッセージ、コメント、および電子メールに感謝します。多くの方からヴィンテージ ロゴ デザインに関するチュートリアルを求めていたので、このステップ バイ ステップ ガイドを作成して、Heritage Type Co. で作成したグラフィックスとフォントの使用方法を示すことにしました。そうは言っても、このチュートリアルは、当社の製品の使用方法の多くの可能性の 1 つに過ぎないことを指摘しておきます。

このチュートリアルでは、 Vintage Font BundleWild Animals Illustration Set のイラストを使用します。使用ソフトはAdobe Illustrator CCです。私たちが作成するロゴは、The Black Tiger というバーとレストランのカスタム プロジェクトです。

それでは始めましょう!まず第一に、インスピレーションを探すことは常に良いことです。私は主に Pinterest を使って、素敵なヴィンテージのグラフィック、ラベル、レターヘッドを探しています。たとえば、ビンテージ デザインの素敵なコレクションがあります:ヴィンテージ広告
このロゴデザインのために集めたインスピレーションを与える画像の例をいくつか紹介します。

ゼロから始めるのは本当に難しいので、詳細な設計作業を始める前に、小さなスケッチをすることをお勧めします。これは完璧な絵である必要はありません。シンプルなラインも問題なし。後で、これによりプロセスがはるかに簡単になることがわかります。だから、この少し余分な距離に行って、チャンスを与えてください;)
ここでは iPad を使用していますが、鉛筆と紙でもまったく問題ありません。ご覧のとおり、スケッチは本当にラフで、完璧な図面にはほど遠いです。しかし、テキストと要素をどのように配置すべきかを理解するには、十分すぎるほどです。

Adobe Illustrator を開いてみましょう。まず、黒の背景レイヤーを作成します。後でこのロゴを暗い背景で使用するため、黒にします。ただし、これは完全にあなた次第です。スケッチを 2 番目のレイヤーに配置し、透明 (たとえば 30%) にし、レイヤー ウィンドウの目のアイコンの横をクリックしてこれらのレイヤーをロックします。さらに 2 つのレイヤーを追加します。1 つはグラフィック要素用、もう 1 つはロゴデザイン用です。

次に、グラフィック レイヤーの Vintage Font Bundle 内の製品からすべての装飾品と要素をコピーし、スケッチの隣に配置します。これは、より良い概要を得るのに役立ちます。 (オーナメントとエレメントは、各アイテムの「エクストラ」フォルダ内にあります。)

また、金、白、黒の 3 つの色見本を作成しましょう。ロゴのメインカラーになります。これ以降、デザインに要素を追加するたびに、これらの用意された色のいずれかを選択します。 「グローバル」をオンにすることをお勧めします。これにより、後で色を変更しやすくなります。ほとんどの場合、カラー ウィンドウ内には事前定義された色見本があります。おそらくこれらは必要ないので、削除できます。

ヒント: 色見本の詳細については、ここで見つけることができます:スウォッチの使用と作成

ヒント: Adobe が提供する色と線に関する別の詳細なチュートリアルは次のとおりです。色と線の変更

スケッチとグラフィック レイヤーをしばらく隠してから、「デザイン」レイヤーに移動して、ロゴ テキストを入力します。次に、タイプ ツール (T) を使用して 3 つの異なるテキスト フィールドを作成します。ここでは、メイン テキストに Royal Signage フォントを選択し、サブヘッドに Old Erika フォントを選択します。 (フォントのインストール方法がわからない場合は、ダウンロード ファイル内のドキュメント フォルダーにあるフォント ガイド PDF をお読みください)。

ヒント: 私は大きいフォント サイズで作業することを好みます。これにより、後で拡大したときに詳細を処理しやすくなるからです。

次に、レタリングをよりエキサイティングにするために、いくつかの特別なグリフを追加します。 Adobe Illustrator の最新バージョンを使用している場合は、変更したい文字をマークするだけで、すべてのオプションを含む小さなメニューが表示されます。古いバージョンの別の可能性と最善の方法は、上部のナビゲーションで [タイプ] -> [グリフ] をクリックしてグリフ パネルを開くことです。グリフ概要内の文字をダブルクリックして代替文字を追加すると、テキスト フィールドに表示されます。

次のステップでは、主要な単語に簡単なドロップ シャドウを追加します。テキストフィールドをクリック –> コピー (Command+C) およびその場で貼り付け (Command+Shift+V)。別の色を付けて、少し横に移動し、右クリックして [配置] -> [最背面に移動] を選択します。 2 番目の写真でわかるように、2 つの要素を重ねるだけで既に影ができています。しかし、ここではもっと影の線のようなものを作りたいので、これを繰り返して、最終的に 3 つの要素を重ねます。真ん中のものは背景色を選び、後ろのものは金色を選びます。

というわけで、これは華やかなロゴのデザインに関するチュートリアルのパート 01 でした!楽しんでいただけたら幸いです。もちろん、質問やフィードバックがあれば、以下にコメントしてください。喜んでお手伝いします。次のパートでは、オーナメントやその他のグラフィック要素を使ってロゴ デザインを飾る方法を紹介します ;)

ここでこのチュートリアルの他の部分を確認してください。
パート 01 - 装飾的なロゴのデザイン、始めましょう
パート 02 - 装飾的なロゴのデザイン、装飾の追加
パート 03 - 装飾的なロゴデザイン、微調整
パート 04 - オーナメント ロゴ デザイン、最終ファイルの準備
パート 05 - オーナメント ロゴのデザイン、色、およびファイルのエクスポート

15 コメント

I purchased the package today and absolutely can not wait to use it. first job will be designing my own business logo. :) love the tutorials very nicely done thank you Tobias Soul

hayden 8月312021

I also vote for Affinity Design tutorials if possible.. and I also would buy a lot more design materials if I could understand better how to use them on AD.

Dave 8月262021

Another vote for Affinity tutorials.

Tinker Hamilton 7月152021

Really cool stuff! I also request tutorials in Affinity. I know that it is not your job to teach us how to use design software; however, the more success that we have the more products that we can justify purchasing. Thanks again for all of your tutorials and cool products!!

Kent 7月092021

I’d like a tutorial on how to create the ornate borders in Illustrator.

timothy 5月172021

I bought this, really excited to use.
But there is a lot of issues trying to get this to work.
I wish there were more tutorials on how to make this work.

Jacob Lehew 3月162021

I agree with Jason, please consider enabling us Affinity users to be able to create using your stuff. I used to use Illustrator when I worked in the industry but now, I am unable to afford the costs of illustrator (plus I don’t agree with the subscription, cloud etc) Affinity has been a welcome addition to my learning. I am now able to revise my old career using a well affordable solution but unable to follow or use a lot of these amazing bundles due to incompatibility. This bundle was at an amazing, affordable price but I wouldn’t be able to use it properly.

Terri McLoughlin 2月222021

Monika – I haven’t used these specifically but you’ll need to copy your text layers, ‘outline’ them and then use the Shape Builder tool to remove the areas of the lowest text layer that need to be transparent.

Sam 1月152021

Hey, I really enjoy using all the bundle. This stuff is lovely. I am preparing design for t-shirt print. Could you help me? i know you use background color for he middle text but can i make middle text transparent so that i can see only main text and lines around so that i can use the design for any background t-shirt?

Just using Sheri’s comment but yeah, the same.
P.S. It was your ad on Instagram that made me take a look, and in the end buy these fonts. Well done.

Monika Kowalska 10月082020

Great tutorial! Thank you!

Jennifer Harris 8月052020

Hey Jason,
Thank you very much for your comment! We know there is a lot of different software out there and we will definitely do some tutorials for Affinity in the future too. For the moment I recommend to check out the Affinity tutorial section, I’m sure they have some nice tutorials too: https://affinity.serif.com/en-us/tutorials/designer/desktop/
Thanks,
Tobi

Tobias Saul 4月132020

Thank you very much Sheri & Chris :)

Tobias Saul 4月132020

I desperately need to see video tutorials of how to use this stuff in Affinity Designer. I have purchased many of the fonts and bundles but find the instructions on how to use them nearly worthless for getting a final end result that looks anything like what is advertised. Please, someone, anyone, make some video tutorials on this stuff used with Affinity Designer!

Jason Hankins 4月132020

As a ‘do-it-myself’ type of guy, I appreciate your tutorials. They, along with the Vintage Font bundle, give me the freedom and knowledge to create the design I’m looking for.

Would totally recommend.

Chris Brown 4月132020

Your tutorials on “ornate logo design” were not only very helpful, but they were just the thing to encourage me to purchase the “Vintage Type Bundle” and a few other “necessary” :) items.

Your typographic artistry is unmatched and it is a joy to be working with your beautiful, product. Your aesthetic quality and attention to detail does not go unnoticed. Much deserved success!

Thank you! Sheri

P.S. It was your ad on Instagram that made me take a look, and in the end buy these fonts. Well done.

Sheri McCulley Seibold 3月122020

コメントを残す

すべてのコメントは公開前にモデレートされます