Come usare i numeri di Fibonacci / Rapporto aureo nella progettazione del logo in Illustrator o Sketch?


10

Sto cercando di entrare nei loghi Fibonacci / Golden Ratio per alcuni lavori universitari, tuttavia sono abbastanza nuovo in Illustrator. Ho usato Photoshop per circa 8 anni e Sketch v3 da quando è stato rilasciato. Tuttavia, non riesco a capire come le persone creano questi loghi.

Sto cercando di capire come, ad esempio, puoi passare da un esagono con bordi appuntiti all'uso di cerchi per tirare i punti in bordi arrotondati.

Qualsiasi aiuto / suggerimenti o collegamenti a tutorial sarebbe molto apprezzato.

Grazie

MODIFICARE

Ecco alcuni esempi (grazie Bakabaka per avermelo chiesto)

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine


3
Non riesco a scuotere l'impressione che questi diagrammi siano stati realizzati e che i loghi siano stati ricostruiti dopo che è stata decisa la forma del logo reale. Quindi ... prima disegna una forma, quindi cerca di adattare cerchi e spirali in simpatiche proprietà attorno ad esso.
Vincent,

Inoltre, se digiti "sezione aurea" o "fibonacci" in Dribbble, ciò potrebbe essere d'aiuto.
James,

Whoops - mi dispiace - non ha terminato il commento. Volevo dire che ci sono molti esempi probabilmente meglio esposti su Dribbble. Inoltre, capisco cosa intendi, ma soprattutto per l'immagine in alto - il piccolo stile di navigazione - in che modo la persona combina i cerchi e le forme per creare la forma?
James,

2
Sono d'accordo con @Bakabaka sulla sua impressione ... Quel rettangolo a sezione dorata nell'esempio di Twitter è praticamente inutile. Avrebbero potuto invece metterlo in piazza. Immagino che possa essere d'aiuto a livello di vendite, sembrando una grande competenza.
curioso

1
La cosa divertente è che nessuno degli esempi sta effettivamente utilizzando la sezione aurea. Il rapporto aureo è "rotto" attorno al logo ma, come puoi vedere, non esiste una relazione diretta effettiva. @Bakabaka ha ragione nel dire che si tratta di tutte le griglie probabilmente create dopo il fatto e che in realtà non incidono sul design del logo originale. Cordiali saluti, il rapporto aureo non è così relativo come la gente pensa. È in qualche modo legato all'architettura nell'antichità ma questo è tutto.
DA01,

Risposte:


4

La tua domanda sembra teorica ma quando leggi più da vicino sembra che stai chiedendo come unire le forme in Illustrator. Esistono diversi modi per creare un esagono con punti arrotondati. Eccone uno che dà risultati chiari ma, a seconda del valore scelto, potrebbe non apparire perfettamente arrotondato:

  • Disegna un esagono usando lo strumento poligono. È possibile fare clic sulla tela con il mouse per inserire le misure esatte.
  • Seleziona l'esagono e vai nella barra dei menu in alto Effetti> Speciali> Angoli arrotondati
  • Attiva l'anteprima per vedere cosa stai facendo e trovare un valore che sembra buono. Questo è il raggio, quindi se vuoi allenare le proporzioni della razione d'oro con le esatte misure del tuo esagono, puoi farlo lì.

Tuttavia, se vuoi farlo a mano un po 'come gli scatti che hai incluso nella tua domanda, ecco come lo farei:

  • Disegna un esagono usando lo strumento poligono. È possibile fare clic sulla tela con il mouse per inserire le misure esatte.

Disegna un esagono

  • Disegna un cerchio usando la proporzione desiderata (poi di nuovo, puoi fare clic direttamente sulla tela per inserire un valore esatto).
  • Duplica il tuo cerchio in ciascun punto dell'esagono e posizionalo in modo estremamente preciso (vorrai utilizzare l'anteprima del contorno in Illustrator (ctrl + y). Questo passaggio è estremamente importante, il cerchio deve toccare ma non deve sovrapporsi. Potrebbe richiedono alcuni tentativi.

Metti un cerchio in ogni punto

  • Seleziona il tuo esagono e tutti i tuoi cerchi contemporaneamente.
  • Con lo strumento Generatore di forme (Maiusc + M), premi Alt per ottenere un segno meno sul cursore. Fare clic sulla tela e trascinare su ciascun punto esagonale per rimuoverli. (Se il punto non viene visualizzato come area separata, è perché le tue forme non si toccano correttamente).

