IllustratorまたはSketchのロゴデザインでフィボナッチ数/黄金比を使用する方法


10

いくつかの大学の仕事でフィボナッチ/黄金比のロゴを取得しようとしていますが、イラストレーターはかなり初めてです。私はPhotoshopとSketch v3をリリースしてから約8年間使用しています。しかし、私は人々がこれらのロゴを作成する方法を理解することはできません。

たとえば、尖ったエッジのある六角形から円を使用してポイントを丸いエッジに引っ張る方法を考えています。

ヘルプ/ヒント、またはチュートリアルへのリンクをいただければ幸いです。

ありがとう

編集

ここにいくつかの例があります(Bakabakaに質問してくれてありがとう)

ここに画像の説明を入力してください

ここに画像の説明を入力してください

ここに画像の説明を入力してください

ここに画像の説明を入力してください

ここに画像の説明を入力してください


3
これらの図が作られ、実際のロゴの形状が決定した後にロゴが再構築されたという印象は揺るぎません。だから...最初に形状を設計し、次に円と渦巻きをその周りの素敵なプロプロションに合わせてみてください。
Vincent

また、ドリブルに「黄金比」または「フィボナッチ」と入力すると、役立つ場合があります。
ジェームズ

おっと-ごめんなさい-コメントを終えませんでした。私は、ドリブルについてより良い例がたくさんあると言っていました。また、私はあなたの意味を理解していますが、特に一番上の画像-小さなナビゲーションスタイルの画像-は、人がどのように円と形を組み合わせて形を作っているのですか?
James 14

2
@Bakabakaの印象については同意します... Twitterの例にある黄金比の長方形はほとんど役に立ちません。彼らは代わりに広場にそれを置くことができたでしょう。素晴らしい専門知識のように見えることで、セールスピッチレベルで役立つと思います。
好奇心

1
面白いのは、どの例も実際には黄金比を使用していないことです。黄金比はロゴの周りで「打ち砕かれ」ますが、ご覧のとおり、実際の直接的な関係はありません。@Bakabakaは、これらはすべて事後に作成されたグリッドである可能性が高く、元のロゴデザインには実際には関係がないという点で正しいです。参考までに、黄金比は、人々が考えるほど実際には相対的ではありません。それは古代の建築にいくらか関連していますが、それはそれについてです。
DA01 2014

回答:


4

あなたの質問は理論的に見えますが、詳しく読むと、Illustratorで形状をマージする方法を尋ねているように聞こえます。角の丸い六角形を作るにはいくつかの方法があります。以下は、きれいな結果が得られるものですが、選択した値によっては、完全に丸められていない場合があります。

  • ポリゴンツールを使用して六角形を描画します。キャンバスをマウスでクリックして、正確な測定値を入力できます。
  • 六角形を選択し、トップメニューバーの[効果]> [特殊]> [角の丸い]に移動します。
  • プレビューをアクティブにして、何をしているかを確認し、見栄えの良い値を見つけます。これは半径なので、六角形の正確な測定値で黄金比の比率を計算したい場合は、そこで行うことができます。

ただし、質問に含めたショットのように手作業でやりたい場合は、次のようにします。

  • ポリゴンツールを使用して六角形を描画します。キャンバスをマウスでクリックして、正確な測定値を入力できます。

六角形を描く

  • 必要な比率を使用して円を描きます(この場合も、キャンバスを直接クリックして正確な値を入力できます)。
  • 六角形の各ポイントで円を複製し、非常に正確に配置します(Illustratorでアウトラインプレビューを使用する必要があります(Ctrl + Y)。この手順は非常に重要です。円は接触する必要がありますが、重ならないようにしてください。数回の試行が必要です。

各点に円を入れます

  • 六角形とすべての円を一度に選択します。
  • Shape Builderツール(Shift + M)でAltキーを押すと、カーソルにマイナス記号が表示されます。キャンバスをクリックし、六角形の各ポイントにドラッグして削除します。(ポイントが別の領域として表示されない場合は、形状が適切に接触していないことが原因です)。

シェイプビルダーツール

  • Altキーを離し、他の図形をクリックしてドラッグして結合します。

完成した形状


1つの円を描いてから2番目の接続線を60度回転させる方が簡単ですが、確かに...
joojaa

これを行う方法はたくさんありますが、OPはIllustratorでの彼の経験は限られていると言っているようだったので、私は簡単な方法を選びました。別のオプションを投稿してください:-)
好奇心

1
@Emilieに感謝します。これはまさに私が探していたものです。あなたの助けと他の皆に感謝します、そして質問を適切に言葉にするのに苦労していたことをお詫びします、ポイントを理解するための最良の方法がわかりませんでした。
ジェームズ

私はそれがあなたがそれを理解するのを手伝ったことを知っていてとても嬉しかったのでそれが十分であると確信していなかった:-)
好奇心

3

あなたの質問を理解しました。黄金比のロゴをどのように作成しますか?あなたの質問はプログラムベースよりも理論的なものだと思いますか?これが私の理論的な答えです。私はここで黄金比の悪魔の支持者になります(上のコメントの多くはその意味を完全に理解していないと思います)。

紙にスケッチします。それが最高のロゴの始まりです。上記の回路図を作成して、それにロゴを挿入しないでください。他の人が言ったように、あなたが上に持っているこれらの画像は、デザイナーが実際にそれらを作成した方法よりもマーケティングのためのものです。

基本的なアイデアがわかったら(IE:Twitterロゴを使用して、ロゴを鳥にして、Twitterロゴの基本的な形をスケッチしたことがわかったとします)、スケッチをIllustratorに取り込み、数学。(すなわち、それが黄金比に適合することを確認する)。

これらの写真に見られるようにこのタイプの「グリッド」を作成する必要はなく、ロゴをそのグリッドに合わせます。代わりに、黄金比とは何か、それがどのように役立つかを理解する必要があります。あなたがそれをどのように支援したいかがわかったら、数学を始めることができます。

例としてTwitterを使用します。ここで注目しているのは、円のサイズです(それが重要です)。どこにでも見られるこの「黄金の長方形」は、実際にはフィボナッチ数列です(多くのアーティストが作品に方向性のあるアイフローを作成するために使用するスパイラルも表示されます)。「メイン」の大きな円が表示されます。ここにある大きな円は鳥の体のサイズです。または、少なくとも、鳥の体の底はこの円の曲線に沿っています。これは、黄金比を使用して、体のサイズに基づいて鳥の翼、羽、頭のサイズを取得するために利用する主な直径(幅)です。

デザイナーがTwitterの鳥を私たちが話している黄金の長方形に配置したオブジェクト間の関係を示すために。私も、黄金比を測定するのに役立つシェイプファイルをPhotoshopとIllustratorで持っています。しかし、おそらく彼らがしたことは、鳥の体の周囲を取り、それを1.6で割ったことです。1.6は四捨五入された黄金比です。しかし、視覚的には、これが実際に行うことは、2番目に小さい円を作成し、最初の大きい円と比較して正しいサイズを確認することです。

「なぜこれが問題なのか。小さなサークルを作って、それを1日と呼ぶのではないのか?」答えは、すべてが私たちの脳が私たちの周りの世界を認識する方法に帰着するからです。自然に美しいもの-自然に見られる多くのもの-は、この比率を利用してサイズまたは空間関係を持っています。つまり、私たちの脳はこれらの関係を無意識のうちに美しいものとして認識する可能性が高くなります。この関係を利用して、その発言や哲学が無効であることを正しく証明した例はまだありません。副次的なメリットとして、

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.