Jak używać liczb Fibonacciego / Golden Ratio w projektowaniu logo w Illustrator lub Sketch?

10

Próbuję dostać się do logo Fibonacciego / Golden Ratio dla niektórych prac uniwersyteckich, ale jestem całkiem nowy w Illustratorze. Używam Photoshopa od około 8 lat i Sketch v3 od czasu jego wydania. Nie mogę jednak ustalić, w jaki sposób ludzie tworzą te logo.

Próbuję się dowiedzieć, jak na przykład możesz przejść od sześciokąta ze spiczastymi krawędziami do używania kół do przeciągania punktów w zaokrąglone krawędzie.

Będziemy wdzięczni za wszelką pomoc / wskazówki lub linki do samouczków.

Dzięki

EDYTOWAĆ

Oto kilka przykładów (dziękuję Bakabaka za pytanie)

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

James
źródło
3
Nie mogę się oprzeć wrażeniu, że te diagramy zostały wykonane, a logotypy odtworzone po ustaleniu rzeczywistego kształtu logo. Więc ... najpierw zaprojektuj kształt, a następnie spróbuj dopasować koła i spirale w ładne ruchy wokół niego.
Vincent
Również - jeśli wpiszesz „złoty stosunek” lub „fibonacci” w Dribbble, które mogą pomóc.
James
Ups - przepraszam - nie skończyłem komentarza. Chciałem powiedzieć, że istnieje wiele przykładów, które prawdopodobnie lepiej przedstawić w Dribbble. Ponadto - rozumiem, co masz na myśli, ale szczególnie w przypadku bardzo górnego obrazu - małego stylu nawigacji - w jaki sposób osoba łączy ze sobą koła i kształty, aby nadać kształt?
James
2
Zgadzam się z jego opinią na temat Bakakaki ... Ten prostokąt o złotym współczynniku w przykładzie na Twitterze jest prawie bezużyteczny. Zamiast tego mogliby umieścić go na placu. Wydaje mi się, że może to pomóc na poziomie sprzedaży, wyglądając na doskonałą wiedzę.
ciekawy
1
Zabawne jest to, że żaden z przykładów nie używa złotego podziału. Złoty podział jest „rozbity” wokół logo, ale jak widać, nie ma rzeczywistej bezpośredniej relacji. @Bababaka ma rację, ponieważ są to wszystkie prawdopodobne siatki utworzone po fakcie i naprawdę nie mają rzeczywistego wpływu na oryginalny projekt logo. Do twojej wiadomości, złoty współczynnik nie jest tak względny, jak ludzie myślą. Jest to nieco związane z architekturą w starożytności, ale o to chodzi.
DA01,

Odpowiedzi:

4

Twoje pytanie wygląda teoretycznie, ale przy bliższym czytaniu brzmi, jakbyś pytał, jak połączyć kształty w programie Illustrator. Istnieje wiele sposobów tworzenia sześciokąta z zaokrąglonymi punktami. Oto jeden, który daje czyste wyniki, ale w zależności od wybranej wartości może nie wyglądać idealnie zaokrąglony:

  • Narysuj sześciokąt za pomocą narzędzia wielokąta. Możesz kliknąć obszar roboczy za pomocą myszy, aby wprowadzić dokładne pomiary.
  • Wybierz sześciokąt i przejdź do górnego paska menu Efekty> Specjalne> Zaokrąglone rogi
  • Aktywuj podgląd, aby zobaczyć, co robisz i znaleźć wartość, która wygląda dobrze. Jest to promień, więc jeśli chcesz ćwiczyć proporcje złotej racji z dokładnymi miarami swojego sześciokąta, możesz to zrobić.

Jeśli jednak chcesz to zrobić ręcznie, podobnie jak ujęcia, które umieściłeś w swoim pytaniu, oto jak bym to zrobił:

  • Narysuj sześciokąt za pomocą narzędzia wielokąta. Możesz kliknąć obszar roboczy za pomocą myszy, aby wprowadzić dokładne pomiary.

