Как использовать числа Фибоначчи / Золотое сечение в дизайне логотипа в Illustrator или Sketch?

10

Я пытаюсь получить логотипы Фибоначчи / Золотого сечения для некоторых университетских работ, однако я довольно новичок в Illustrator. Я использую Photoshop около 8 лет и Sketch v3 с момента его выпуска. Однако я не могу понять, как люди создают эти логотипы.

Я пытаюсь понять, как, например, вы можете перейти от шестиугольника с заостренными краями к использованию кругов, чтобы вытянуть точки в закругленные края.

Любая помощь / советы или ссылки на учебники будут с благодарностью.

Спасибо

РЕДАКТИРОВАТЬ

Вот несколько примеров (спасибо Bakabaka за вопрос)

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

Джеймс
источник
3
Я не могу избавиться от впечатления, что эти диаграммы были сделаны и логотипы были реконструированы после того, как была определена фактическая форма логотипа. Итак ... сначала нарисуйте фигуру, а затем попытайтесь соединить круги и спирали в красивые пропорции вокруг нее.
Винсент
Также - если вы введете «золотое сечение» или «фибоначчи» в Dribbble, это может помочь.
Джеймс
К сожалению - извините - не закончил комментарий. Я хотел сказать, что есть множество примеров, возможно, лучше изложенных на Dribbble. Кроме того - я понимаю, что вы имеете в виду, но особенно для самого верхнего изображения - маленького стиля навигации - как человек комбинирует круги и формы вместе, чтобы создать форму?
Джеймс
2
Я согласен с @Bakabaka в его впечатлении ... Этот прямоугольник с золотым сечением в примере с Twitter в значительной степени бесполезен. Они могли бы поставить его на площади вместо. Я думаю, что это может помочь на уровне продаж, выглядя как большой опыт.
любопытно
1
Что забавно, так это то, что ни один из примеров не использует золотое сечение. Золотое сечение «разбито» вокруг логотипа, но, как вы можете видеть, в действительности нет прямой связи. @Bakabaka прав в том, что это все вероятные сетки, созданные после факта и не имеющие реального отношения к оригинальному дизайну логотипа. К вашему сведению, золотое сечение на самом деле не такое относительное, как думают люди. Это в некоторой степени связано с архитектурой в древности, но это все.
DA01

Ответы:

4

Ваш вопрос выглядит теоретически, но при более внимательном прочтении звучит так, будто вы спрашиваете, как объединить фигуры в Illustrator. Есть несколько способов сделать шестиугольник с закругленными точками. Вот тот, который дает чистые результаты, но в зависимости от выбранного значения, может не выглядеть идеально округленным:

  • Нарисуйте шестиугольник, используя инструмент многоугольника. Вы можете щелкнуть мышью на холсте, чтобы ввести точные размеры.
  • Выберите шестиугольник и перейдите в верхнюю строку меню. Эффекты> Специальные> Закругленные углы.
  • Активируйте предварительный просмотр, чтобы увидеть, что вы делаете, и найдите значение, которое выглядит хорошо. Это радиус, поэтому, если вы хотите рассчитать пропорции золотого рациона с точными размерами вашего шестиугольника, вы можете сделать это там.

Однако, если вы хотите сделать это вручную, как кадры, которые вы включили в свой вопрос, вот как я бы это сделал:

  • Нарисуйте шестиугольник, используя инструмент многоугольника. Вы можете щелкнуть мышью на холсте, чтобы ввести точные размеры.

