Share
Cosa starai creandoSegui questo tutorial e impara come creare un avocado usando solo una forma in Adobe Illustrator. Inizierai con una forma di base poi, distorcendola, otterrai la forma dell'avocado. Da questo punto in poi, aggiungerai le apparizioni una per una per creare lo stile dell'avocado. Creerai la buccia, la polpa e il seme, aggiungerai bagliore, luci e ombre usando la stessa forma ma con l'aiuto degli effetti live: Offset Path, Transform, Converti in forma, Arc Upper, Arc Lower e Inflate. Se tutto ciò ti sembra interessante, preparati per un lungo viaggio di 19 apparizioni che ti farà amare il pannello Appearance alla fine. Preparati, inizia!
Lanciare Illustratore poi vai a File> Nuovo per aprire un documento vuoto. Digita un nome e imposta le dimensioni, quindi seleziona pixel come unità e RGB come Modalità colore.
Avanti, vai a Modifica> Preferenze> Generale e impostare il Incremento della tastiera a 1px e mentre là, vai a Unità e prestazioni di visualizzazione e impostare il unità come mostrato di seguito. Di solito lavoro con queste impostazioni e ti aiuteranno durante il processo di disegno.
Trascorrerai del tempo per creare la forma dell'avocado e te lo spiegherò passo dopo passo perché questa è una parte importante del tutorial. Se vuoi replicare l'avocado, avrai bisogno della stessa forma che ho usato. Ovviamente puoi usare una forma diversa, ma tutte le impostazioni per i percorsi Offset e gli effetti live genereranno un risultato diverso e dovrai adattare queste impostazioni alla tua forma. Detto questo, iniziamo con la forma dell'avocado.
Prendi il Strumento Segmento di linea (\) e fai clic sulla tua tavola da disegno per aprire il Opzioni dello strumento Segmento di linea finestra. genere 91.5px nel Lunghezza campo e impostare il Angolo a 0 gradi poi colpisci ok. Otterrai la prima linea orizzontale. Avendo selezionato questa linea, vai a Oggetto> Percorso> Aggiungi punti di ancoraggio per aggiungere un punto in più nel mezzo.
Quindi, usa il Strumento Segmento di linea (\) disegnare una linea verticale con le dimensioni mostrate. Ora disponi le due linee come nell'immagine. Usa il punto di ancoraggio dal centro come riferimento e posiziona leggermente la linea verticale alla sua sinistra.
Ora che hai le due linee, usale come riferimento per tracciare un triangolo tra i punti finali come indicato. Dopo di ciò, elimina le righe perché non ne avrai più bisogno.
Mentre il triangolo rimane selezionato, vai a Oggetto> Percorso> Aggiungi punti di ancoraggio due volte per aggiungere tre punti extra su ciascun lato del triangolo. Ho allegato un numero a questi punti perché lavoreremo separatamente con ciascuno di essi. Ora, seleziona il punto di ancoraggio "1" e vai a Oggetto> Trasforma> Sposta, genere 33px nel Orizzontale campo e 10px nel Verticale campo poi colpito ok. Quindi, selezionare il punto "2", quindi andare a Oggetto> Trasforma> Sposta, genere -32px nel Orizzontale campo e 10px nel Verticale campo poi colpito ok. Dopo queste azioni la tua forma dovrebbe apparire nell'immagine seguente.
Seleziona il punto "3" e questa volta spostalo 36px orizzontalmente e 2px verticalmente. Continua con il punto "4" e usa le impostazioni mostrate per spostarlo.
Quindi, selezionare i punti "5" e "6", quindi andare a Mossa di nuovo e utilizzare le impostazioni indicate per ciascun punto.
Prendi il Elimina strumento Punto di ancoraggio (-) e fai clic sui punti indicati per rimuoverli, quindi seleziona il punto "7" e spostalo 2px orizzontalmente e -18px verticalmente.
Utilizzare il Strumento di selezione diretta (A) per selezionare solo il punto indicato e premere il tasto Converti i punti di ancoraggio selezionati in modo uniforme opzione nel Controllo pannello. Di conseguenza otterrai un paio di maniglie. Continuando a selezionare questo punto, vai a File> Script> Estendi i manici e applicare una percentuale di 200. Questo renderà le maniglie raddoppiate. Naturalmente, è possibile estendere manualmente le maniglie con Strumento di selezione diretta (A) ma usando questo script manterrai la simmetria e l'angolazione.
Se non hai il Estendi le maniglie script, puoi andare a questo articolo 20 script Adobe Illustrator gratuiti e utili per scaricarlo, quindi seguire le istruzioni per installarlo. Dopodiché sarai in grado di accedere allo script andando a File> Script> Estendi i manici. Usando questo script puoi facilmente estendere, accorciare, rimuovere o invertire maniglie. Valori sopra 100 portare a un'estensione delle maniglie, valori sotto 100 portare ad un accorciamento delle maniglie e 0 li rimuove.
Seleziona il punto indicato con Strumento di selezione diretta (A) quindi premere il tasto Converti i punti di ancoraggio selezionati in modo uniforme opzione per generare le maniglie. Per rendere i manici più lunghi esegui il Estendi le maniglie script e applicare una percentuale di 200 ancora. Quindi, selezionare solo il punto in basso e premere il tasto Converti i punti di ancoraggio selezionati in modo uniforme opzione nel Controllo pannello.
Selezionare il punto "8" con il Strumento di selezione diretta (A) e premere il Converti i punti di ancoraggio selezionati in modo uniforme opzione quindi eseguire il Estendi le maniglie script e applicare una percentuale di 220 questa volta.
Seleziona i due punti indicati e trasformali da punti d'angolo a punti morbidi come prima. Dopodiché, apporta delle piccole regolazioni sull'angolo delle maniglie per ottenere curve più uniformi (1).
Quindi, selezionare i quattro punti indicati e premere il tasto Converti i punti di ancoraggio selezionati in modo uniforme opzione di nuovo per generare le maniglie. A questo punto puoi apportare delle piccole regolazioni se necessario altrimenti la forma dell'avocado è pronta (2).
Riempi la forma di avocado con il verde scuro, quindi dal menu a comparsa del Aspetto pannello scegli Aggiungi nuovo riempimento. Di conseguenza otterrai un secondo riempimento sopra il primo e potrai utilizzare la tonalità di verde indicata come colore di riempimento. Avere questo Riempire attributo selezionato in Aspetto pannello, vai a Effetto> Percorso> Percorso offset e applicare a -Offset 2px. Hai appena creato la buccia dell'avocado.
Avendo ancora questo Riempire attributo selezionato in Aspetto pannello, vai a Effetto> Distorci e trasforma> Trasforma e scrivi 0.5px nel Sposta verticale campo poi colpito ok. Questo renderà la buccia leggermente più spessa sul fondo dell'avocado.
Utilizzare il Aggiungi nuovo riempimento opzione per aggiungere il terzo riempimento sopra, quindi selezionare giallo come colore di riempimento. Avere questo Riempire attributo selezionato in Aspetto pannello, vai a Effetto> Percorso> Percorso offset e applicare a -Offset 5,5 px. Fino ad ora abbiamo creato la buccia, il bordo verde e la polpa dell'avocado.
Successivamente, creeremo una transizione graduale tra il bordo verde e la polpa gialla. Seleziona il Ictus attributo nel Aspetto pannello (che a questo punto è impostato su nessuno) e utilizzare la tonalità di verde indicata, quindi impostare il Peso della corsa a 2pt. Ora vai Effetto> Percorso> Percorso offset e applicare a -Offset 6,5 px. A questo punto il tratto dovrebbe essere proprio accanto al bordo verde, ma se nel tuo caso non lo fa, puoi fare delle piccole regolazioni (-6.4px o -6.6px). Ricorda che questo è un effetto live e puoi modificare i valori in qualsiasi momento.
Avere il Ictus attributo dal passo precedente selezionato nel Aspetto pannello, premere il tasto Duplica oggetto selezionato icona in basso. Otterrai un secondo colpo sopra il primo. Fare doppio clic sul Offset Path effetto per aprire il Offset Path finestra quindi modificare il valore da -6.5px a -8.5px e colpisci ok. Impostare il Opacità per questo secondo colpo a 50%.
Avere il secondo Ictus attributo selezionato in Aspetto pannello, premere il tasto Duplica oggetto selezionato icona per ottenere un terzo tratto sopra. Apri il Offset Path finestra e cambiare il valore da -8.5px a -10.5px poi colpisci ok. Riduci anche il Opacità a 25%.
Questi tre colpi dovrebbero essere uno accanto all'altro come nel primo piano. Se necessario, è possibile regolare il Compensare valori fino ad ottenere il risultato giusto.
Seleziona il tuo avocado e dal menu a comparsa di Aspetto pannello scegli Aggiungi nuovo riempimento. Trascina questo nuovo riempimento sotto i tre tratti ma sopra la polpa gialla e seleziona il colore di riempimento per il momento. Mentre questo Riempire l'attributo rimane selezionato, vai a Effetto> Distorci e trasforma> Trasforma e applicare le impostazioni mostrate di seguito.
Ancora avendo il Riempire dal passaggio precedente selezionato, vai a Effetto> Converti in forma> Ellisse e scrivi 160px nel Larghezza e Altezza i campi poi colpiscono ok. Questo effetto costringerà il tuo riempimento a trasformarsi in un cerchio.
Il seme di avocado non è perfettamente rotondo quindi applicheremo alcuni Ordito effetti per distorcerlo. Assicurati di averlo ancora Riempire selezionato nel Aspetto pannello poi vai Effetto> Deformazione e applicare il Arco Superiore effetto prima, quindi Gonfiare e Arc Lower. Puoi vedere il risultato finale nell'immagine seguente.
Queste sono le impostazioni che ho usato: a 25% di piega orizzontale per il Arco Superiore effetto, a 10% di distorsione verticale per il Gonfiare effetto e an Curva orizzontale 8% per il Arc Lower effetto.
Il seme è pronto e ora è possibile sostituire il colore di riempimento con il gradiente radiale mostrato, quindi utilizzare il Strumento sfumatura (G) per cambiare il raggio. Solo per rendere le cose più facili da capire, lo chiamerò Riempire attributo "Seed Fill".
Seleziona "Riempimento seme" nel menu Aspetto pannello quindi premere il tasto Duplica oggetto selezionato icona in basso. Seleziona la copia sotto e sostituisci la sfumatura esistente con il giallo. Ora apri il Trasforma l'effetto finestra, cambiare le impostazioni come mostrato e premere ok. Lascia gli altri effetti così come sono.
Ancora avendo il Riempire dal passaggio precedente selezionato, vai a Effetto> Stilizzazione> Bagliore esterno e applicare le impostazioni mostrate.
Ancora avendo il Riempire dal passo precedente selezionato, premere il tasto Duplica oggetto selezionato icona nella parte inferiore del Aspetto pannello. Concentrati sulla copia sopra e doppio click sopra Ellisse per aprire il Opzioni di forma finestra. Invece di 160px, genere 172px nel Larghezza e Altezza i campi poi colpiscono ok. Basta impostare il Opacità per questo Riempire a 40% e lascia gli altri effetti così come sono.
Duplica il Riempire dal passaggio precedente quindi concentrarsi sulla copia sopra, che è il terzo di questo tipo. Apri di nuovo il Opzioni di forma finestra e tipo 185px invece di 172px nel Larghezza e Altezza i campi poi abbassano il Opacità a 20%. Questi ultimi tre riempimenti ti daranno il bagliore giallo attorno al seme dell'avocado.
Assicurati che il "Riempimento seme" sia selezionato nel menu Aspetto pannello e duplicarlo come hai fatto prima. Concentrati sulla copia sopra e sostituisci il gradiente esistente con qualsiasi colore per il momento. Per ottenere il risultato mostrato nella prossima immagine è necessario modificare alcune delle impostazioni degli effetti live.
Queste sono le impostazioni per Arco Superiore, Gonfiare e Trasformare effetti. Gli altri due effetti rimangono gli stessi.
Quindi, sostituisci il colore di riempimento che hai scelto con il gradiente radiale mostrato. Imposta questo Riempire attribuire a Schermata della modalità di fusione e 40% di opacità.
Assicurati che l'ultimo Riempire (dal passaggio precedente) è selezionato e duplicato. Concentrati sulla copia sopra e prima sostituisci la sfumatura esistente con un gradiente lineare da bianco a nero a a -100 gradi di angolo. Ora apri il Trasforma l'effetto finestra e modificare le impostazioni come indicato. Mantieni il Angolo a -10 gradi e colpisci ok. Lascia gli altri effetti così come sono e mantieni il Modalità di fusione e il Opacità impostazioni.
Ora aggiungiamo un diverso tipo di evidenziazione, nella parte in alto a sinistra del seme. Per questo, seleziona "Riempimento seme" nel menu Aspetto pannello quindi premere il tasto Duplica oggetto selezionato icona in basso. Concentrati sulla copia sottostante e sostituisci la sfumatura esistente con il gradiente lineare mostrato in a 40 gradi. Apri il Trasforma l'effetto finestra quindi cambia il Orizzontale e Movimento verticale valori come mostrato. Fondamentalmente, stai spostando questo nuovo riempimento 1px su e 1px a sinistra. Impostare il Modalità di fusione a Schermo (il nero diventa trasparente).
Selezionare di nuovo "Riempimento seme" e duplicarlo. Concentrati sulla copia sottostante e sostituisci la sfumatura esistente con il gradiente lineare mostrato in a -Angolo di 60 gradi. Quindi, rimuovere il Gonfiare effetto trascinandolo nel Spazzatura quindi modificare le impostazioni per Arco Superiore, Arc Lower e Trasformare effetti. Imposta questo Riempire a La modalità di fusione si moltiplica e 50% di opacità.
Queste sono le impostazioni che devi modificare e puoi vedere il risultato finale nell'immagine qui sopra.
Mentre la tua forma di avocado rimane selezionata, vai su Appearance pannello e dal menu a comparsa scegliere Aggiungi New Fill. Sposta questo nuovo riempimento sopra tutto, quindi seleziona il gradiente lineare mostrato e imposta il Angolo a -40 gradi. Imposta questo Riempire a Schermata della modalità di fusione (il nero diventa trasparente) e 50% di opacità.
A questo punto l'avocado è pronto prettymuch. Puoi salvare lo stile ora o aspettare fino a dopo aver aggiunto le ombre.
Mentre la forma dell'avocado rimane selezionata, premere il tasto Nuovo stile grafico icona nella parte inferiore del Stili grafici pannello (Finestra> Stili grafici). Doppio click sulla miniatura quindi digitare un nome per il proprio stile e premere ok. Ho chiamato il mio "Avocado Graphic Style no shadow".
Seleziona il Riempire attributo dal basso del Aspetto pannello che è in realtà il primo che hai aggiunto (il peel) e duplicalo. Concentrati sulla copia in basso, vai a Effetto> Stilizzazione> Sfalsa ombra e applicare le impostazioni mostrate di seguito. Puoi mantenere lo stesso colore di riempimento.
Avere il Riempire dal passo precedente selezionato nel Aspetto pannello, premere il tasto Duplica oggetto selezionato icona di nuovo. Concentrati sulla copia in basso e doppio click sul Ombra esterna effetto per aprire il Ombra esterna finestra. Cambia le impostazioni e premi ok.
Duplica nuovamente il precedente Riempire quindi apri il Ombra esterna finestra e modificare le impostazioni.
Duplica il precedente Riempire ancora una volta, quindi modificare le impostazioni per Ombra esterna effetto come mostrato di seguito. Hai finito con le ombre.
A questo punto l'avocado è pronto ma, se lo desideri, puoi creare uno stelo piccolo sebbene questo sia facoltativo. Prendi il Strumento penna (P) e disegna una forma come nell'immagine seguente nella parte superiore dell'avocado. Riempilo con il gradiente lineare mostrato in a Angolo di 90 gradi quindi imposta il Opacità a 40%.
Nella prossima immagine puoi vedere tutto il Riempire attributi che abbiamo usato per creare l'avocado. Il tuo dovrebbe essere nello stesso ordine. Se tutto sembra a posto, puoi salvare lo stile. Mentre è selezionata la forma dell'avocado, premere il tasto Nuovo stile grafico icona nella parte inferiore del Stili grafici pannello. Doppio click sulla miniatura quindi digitare un nome e premere ok.
Se vuoi applicare questo stile ad un'altra forma, dovrai apportare alcune modifiche e modificare le impostazioni per gli effetti live finché non si adattano alla forma scelta.
Come puoi vedere nel Schema modalità, abbiamo usato solo una forma per creare l'avocado. Bene, tranne per il gambo ma questo è facoltativo.
Naturalmente, puoi aggiungere ancora più apparenze. Ad esempio, puoi aggiungere ulteriori dettagli, puoi aggiungere una texture sulla polpa e una texture sul seme per renderlo più realistico, ma ci fermeremo qui per ora.
Se ti è piaciuto questo tutorial, consulta il primo tutorial di questo tipo pubblicato dall'adorabile Sharon Milne e imparerai a creare un Kiwi affettato con una sola forma. Dicci la tua opinione su questi tipi di tutorial, se li trovi interessanti e utili e ne creeremo altri.
Accentsconagua