ヴィンテージブランドのロゴをデザインする方法

このチュートリアルでは、ビクトリア朝時代にインスパイアされたロゴをデザインする方法を示すために、New Garden Societyと協力しました。一貫したラベル デザインにフォント スタイルと装飾要素を組み合わせる方法を示します。

「このチュートリアルでは、 「Vintage Font Bundle」を使用しました。これには、さまざまなフォントと、慎重に作成されたグラフィック要素の素晴らしいコレクションが含まれています。

Adobe Illustrator CS5 (PC 版) で使用しましたが、完全に機能しました。通常、スケッチから作成を開始する方が簡単ですが、「Vintage Font Bundle」があることで、実際に図面なしでこれを作成することができました。」

私たちの目標は、「ニュー ガーデン ソサエティ」スタジオ用のタイポグラフィ ベースのロゴ デザインを作成し、その周りに複雑なディテールを追加することでした。したがって、適切なフォントを選択することから始めました。私たちが選んだのは「 Royal Signage 」です。次のステップは、これに適したレイアウトを決定することでした。

これをベースにしたことが、さらに調整を加えるきっかけになりました。まず、単語を展開します (グループを選択し、[オブジェクト] > [外観を展開] をクリックします)。次に、同じことをもう一度行い、「拡張」を選択して「OK」を押します。 1 つは塗りつぶし用、もう 1 つはタイプ選択のストローク用であるため、必ず 2 回「拡張」を押してください。

大文字の N は Garden の最後に使用されました。「N」を上下に反転させて、繁栄が左上ではなく右下になるようにすると、より良いバランスが得られると考えました。その方法の 1 つは、ダイレクト選択ツール (キーボードの A) を使用して、回転する必要がある文字 N を選択します。通常の選択ツール (V) に変更し、マウスを選択範囲の隅から少し外側に移動し、Shift キーを押しながら 180 度回転させます。

次に決めたのは、「ガーデン」の盛り上がる様子をアレンジすること。これらのゴージャスな文字 G の形のバランスが好きで、N を回転させたので、どのような形でも歪ませないようにしたかったのです。ということで、「ARDE」部分だけにライズ効果をかけています。

これらの 4 つの文字をグループ化しました (選択ツールで 4 つすべてを選択し、キーボードで Ctrl + G を押します。Ctrl または Cmd + G はグループを作成することを意味します。これを実現するには、右クリックして [グループ] を選択します)。 、グループを選択し、[効果] > [ワープ] > [ライズ] に移動します。水平上昇の 30% が私たちにとってはうまくいきました。
このデザインにさらに一貫性を加えるために、R の文字でディセンダー/テールを延長したり、「New」の N の脚を微妙に下げたり、「Garden」の最後にある N の文字を少し縮小したりするなど、いくつかの再配置を行いました。 」と「Garden」の文字 G を少し拡大します。また、Society のカーニングが再配置され (文字間のスペースが増え)、文字 N の詳細が文字 A に組み込まれています。

次のステップでは、単語の New Garden 部分に素敵なドロップ シャドウを追加しました。まず、New Garden からグループを作成しました (これらの文字を選択し、Ctrl + G を押します)。次に、それをコピーして前面に貼り付けました (Ctrl + C & Ctrl + F)。その後、それを右クリックして、[アレンジ] > [後方に送る] を選択する必要があります (つまり、メイン レタリングのすぐ下になります)。色を黒にして、黒の線を好きな幅で入れます。それが選択されている間、前のプロセスを繰り返します (Ctrl + C & Ctrl + F を右クリックし、[アレンジ] > [後方へ送信] を選択します)。色を変更し、少し横に動かし、線の太さを薄くします。結果は上の画像のようになるはずです。

重要な追加は、色付きの文字でプロセスを繰り返し、別のコピーを追加し、後方に送信し、黒に変更して、黒のストロークにさらに太さを追加することです。これを行ったのは、背後に要素を追加しても、文字がすべての前面ではっきりと見えるようにするためです。背景色を切り替える場合は、ストロークを変更して、それに一致するように間隔を置いたシャドウ効果を与える必要があることに注意してください。
ベースとして良いと思うものを入手したので、「Vintage Font Bundle」パックからさまざまなフレームと単一要素を選択していきます。

最初に追加したかったのは、庭園の上下に線を追加して、流れをさらに強調できるようにすることです。これで、単一要素ファイル内でこれらの線も見つかりました。 :) 2 つの微妙な回転と配置だけです。すべての背後にうまく配置されています。

「Vintage Font Bundle」パックの「Frames」ファイルには、多くの優れた既製のフレームが含まれています。私たちは、私たちが達成しようとしていることに最も共鳴したサークル デザインの 1 つを採用することにしました。これは、レタリングの完全な後ろに配置され (右クリックして [配置] > [最背面に移動] を選択)、G の文字がその中心になるように配置されています。

この時点で、これをどのように完了する必要があるかについて、かなり明確な考えがありました。目標は、水平軸と垂直軸の両方で対称的な外観を作成することです。それを実現する方法の 1 つは、すべての上に、すべてよりも幅の広い固体オブジェクトを作成し、すべての左側に固体オブジェクトを作成し、構成よりも高く、G の後ろで使用される円と完全に一致するようにすることです。アートボードの中央に合わせます (ウィンドウ > 整列、「アートボードに整列」がチェックされていることを確認し、「水平中央揃え」をクリックします)。

