Come sono realizzati questi telai lineari swirly?


19

line frame 1 line frame 2

Adoro e sono sempre stato sconcertato da questo tipo di design swirly.

Dopo + 10 anni di lavoro come graphic designer, non riesco ancora a capire come sono fatti. Design geometrico curvo in generale.

Come collegano le loro diverse parti così perfettamente? Non può essere un singolo pezzo fatto a mano come nel posizionare ogni punto e mettere a punto ogni maniglia bézier, è troppo perfetto, troppo geometrico per essere stato fatto in quel modo.

Qualcuno di voi ha lavorato su questa tecnica su Illustrator? Qual è l'approccio?


Perché hai bisogno di farci sapere che hai più di 10 anni come designer? Sono solo curioso di sapere quale vantaggio aggiunge alla domanda.
DᴀʀᴛʜVᴀᴅᴇʀ

Erano ... disegnati in quel modo? Non sono sicuro di come rispondere a questa domanda. Sono segmenti di curve uniti. Stesso concetto dell'uso di pre-computer con curve francesi.
DA01,

@ DA01 Beh, vedi le persone di età inferiore ai 30 anni potrebbero non aver mai visto curve francesi o disegnato su carta con righelli e bussole. Sto solo dicendo.
joojaa,

1
@joojaa eh .... sì, beh ... OK, vedo il tuo punto. Ma sosterrebbe chiunque dovrebbe avere un graphic designer. È come se un architetto non sapesse cosa sia un sovrano architetto. Sì, non lo usano necessariamente, ma viene fornito con il tappeto erboso / la storia della professione. :)
DA01,

@ DA01 Scoprirai che spesso le persone conoscono molte cose che non sono in grado di combinare questa conoscenza nel suo insieme e applicarla in casi specifici. Quindi dovrebbe essere una cosa, ma se non lo è, allora è ancora più importante spiegarlo. Tutto ciò che posso dire è che è ovvio che uno studente di ingegneria meccanica del 4 ° anno conoscesse la trigonometria. Apparentemente un buon terzo di loro no, non proprio. Ma sì, ho avuto una reazione istintiva simile al ginocchio.
joojaa,

Risposte:


24

Esistono molti modi per affrontarlo. Hai ragione, non è necessario creare una curva da un unico pezzo, può essere costruita da più pezzi. In effetti una curva può essere costruita da più curve.

Ho risposto a una domanda simile, a proposito dei cappucci a spirale , principalmente lo stesso vale qui. Quando lo fai è creare una forma iniziale e quindi ruotarla e rispecchiarla. L'immagine successiva ne è un ottimo esempio. Le curve possono essere costruite usando ad esempio 2 archi adiacenti. Potrebbe anche essere un riutilizzo liberale di un singolo tracciato tracciato, offset, specchio e tagli di cerchi e linee.

In secondo luogo, il pezzo da costruzione può essere costruito con una funzione diversa rispetto a una spirale. Sebbene lo snap con una griglia costruita manualmente raggiunga una precisione di linea simile. Ancora una volta il trucco è di specchiare e ruotare le parti simmetriche e i segmenti di linea.

costruzione di un anello

Immagine 1 : costruzione di un modello ripetibile

Fare un lavoro accurato in Illustrator dipende dalla padronanza dello strumento Linea , Strumento Ellisse , Strumento Ruota , Strumento Specchio , Strumento Scala e Strumento Inclina . Di questi il ​​più difficile da padroneggiare è lo strumento linea come padronanza di esso e lo strumento ellisse dipende dal fatto che tu sappia come utilizzare la finestra di dialogo Alt clic. E per lo strumento linea ci sono 2 motivi per farlo!

guide di costruzione personalizzate per offset

Immagine 2 : crea guide di costruzione personalizzate e puoi tagliarle e allegarle al contenuto del tuo cuore.

Come è fatto (tutorial, come da richiesta)