Нарисуйте шестиугольник

  • Нарисуйте круг, используя пропорции, которые вы хотите (опять же, вы можете нажать прямо на холсте, чтобы ввести точное значение).
  • Дублируйте свой круг в каждой точке шестиугольника и расположите его очень точно (вы хотите использовать предварительный просмотр контура в Illustrator (ctrl + y). Этот шаг чрезвычайно важен, круг должен касаться, но не должен перекрываться. потребуется несколько попыток.

Поместите круг в каждой точке

  • Выберите свой шестиугольник и все свои круги одновременно.
  • С помощью инструмента Shape Builder (Shift + M), нажмите Alt, чтобы получить знак минуса на вашем курсоре. Нажмите на холст и перетащите к каждому шестиугольнику точки, чтобы удалить их. (Если точка не отображается как отдельная область, это потому, что ваши фигуры не соприкасаются должным образом).

Инструмент построения формы

  • Отпустите Alt и нажмите и перетащите другие фигуры вместе, чтобы объединить их.

Готовая форма

любопытный
источник
Проще нарисовать один круг, чем второй, затем повернуть на 60 градусов, но да, конечно ...
joojaa
Есть множество способов сделать это, но поскольку OP, казалось, говорил, что его опыт работы с Illustrator ограничен, я выбрал простой. Не стесняйтесь размещать другой вариант :-)
любопытно
1
Спасибо @Emilie, это именно то, что я искал. Спасибо всем остальным за вашу помощь и извинения за то, что изо всех сил пытались правильно сформулировать вопрос, не был уверен, что это лучший способ объяснить это.
Джеймс
Я не был уверен, что этого достаточно, поэтому был рад узнать, что помог вам разобраться :-)
любопытно
3

Я понимаю ваш вопрос, как вы создаете логотип с золотым сечением? Мне кажется, что ваш вопрос более теоретический, чем программный? Вот мой теоретический ответ, и я буду Защитником Дьявола для золотого сечения здесь (поскольку я полагаю, что многие комментарии выше не полностью понимают значение).

Эскиз на бумаге. Так начинается лучший логотип. НЕ ПЫТАЙТЕСЬ создать вышеуказанную схему и разместить логотип в ней. Как уже говорили другие, эти изображения, которые вы имеете выше, больше предназначены для маркетинга, чем для того, как их создал дизайнер.

После того, как у вас есть основная идея (т. Е. С помощью логотипа Twitter, скажем, вы знаете, что хотите, чтобы ваш логотип был птицей, и вы набросали основную форму логотипа Twitter), вы можете перенести эскиз в Illustrator и начать делать математика (IE: убедитесь, что он соответствует золотому сечению).

Вам не нужно создавать этот тип «сетки», как вы видите на этих фотографиях, а затем вписывать в нее логотип. Вместо этого вам нужно понять, что такое золотое сечение и как оно может вам помочь. Когда вы знаете, как вы хотите, чтобы это помогло вам, вы можете начать делать математику.

Мы будем использовать Twitter в качестве примера. То, на что мы смотрим в этом, это размер кругов (вот что важно). Этот «золотой прямоугольник», который вы видите повсюду, на самом деле является последовательностью чисел Фибоначчи (вы также увидите это по спирали, которую многие художники используют для создания направленного потока глаз в своих произведениях). Итак, вы видите «главный», большой круг здесь размером с птичье тело. Или, по крайней мере, нижняя часть тела птицы повторяет изгиб этого круга. Это основной диаметр (ширина), который мы будем использовать, чтобы использовать золотое сечение, чтобы получить размеры крыльев, перьев и головы птицы, исходя из размеров его тела.

Чтобы показать вам отношения между объектами, дизайнеры поместили птицу Twitter в тот золотой прямоугольник, о котором мы говорили. У меня тоже есть файл формы в Photoshop и Illustrator, чтобы помочь измерить золотое сечение. ОДНАКО, что они, скорее всего, сделали, взяли окружность тела птицы и поделили ее на 1,6. 1.6 - округленное золотое сечение. Но визуально то, что это на самом деле делает, делает второй наименьший круг, который вы видите правильный размер относительно первого, большего круга.

«Почему это важно? Почему бы просто не сделать меньший круг и назвать его днем?» Ответ в том, что все сводится к тому, как наш мозг воспринимает мир вокруг нас. Естественно красивые вещи - многие вещи, встречающиеся в природе - имеют размер или пространственные отношения, использующие это соотношение. Это означает, что наш мозг, скорее всего, будет подсознательно признавать эти отношения прекрасными. У меня еще не было случая, чтобы я использовал эти отношения, чтобы правильно доказать, что утверждение или философия неэффективны. В качестве вторичной выгоды, если

AzKai
источник