これは、この上に単純な幅の広い長方形を作成し、アートボードの水平方向の中央にも配置できることを意味します (長方形ツール (M)、マウスを右クリックし、アートボード全体にドラッグします)。

すべての左側にソリッド オブジェクトを作成し、円と完全に位置合わせするには、前の手順を繰り返して長方形を作成し、それを垂直軸のアートボードに位置合わせします ([ウィンドウ] > [位置合わせ]、[アートボードに位置合わせ] がオンになっていることを確認してください)。をクリックし、「垂直位置合わせセンター」をクリックします)。

G の後ろの円を垂直対称の中心にしたいので、円も垂直軸に合わせます (前の文で説明したのと同じ方法)。

文字 G が円の真上に配置されるように (必要に応じて) 垂直軸上の文字を再配置します。これで、さらにオーナメントを追加して遊び続けるためのすべての準備が整いました。

このデザインに完全に適合する多くの優れた単一要素が見つかりました。それらは円の周りに配置されます。これらの要素を円の上半分で使用し、それらをコピーして円の下半分で鏡像にします。そこで、左側の円 (現在は楕円) の出番です。円の上半分の要素はグループ化され、コピーされ、前面に直接貼り付けられます (Ctrl C > Ctrl F)。そのコピーされたグループは、左側の長方形とともに選択されます。次の操作は、Object > Transform > Reflect で、水平軸に反映することを選択して、OK をクリックします。すべてが完全にミラーリングされ、希望の場所に設定されました!今、私たちはどこかに向かっています。 :)

次の目標は、すべてのオーナメントをその周りとその中に入れた円を使用し、それを右に反映することです。前に説明したのと同じプロセスを使用して、すべてをグループ化して複製しますが、今ではすべての上に長方形を使用しています。 Object > Transform > Reflect で、垂直軸に反映することを選択し、OK をクリックします。

このデザインの横軸の主な配置に満足したので、このデザインの縦軸に配置するのに最適な詳細/装飾を見つける時が来ました。

これらをミラーリングするプロセスは、前のパートで説明したものと同じです。ここでは、これらをあちこちに追加した後の様子を示します。

この構成を定義すると、右の円内にいくつかの言い回しを追加するための少しのスペースがあると結論付けました。この素晴らしいバンドルの Blackriver Bold フォントを使用して、Graphic Design Studio をアレンジしました。これは、右側のオーナメント サークルに完全に配置されたサークル内で「パスに入力」ツールを使用して行いました。Novi Sad、セルビアも Blackriver Bold フォントを使用して追加されました。

いくつかの詳細が削除され、いくつかのシェードが追加されます (文字にシャドウを追加する方法に関する元の説明で使用されたのと同じコピー アンド ペースト ロジックを使用)。また、右のオーナメントの円では、内側のオーナメントが少し回転して、追加された文字の上のスペースを埋めます。主要な文字は、手書きの内側の線で塗りつぶされます (ペンツールとマウスを使用)。これが最終作業です。

これは、このデザインの作成プロセスをほぼ要約しています。上で説明したどのアクションについても、同じ目標を達成する方法は他にもあります。したがって、これは Adobe Illustrator でこれらを使用する方法の 1 つにすぎません。このバンドルには非常に多くのさまざまな要素が含まれているため、たくさんの素敵なデザインを作成できます。

好きなものを選んで、好きなように遊んでください。これが今のところ私たちの選択でした。 :)

あなたはヴィンテージのロゴデザインが大好きですか?
制作ワークフローをスピードアップするためにプロのデザイナーが作成した、すぐに使用できる 200 のロゴ テンプレートのコレクションをお見逃しなく。テンプレートはすべて Adobe Illustrator、Photoshop、Affinity Designer 用に用意されています。

入手はこちら→

6 コメント

I just followed this tutorial and made the AWESOMEST logo I’ve designed in my entire career for a new restaurant opening by me. The owner specifically wanted old-style black lettering and I had no idea how to start the project. I was able to design my logo from start to finish in 4 hours.

Alexis 12月132021

Is there any way to just use one of the labels already made and just change the words in them – or do you have to start from scratch -

Catherine Freimann 8月102021

can the line colour of the ornaments be changed?

ann mcdonald 8月052021

Can I use AI for iPad to manipulate these features? How do I download all the vectors onto my ipad?

JPJ 7月272021

Thank you for the mini walk through. This helped me greatly with the basics I did not know how to create. As a new company on a shoestring budget we are working through many items our self, including designing a logo.

Julie J 4月232021

WHY CANT I SEE THE HERITAGE FONTS IVE PURCHASED ON MY PHOTOSHOP CS6 ? THAT WAS THE LAST PHOTOSHOP ON DISC. I TRIED EVERYTHING TO PUT THEM IN THE FOLDER, BUT YOUR HERITAGE FONTS IS NOT SHOWING, IS ADOBE BLOCKING YOUR FONTS? IM USING A MAC DESKTOP .

CYNTHIA 4月102021

コメントを残す

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