Як використовувати номери Фібоначчі / Золоте співвідношення в дизайні логотипів в Illustrator або Sketch?


10

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

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

Будемо дуже вдячні за будь-яку допомогу / поради чи посилання на підручники.

Дякую

EDIT

Ось кілька прикладів (дякую Бакабаку за запитання)

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

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

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

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

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


3
Я не можу вразити враження, що ці діаграми були зроблені, і логотипи були реконструйовані після того, як було вирішено фактичну форму логотипу. Отже ... спочатку спроектуйте форму, а потім спробуйте встановити кола та спіралі в приємні супротивники навколо неї.
Вінсент

Крім того - якщо ви введете "золоте співвідношення" або "поле" в Dribbble, це може допомогти.
Джеймс

Уупс - вибачте - не закінчив коментар. Я мав на увазі сказати, що є багато прикладів, мабуть, кращих, викладених на Dribbble. Також - я бачу, що ви маєте на увазі, але особливо для самого верхнього зображення - маленького стилю навігації - як людина поєднує кола та фігури разом для створення форми?
Джеймс

2
Я погоджуюся з @Bakabaka щодо його враження ... Цей золотистий прямокутник у прикладі Twitter майже марний. Вони могли замість цього поставити його на площі. Я думаю, що це може допомогти на рівні торгових точок, виглядаючи як великий досвід.
цікаво

1
Цікаво, що жоден із прикладів насправді не використовує золоте співвідношення. Золоте співвідношення "розтрощене" навколо логотипу, але, як ви бачите, немає фактичного прямого відношення. @Bakabaka правильний тим, що це всі ймовірні сітки, створені після факту, і насправді не мають жодного фактичного відношення до оригінального дизайну логотипу. FYI, золоте співвідношення насправді не таке відносне, як думають люди. Це дещо пов’язано з архітектурою ще в античності, але саме про це.
DA01

Відповіді:


4

Ваше запитання виглядає теоретично, але при більш детальному читанні це здається, що ви запитуєте, як об’єднати фігури в Illustrator. Існує кілька способів виготовлення шестикутника із закругленими точками. Ось такий, який дає чіткі результати, але залежно від вибраного значення може не виглядати ідеально закругленим:

  • Намалюйте шестикутник за допомогою інструменту «багатокутник». Ви можете натиснути на полотно мишею, щоб ввести точні заходи.
  • Виберіть шестикутник і перейдіть у верхню панель меню Ефекти> Спеціальні> Закруглені кути
  • Активуйте попередній перегляд, щоб побачити, що ви робите, і знайдіть значення, яке виглядає добре. Це радіус, тому, якщо ви хочете тренувати пропорції золотого раціону з точними мірками вашого шестикутника, ви могли це зробити там.

Однак, якщо ви хочете зробити це вручну трохи, як знімки, які ви включили у своє запитання, ось як я це зробив би:

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

Намалюйте шестикутник

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

Поставте коло в кожну точку

  • Виберіть одразу свій шестикутник та всі кола.
  • За допомогою інструмента "Формування форми" (Shift + M) натисніть клавішу Alt, щоб отримати знак мінусу на курсорі. Клацніть на полотні та перетягніть їх до кожного шестикутника, щоб видалити їх. (Якщо точка не відображається як окрема область, це тому, що ваші форми не торкаються належним чином).

Інструмент для побудови форми

  • Відпустіть Alt і натисніть і перетягніть інші фігури разом, щоб об’єднати їх.

Готова форма


Простіше намалювати одне коло, потім друге підключити до цього, а потім повернути на 60 градусів, але так, обов'язково ...
joojaa

Є багато способів зробити це, але оскільки ОР, здавалося, говорить про те, що його досвід роботи з Illustrator обмежений, я вибрав прямий. Сміливо публікуйте інший варіант :-)
цікаво

1
Дякую @Emilie, це саме та річ, яку я шукав. Дякую всім за вашу допомогу і вибачте за те, що намагаєтесь правильно поставити запитання, не знав кращого способу отримати думку.
Джеймс

Я не був впевнений, що це було досить радий знати, що я допоміг вам це зрозуміти :-)
цікаво

3

Я розумію ваше запитання, як створити логотип із золотим співвідношенням? Я відчуваю, ніби ваше питання більш теоретичне, ніж засноване на програмі? Ось моя теоретична відповідь, і я буду прихильником диявола за золоте співвідношення тут (оскільки я вважаю, що багато коментарів, які були вище, не розуміють цілком важливості).

Ескіз на папері. Ось як розпочався найкращий логотип. НЕ намагайтеся створити вищевказану схему і не помістити логотип у неї. Як говорили інші, ці образи, які ви маєте вище, більше для маркетингу, ніж для того, як їх створив дизайнер.

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

Вам не потрібно створювати такий тип "сітки", як ви бачите на цих фотографіях, і ніж вміщувати в нього логотип. Натомість вам потрібно зрозуміти, що таке золоте співвідношення та як воно може вам допомогти. Коли ви знаєте, як ви хочете, щоб це допомогло вам, ви можете почати займатися математикою.

Ми використаємо Twitter як приклад. Те, що ми дивимось у цьому, - це розмір кіл (саме це важливо). Цей «золотий прямокутник», який ви бачите скрізь, насправді є послідовністю чисел Фібоначчі (ви також побачите його спіраллю, яку використовують багато художників для створення спрямованого потоку очей у своїх творах). Отже, ви бачите «головне», велике коло тут - розмір тіла птаха. Або, принаймні, дно тіла птаха слідкує за кривою цього кола. Це основний діаметр (ширина), який ми будемо використовувати, щоб використовувати золоте співвідношення, щоб отримати розмір крил, пір'я та голови птаха залежно від розміру його тіла.

Щоб показати вам зв’язок між об'єктами, дизайнери помістили пташину Twitter у той золотий прямокутник, про який ми говорили. Я також маю файл форми у Photoshop та Illustrator, щоб допомогти виміряти золоте співвідношення. ЯКЩО, що вони, швидше за все, зробили окружність тіла птаха і розділили його на 1.6. 1,6 - число округлої форми золота. Але візуально, що це насправді робить, це робить друге найменше коло, яке ви бачите правильного розміру стосовно першого, більшого кола.

"Чому це важливо? Чому б просто не зробити менший круг і назвати його на день?" Відповідь тому, що все зводиться до того, як наші мізки сприймають навколишній світ. Природно красиві речі - багато речей, що зустрічаються в природі - мають розмір або просторове відношення, використовуючи це співвідношення. Це означає, що наш мозок швидше підсвідомо визнає ці стосунки прекрасними. У мене ще не було жодного випадку, коли я використовував це співвідношення, щоб правильно довести, що твердження чи філософія неефективні. Як вторинну вигоду, якщо

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.