Per rispondere al commento su come è stato, illustrerò il processo di creazione dell'immagine 1 .

  1. Disegnare le tue guide principali.

    • Inizia disegnando un segmento ovale e una piccola linea al centro dell'ovale. La linea è lì, così posso agganciare più facilmente al centro di rotazione (alla fine della linea)

      inserisci qui la descrizione dell'immagine

      Immagine 3 : ricorda di contrassegnare il centro di rotazione, è più facile in questo modo

    • Utilizzare lo strumento di rotazione per ruotare la guida, in questo caso di 90 gradi, ma è possibile utilizzare qualsiasi altro angolo. Suggerimento : Alt+ Fare clic per posizionare il perno e aprire una finestra di dialogo per l'immissione numerica.

      A rigor di termini uno non ha bisogno della terza e quarta guida, ma poiché la ripetizione è solo una sequenza di tasti che faccio, tuttavia, mi dà un'idea migliore di quale sarà la dimensione. Regola subito le guide in base alle tue esigenze.

      inserisci qui la descrizione dell'immagine

      Immagine 4 : prenditi il ​​tuo tempo facendo le guide.

    • Devi prepararti a tagliare gli ovali sulle loro intersezioni e dopo (o a) la curva inizia a scendere verso la linea dello specchio. Per questo preparo una linea di taglio perpendicolare e una linea a specchio.

      inserisci qui la descrizione dell'immagine

      Immagine 5 : preparare le linee di taglio

    • Copia uno degli ovali e crea un nuovo strato, incolla l'ovale davanti. Blocca il livello guida.

  2. Costruire la forma.

    • Rimuovere la metà inferiore dell'ovale.

    • Inserire un punto nel primo incrocio dell'ovale e tagliare l'ovale in 2 nell'intersezione tra ovale e ovale.

      inserisci qui la descrizione dell'immagine

      Immagine 6 : tagliata a pezzi

    • Specchia una copia del segmento sopra la linea speculare e unisce le curve. Suggerimento : se Illustrator inserisce uno span tra uno spostamento di un solo punto sullo span di eliminazione laterale, lo spostamento indietro e la ripetizione del join, le curve ora puntano allo stesso modo e non ci sarà span extra.

      inserisci qui la descrizione dell'immagine

      Immagine 6 : unisciti allo specchio

    • Usa lo strumento Converti punto di ancoraggio per rendere l'estremità dell'angolo una tangente unificata. Trascina la tangente perpendicolare sulla linea speculare. Suggerimento Se lavori in un angolo scomodo puoi misurare l'angolo con lo strumento linea e usare le preferenze per ruotare la griglia.

      Rendi la tangente leggermente più corta della larghezza del divario nei punti più vicini (o ugualmente ampia). Si può regolare la circonferenza del bordo creando una tangente più lunga. Sto rendendo la forma un po 'più appuntita rispetto all'esempio originale per mostrare che si può variare liberamente la forma.

      inserisci qui la descrizione dell'immagine

      Immagine 7 Rendi la tangente simmetrica e perpendicolare alla linea speculare

    • Trascina il punto della curva indietro lungo la linea di simmetria fino ad avere un comportamento asintotico piacevole.

      inserisci qui la descrizione dell'immagine

      Immagine 8 Regola il loop.

    • Nascondi le guide e specchia / ruota e unisciti.

      inserisci qui la descrizione dell'immagine

      Immagine 9 Immagine finale.

Post scriptum

Dopo tutto quel lavoro vorrei dire che rappresentando graficamente la funzione:

x=20*cos(t)-10*sin(5*t+PI/2)
Y=20*sin(t)+10*cos(5*t+PI/2)

Cederebbe:

inserisci qui la descrizione dell'immagine

Molti modi per scuoiare il gatto immagino.


Ottima risposta, grazie! Mi piacerebbe ancora vedere un po 'più in profondità la tecnica, con una riproduzione passo dopo passo di alcune delle forme che ho pubblicato, molto molto curioso riguardo ad alcune di esse e al tipo di flusso di lavoro (che booleana da usare, tecniche degli strumenti , ecc.) ci vuole. Ma questo è chiedere troppo. Grazie ancora per un bel post. Anche quello sui tappi a spirale aiuta.
MrMerrick,

@MrMerrick Done
joojaa,

Mille grazie per il tempo e gli sforzi per rispondere a @joojaa. Il pezzo mancante del puzzle per me stava usando quelle linee di simmetria di supporto in cui posso agganciare i punti lungo di esse per affinare le forme. Sono abituato a lavorare con cose speculari per creare opere geometriche, ma quando si tratta di curve e lavori più fluidi ho avuto problemi a renderle fluide. Investirò tempo a domare quello strumento ad arco. Posso fare 2 domande finali? 1- cosa intendi con padronanza dello strumento linea? Uso solo alt per farlo crescere nella direzione opposta rispetto alla sua origine o alt + clic per ottenere la finestra di dialogo di creazione. È così?
MrMerrick,

e 2- Nella tua figura 2, come puoi rendere queste linee ondulate così tremendamente lisce? È semplicemente uno strumento ad arco o in realtà è vincolato punto per punto (tenendo premuto lo spostamento mentre si posizionano e trascinano i punti) più bello? Questo è il più lontano che ho ottenuto con lo strumento arco + sfumatura , il che è ridicolo.
MrMerrick,

@MrMerrick è un bezier a campata singola. Comunque non usare lo strumento arco in quanto inutile. La stessa inutilità si applica a tutti gli altri strumenti di forma ad eccezione di spirale, linea ed ellisse. Anche così lo strumento ellisse non è ottimale. Il nuovo illustratore ha anche un nuovo strumento di curva che è migliore di Beziers. Le spline B e le spirocurve sono semplicemente superiori.
joojaa,
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.