Narysuj sześciokąt

  • Narysuj okrąg, używając wybranej proporcji (następnie ponownie możesz kliknąć bezpośrednio na obszarze roboczym, aby wprowadzić dokładną wartość).
  • Zduplikuj swoje koło w każdym punkcie sześciokąta i umieść je wyjątkowo precyzyjnie (będziesz chciał użyć podglądu konturu w programie Illustrator (ctrl + y). Ten krok jest niezwykle ważny, koło musi się dotykać, ale nie powinno się nakładać. wymagają kilku prób.

Umieść okrąg w każdym punkcie

  • Wybierz sześciokąt i wszystkie kręgi jednocześnie.
  • Za pomocą narzędzia do tworzenia kształtów (Shift + M) naciśnij klawisz Alt, aby uzyskać znak minus na kursorze. Kliknij płótno i przeciągnij do każdego punktu sześciokąta, aby je usunąć. (Jeśli punkt nie jest wyświetlany jako osobny obszar, to dlatego, że twoje kształty nie dotykają się prawidłowo).

Narzędzie do budowania kształtów

  • Puść Alt i kliknij i przeciągnij pozostałe kształty, aby je zjednoczyć.

Gotowy kształt

ciekawy
źródło
Łatwiej jest wyciągnąć jednym okręgu potem drugi connect tose następnie obrócić o 60 stopni, ale na pewno tak ...
joojaa
Istnieje wiele sposobów, aby to zrobić, ale ponieważ OP wydawało się, że jego doświadczenie z programem Illustrator jest ograniczone, wybrałem prosty. Napisz inną opcję :-)
ciekawy
1
Dzięki @Emilie właśnie tego szukałem. Dziękuję wszystkim innym za twoją pomoc, a także przeprosiny za próbę poprawnego sformułowania pytania, nie był pewien, jaki jest najlepszy sposób na zrozumienie sprawy.
James
Nie byłam pewna, czy to wystarczy, więc cieszę się, że pomogłam ci to rozgryźć :-)
ciekawa
3

Rozumiem, że twoje pytanie brzmi: jak stworzyć logo ze złotym współczynnikiem? Mam wrażenie, że twoje pytanie jest bardziej teoretyczne niż oparte na programie? Oto moja teoretyczna odpowiedź i będę tutaj adwokatem diabła dla złotego podziału tutaj (ponieważ uważam, że wiele powyższych komentarzy nie do końca rozumie znaczenie).

Szkic na papierze. Tak zaczyna się najlepsze logo. NIE próbuj tworzyć powyższego schematu i umieszczać w nim logo. Jak powiedzieli inni, te zdjęcia, które masz powyżej, są bardziej przeznaczone na marketing niż na to, w jaki sposób projektant je faktycznie stworzył.

Po uzyskaniu podstawowego pomysłu (IE: używając logo na Twitterze, powiedzmy, że wiesz, że chcesz, aby Twoje logo było ptakiem i naszkicowałeś podstawowy kształt logo na Twitterze), możesz przenieść szkic do programu Illustrator i rozpocząć wykonywanie matematyka (IE: upewniając się, że pasuje do złotego podziału).

Nie musisz tworzyć tego rodzaju „siatki”, jak widać na tych zdjęciach, a następnie dopasować do niej logo. Zamiast tego musisz zrozumieć, co to jest złoty podział i jak może ci pomóc. Kiedy wiesz, jak chcesz, żeby ci pomogło, możesz zacząć robić matematykę.

Użyjemy Twittera jako przykładu. To, na co patrzymy w tym, to rozmiar kół (to jest ważne). Ten „złoty prostokąt”, który wszędzie widzisz, jest w rzeczywistości sekwencją liczb Fibonacciego (zobaczysz go również ze spiralą, której wielu artystów używa do kierunkowego przepływu oczu w swoich utworach). Widzisz więc „główny”, duży okrąg tutaj jest wielkości ciała ptaka. Lub przynajmniej dno ciała ptaka podąża za krzywą tego koła. Jest to główna średnica (szerokość), której będziemy używać, aby użyć złotego współczynnika, aby uzyskać rozmiar skrzydeł ptaka, piór i głowy na podstawie wielkości jego ciała.

Aby pokazać wam związek między obiektami, które projektanci umieścili ptaka z Twittera w tym złotym prostokącie, o którym mówiliśmy. Ja też mam plik kształtu w Photoshopie i Illustratorze, aby pomóc zmierzyć złoty współczynnik. JEDNAK, najprawdopodobniej, zrobili obwód ciała ptaka i podzielili go przez 1,6. 1.6 jest zaokrągloną złotą liczbą podziału. Ale wizualnie to, co faktycznie robi, polega na tym, że drugi najmniejszy okrąg, który widzisz, ma odpowiedni rozmiar w stosunku do pierwszego, większego koła.

„Dlaczego to ma znaczenie? Dlaczego nie zrobić małego koła i nazwać go dniem?” Odpowiedź brzmi, ponieważ wszystko sprowadza się do sposobu, w jaki nasz mózg postrzega otaczający nas świat. Naturalnie piękne rzeczy - wiele rzeczy znalezionych w naturze - mają rozmiary lub relacje przestrzenne wykorzystujące ten stosunek. Oznacza to, że nasze mózgi prawdopodobnie podświadomie uznają te relacje za piękne. Nie miałem jeszcze przypadku, w którym prawidłowo wykorzystałem ten związek, aby udowodnić, że to stwierdzenie lub filozofia są nieskuteczne. Jako dodatkową korzyść, jeśli

AzKai
źródło