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

装飾音を追加する

このチュートリアルのパート 01では、レタリング、代替グリフ、およびドロップ シャドウについて説明しました (まだ読んでいない場合は、ここをクリックしてください)。続けて、デザインに素敵な装飾を追加しましょう。また、チュートリアルのこの部分でテキストを変換する方法についても説明します。

まず、線分ツールを使用して、主要な単語の上下に2本の線を引きます。後でバナーの一種として使用します。
ヒント: Shift キーを押したままにして、完全な水平線を描画します。

次に、行と主要な単語を一緒に選択し、それらをグループ化します (Command+G または右クリック –> グループ化)。

下絵に沿って、主語を盛り上がる形にしていきたいと思います。これを取得するには、グループを選択し、効果 – >ワープ – >上昇に移動します。ここでは 40% を選択します。これは、図のように同様の角度を作成するためです。

フラグ効果でも同じことを行い、たとえば 5% などの低い値を選択します。これにより、カーブが少し滑らかになります。単語の長さに応じて、いくつかのテストが必要です。 「プレビュー」を有効にすると、テキストがどのように歪んでいるかを確認できます。

お気づきかもしれませんが、図面に円を含めました。これは、タイガーのアイコンまたはイラストのプレースホルダーです。ただし、今のところ、楕円ツール (L) で円をいくつか描いて、それらをプレースホルダーとして使用します (完璧な丸みを保つために、Shift キーを押しながら描くことを忘れないでください)。次に、整列ツールを使用してこれらの円を中央に配置します。

次のステップでは、長方形ツール (M) で 2 つの長方形を描き、サブヘッドのフレームを作成します。パスファインダーツール (ウィンドウ –> パスファインダー) を使用して、2 つの形状を接続できます。両方の長方形を選択し、最初の Shape Mode (Unite) をクリックします。

図形の角に小さな白い点が見えますか?それらをクリックしてカーソルを移動すると、丸みを帯びたエッジを作成できます。
これは多くの状況で非常に役立つため、この機能について詳しくはこちらをご覧ください:ライブ コーナーの操作

これはもうクールですが、ここに二重線を入れたいと思います。アウトラインを少し太くしてから、[オブジェクト] -> [展開] に移動して [OK] をクリックします。これで、単一の線の代わりにシェイプが作成されました。塗りつぶしの色の代わりにストロークの色を表示するだけで、二重線になります。
オブジェクトの展開に関する詳細はこちら: オブジェクトのグループ化と展開

次に、装飾品やその他の要素を追加します。このチュートリアルのパート 01で、ヴィンテージ フォント バンドルのすべての装飾を含む「グラフィック」レイヤーを準備しました。これにより、各製品ファイルから単一の要素をコピーするよりも快適になります。 Vintage Font Bundle には、レイアウトに適したコンポーネントを簡単に見つけられるように、さまざまな装飾品や花柄のグラフィックが含まれています。ただし、適切な要素を見つけることができなかった場合は、ここで成長しているオーナメントとイラストのコレクションを確認してください。

では、右側のコレクションからさまざまなコンポーネントを選択します。それらをサイズ変更、回転、または反映して、レイアウトに従って配置します。これには試行錯誤が必要ですが、すぐにいい感じになります ;)

ヒント: 要素を使用する前に、色見本から適切な色を指定してください。

しばらくして、私はこの構成に行き着きました。これはまだ非常に厄介なので、このチュートリアルのパート 03 でこれをクリーンアップしましょう。
楽しんでいただけたら幸いです。もちろん、質問やフィードバックがあれば、以下にコメントしてください。喜んでお手伝いします。

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

10 コメント

This was one of the most detailed tutorials I’ve had the pleasure to experience! The outcome was beyond my expectations, and I’ve started additional design concepts based on this synopsis, playing with and incorporating more elements. The only downfall is that ALL the outcomes are amazing and makes it hard to choose a favorite!

You’re font bundle is my new addiction and I can’t WAIT to see my customers reactions!

Looking forward to utilizing more Vintage Brilliance!

Thanks so much!

Rick

Rick Ashton 4月102021

After playing with this for another hour, I figured it out!

After the Effect > Warp > Rise, the lines seem to be distorted and become fatter towards the middle and end. To correct this, I selected the lines individually and removed the “Fill.” Once I removed the Fill, the lines look like normal lines! Thanks!

Dee 3月122020

Hi, I recently purchased the font bundle and wanted to learn how to make my own logo using this tutorial. I am getting the same distortion for my line segments when I use Rise. I also get them when using Flag. I have tried to figure out how to make my text rise like yours, Tobias, but have not been successful. I also tried the pen tool instead of the line segment, but I still get the line distortion. I am using Adobe Illustrator version 24.0.2 (64-bit). I would love to learn how to get around this problem. Thank you!

Dee 3月122020

Hey Jeremy, this is the first time I hear of this issue and it never happend to me in my whole career . Which version of Illustrator do you use? For me this sounds like a technical problem. Maybe the Adobe support can help you better with it?

Tobias Saul 2月042020

I am getting the same line distortion as Cory and my values are at zero, any other insight as to why this is happening and what I can do to fix it?

Jeremy Fisher 2月042020

Hey Cory, maybe you have insert a value for distortion? Keep this at 0% when using the Rise effect.

Tobias Saul 2月042020

When i draw line segments, group, then use rise
effect; my line segments do not create a nice consistent smooth line like yours.
they do rise but they start thin, get fat, back to thin,fat again, thin… any idea whats happening or possible solution?

Cory Saul 2月042020

This is really helpful. I’m having a lot of fun working with this fantastic bundle, and your tutorials are really clear and easy to follow. Thank you, Tobias Saul!

Joanne D. 2月042020

Hey Dean,
Thanks for your comment!
The embellished circle is part of the ornaments from the Royal Signage. You can find it next to the crown ;)

Have a nice day,
Tobias

Tobias Saul 2月042020

The trickiest thing about this design was the embellished circle around the B. And you didn’t even mention how you did it.

Dean Wilhite 2月042020

コメントを残す

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