Strumento per la creazione di forme

  • Rilascia Alt e fai clic e trascina le altre forme insieme per unirle.

Forma finita


È più facile disegnare un cerchio quindi il secondo collegamento tose quindi ruotare di 60 gradi ma sì certo ...
joojaa,

Ci sono molti modi per farlo, ma dato che OP sembrava dire che la sua esperienza con Illustrator è limitata, ne ho scelto uno semplice. Sentiti libero di pubblicare un'altra opzione :-)
curioso

1
Grazie @Emilie questo è esattamente il tipo di cosa che stavo cercando. Grazie anche a tutti per il vostro aiuto e le scuse per aver faticato a pronunciare correttamente la domanda, non erano sicuri del modo migliore per ottenere il risultato.
James,

Non ero sicuro che fosse abbastanza felice di sapere che ti ho aiutato a capirlo :-)
curioso

3

Capisco la tua domanda, come si crea un logo con il rapporto aureo? Sento che la tua domanda sia più teorica che basata sul programma? Ecco la mia risposta teorica e qui sarò l'Avvocato del diavolo per il rapporto aureo (poiché credo che molti dei commenti sopra non capiscano completamente il significato).

Schizzo su carta. Ecco come inizia il miglior logo. NON tentare di creare lo schema sopra riportato e inserirvi un logo. Come altri hanno già detto, queste immagini che hai sopra sono più per il marketing di quanto non siano il modo in cui il designer le ha effettivamente create.

Dopo aver avuto la tua idea di base (IE: usando il logo Twitter, diciamo che sai che vuoi che il tuo logo sia un uccello e che tu abbia abbozzato la forma base del logo Twitter) puoi portare lo schizzo in Illustrator e iniziare a fare il matematica. (IE: assicurandosi che si adatti al rapporto aureo).

Non è necessario creare questo tipo di "griglia" come si vede in queste foto e non inserirvi il logo. Invece, devi capire qual è il rapporto aureo e come può aiutarti. Quando sai come vuoi che ti aiuti, puoi iniziare a fare i conti.

Useremo Twitter come esempio. Quello che stiamo guardando in questo è la dimensione dei cerchi (questo è ciò che è importante). Questo "rettangolo d'oro" che vedi ovunque è in realtà la sequenza di numeri di Fibonacci (lo vedrai anche con una spirale, che è ciò che molti artisti usano per creare un flusso oculare direzionale nei loro pezzi). Quindi vedi il "grande", grande cerchio qui è la dimensione del corpo dell'uccello. O, almeno, la parte inferiore del corpo dell'uccello sta seguendo la curva di questo cerchio. Questo è il diametro principale (larghezza) che utilizzeremo per usare il rapporto aureo per ottenere la dimensione delle ali, delle piume e della testa dell'uccello in base alla dimensione del suo corpo.

Per MOSTRARTI la relazione tra gli oggetti che i designer hanno collocato l'uccello Twitter in quel rettangolo dorato di cui abbiamo parlato. Anch'io ho un file di forma in Photoshop e Illustrator per aiutare a misurare con il rapporto aureo. TUTTAVIA, quello che hanno fatto più probabilmente, è stata presa la circonferenza del corpo dell'uccello e divisa per 1.6. 1.6 è il numero del rapporto aureo arrotondato. Ma visivamente, ciò che effettivamente fa, è rendere il secondo cerchio più piccolo in cui si vede la dimensione corretta in relazione al primo, cerchio più grande.

"Perché è importante? Perché non fare solo un cerchio più piccolo e chiamarlo un giorno?" La risposta è perché tutto si riduce al modo in cui il nostro cervello percepisce il mondo che ci circonda. Le cose naturalmente belle - molte cose trovate in natura - hanno una dimensione o una relazione spaziale che utilizza questo rapporto. Ciò significa che è più probabile che i nostri cervelli riconoscano inconsciamente queste relazioni come belle. Non ho ancora avuto un'istanza in cui ho usato correttamente questa relazione per dimostrare quell'affermazione o filosofia inefficace. Come vantaggio secondario, se

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.