Share
Cosa starai creandoNei seguenti passaggi imparerai come creare una semplice freccia con le frecce in Adobe Illustrator. Per i principianti imparerai come impostare una griglia semplice e come creare le forme principali utilizzando gli strumenti di base, alcuni effetti semplici e la funzione Live Corners. Successivamente, imparerai come creare, salvare e utilizzare un gradiente lineare e come aggiungere ombreggiature sottili per le tue forme. Infine, imparerai come ricolorare facilmente la freccia delle tue frecce finali.
Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 600 nelle caselle larghezza e altezza e fare clic su Avanzate pulsante. Selezionare RGB, Schermo (72ppi) e assicurarsi che il Allinea nuovi oggetti a Pixel Grid la casella è deselezionata prima di fare clic ok.
Abilita il Griglia (Visualizza> Mostra griglia) e il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Avrai bisogno di una griglia ogni 1 px, quindi semplicemente vai Modifica> Preferenze> Guide> Griglia, ed entra 1 nel Gridline ogni scatola e 1 nel suddivisioni scatola. Cerca di non scoraggiarti da tutta questa griglia: renderà più facile il tuo lavoro e tieni presente che puoi facilmente abilitarlo o disabilitarlo usando il Controllo-' scorciatoia da tastiera.
Dovresti anche aprire il Informazioni pannello (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di impostare l'unità di misura su pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.
Scegli il Strumento rettangolo (M) e concentrati sulla tua barra degli strumenti. Rimuovi il colore dal tratto, quindi seleziona il riempimento e imposta il colore su R = 39 G = 170 B = 225. Passa alla tua tavola da disegno e crea semplicemente un 22 x 4 px rettangolo.
Assicurati che questo rettangolo blu rimanga selezionato e vai a Effetto> Distorci e trasforma> Trasforma. Trascina il Sposta verticale cursore a -6 px, accedere 2 In ciò copie casella, fare clic su ok pulsante e poi vai a Oggetto> Espandi Aspetto. Assicurarsi che il gruppo risultante di forme sia selezionato e Separa usando il Maiuscole-Ctrl-G scorciatoia da tastiera.
Usando lo stesso Strumento rettangolo (M), creare un 22 x 17 px forma e posizionalo esattamente come mostrato nella prima immagine. Concentrati sul lato superiore di questo nuovo rettangolo e passa a Strumento di selezione diretta (A). Seleziona entrambi i punti di ancoraggio, sposta la barra in alto e imposta il angoli a 2 px.
La funzione Live Corners è disponibile solo per gli utenti CC. La migliore soluzione per sostituirlo sarebbe il Round Any Corner script che può essere trovato in questo articolo: 20 script di Adobe Illustrator gratuiti e utili. Salvalo sul tuo disco rigido, torna a Illustrator e assicurati che il Strumento di selezione diretta (A) è attivo.
Seleziona gli stessi punti di ancoraggio superiori e vai a File> Script> Altro script. Apri il Script di Any Any Round, entrare in un 2 px raggio e clicca ok. In alcuni casi potrebbe essere necessario aumentare / diminuire il valore menzionato in questo angoli scatola.
Spostati sul lato inferiore delle forme create in questo passaggio, seleziona entrambi i punti di ancoraggio, torna a quello angoli casella e questa volta impostato su 1 px. Alla fine la tua nuova forma blu dovrebbe apparire nella seconda immagine.
Usando il Strumento rettangolo (M), creare un 14 x 7 px forma e posizionalo come mostrato nella prima immagine. Concentrati sul lato superiore di questo nuovo rettangolo e passa a Strumento di selezione diretta (A). Seleziona entrambi i punti di ancoraggio, torna alla barra in alto e inserisci 3 px In ciò angoli scatola.
Torna alla barra degli strumenti e sostituisci il colore di riempimento esistente con un semplice giallo (R = 255 G = 200 B = 0). Usando il Strumento rettangolo (M), creare due 20 x 3 px forme e due 20 x 2 px forme e posizionarle esattamente come mostrato nella prima immagine.
Concentrati sul rettangolo inferiore in basso e passa a Strumento di selezione diretta (A). Seleziona entrambi i punti di ancoraggio inferiori e poi entra 1 px In ciò angoli scatola.
Seleziona tutte le tue forme blu, apri il Pendenza pannello (Finestra> Gradiente) e fai semplicemente clic sulla miniatura della sfumatura per aggiungere il gradiente lineare nero-bianco predefinito.
Continua a concentrarti sul tuo Pendenza pannello, impostare il Angolo a 0 gradi e quindi concentrarsi sui cursori del gradiente. Innanzitutto, seleziona il cursore del gradiente di sinistra e imposta il colore su R = 139 G = 146 B = 152, e quindi selezionare il cursore del gradiente giusto e impostare il colore su R = 209 G = 211 B = 212.
Concentrati sulla barra della sfumatura e fai clic su di essa per aggiungere un nuovo cursore sfumatura. Assicurati che questo nuovo slider sia selezionato, imposta il suo colore su R = 229 G = 226 B = 223, concentrarsi sul Posizione scatola (dal Pendenza pannello) e impostarlo su 15%. Tieni presente che i numeri blu dal Pendenza le immagini stanno per Posizione percentuale. Aggiungi tre nuovi cursori per questo gradiente e quindi usa il colore e Posizione attributi mostrati nell'immagine seguente.
Ora, è necessario salvare questo gradiente lineare. Ritorna al Pendenza pannello, fai clic su quella miniatura della sfumatura e trascinala semplicemente all'interno campioni pannello (Finestra> Campioni).
Assicurati che le forme riempite con il tuo gradiente lineare siano ancora selezionate, concentrati su Aspetto pannello (Finestra> Aspetto) e aggiungere un secondo riempimento utilizzando il Aggiungi nuovo riempimento pulsante. Seleziona questo nuovo riempimento, sostituisci il colore esistente con un bianco semplice (R = 255 G = 255 B = 255) e poi cambiarne Modalità di fusione a Luce soffusa.
Seleziona tutte le forme gialle e sostituisci semplicemente il colore di riempimento esistente con il gradiente lineare salvato.
Usando il Strumento rettangolo (M), creare un 4 x 62 px forma blu e posizionarlo come mostrato nella prima immagine. Assicurati che rimanga selezionato e vai su Oggetto> Percorso> Aggiungi punti di ancoraggio. Concentrati sul lato superiore di questo nuovo rettangolo, seleziona il Elimina strumento Punto di ancoraggio (-) e semplicemente fai clic sui due punti di ancoraggio evidenziati nella seconda immagine per eliminarli.
Ora la tua forma dovrebbe assomigliare alla seconda immagine. Passare al Strumento di selezione diretta (A), seleziona i due punti di ancoraggio evidenziati nella terza immagine e trascinali 15 px giù. Alla fine la tua forma blu dovrebbe apparire nella quarta immagine.
Assicurati che la tua forma blu sia selezionata e faccia una copia davanti (Control-C> Control-F). Usando il Strumento rettangolo (M), creare un 1 x 62 px forma e posizionalo come mostrato nella prima immagine. Seleziona questo nuovo rettangolo insieme alla copia della tua forma blu, apri il esploratore pannello (Finestra> Pathfinder) e fare clic su intersecare pulsante.
Assicurati che la forma risultante rimanga selezionata, concentrati su Aspetto pannello e sostituire il colore di riempimento esistente con R = 190 G = 200 B = 203.
Assicurati che la tua forma blu sia selezionata e faccia una copia davanti (Control-C> Control-F). Usando il Strumento rettangolo (M), creare un 1 x 62 px forma e posizionalo come mostrato nella prima immagine. Seleziona questo nuovo rettangolo insieme alla copia della tua forma blu e fai clic su intersecare pulsante dal esploratore pannello.
Assicurati che la forma risultante rimanga selezionata, concentrati su Aspetto pannello e sostituire il colore di riempimento esistente con R = 222 G = 232 B = 235. Riseleziona la forma blu, concentrati sul pannello Aspetto e sostituisci quello blu con R = 145 G = 155 B = 158.
Usando il Strumento rettangolo (M), creare un 18 x 174 px forma verde e posizionarlo come mostrato nella prima immagine. Concentrati sul lato inferiore di questo nuovo rettangolo e passa a Strumento di selezione diretta (A). Seleziona il punto di ancoraggio sinistro e trascinalo 5 px a destra, quindi selezionare il punto di ancoraggio corretto e trascinarlo 5 px a sinistra.
Riseleziona l'intera forma verde e vai a Effetto> Ordito> Rigonfiamento. Immettere gli attributi mostrati nell'immagine seguente, fare clic su ok pulsante e poi vai a Oggetto> Espandi Aspetto.
Assicurati che la tua forma verde rimanga selezionata e si concentri sul Aspetto pannello. Innanzitutto, seleziona il riempimento e sostituisci semplicemente quel colore piano con il gradiente lineare salvato. Successivamente, aggiungi un secondo riempimento per questa forma usando lo stesso Aggiungi nuovo riempimento pulsante.
Seleziona questo nuovo riempimento, abbassalo Opacità a 50% e aggiungi il gradiente lineare mostrato nell'immagine seguente. Ricorda che il numero blu dal Pendenza immagine sta per Posizione percentuale, mentre lo zero giallo rappresenta Opacità percentuale.
Assicurati che la forma modificata nel passaggio precedente sia ancora selezionata, continua a concentrarti su Aspetto pannello e aggiungi un terzo riempimento. Seleziona questo nuovo riempimento, abbassalo Opacità a 70%, cambiare il Modalità di fusione a Luce forte e imposta il colore a R = 247 G = 148 B = 30.
Usando il Strumento rettangolo (M), creare un 26 x 102 px forma blu e posizionarlo come mostrato nella prima immagine. Passare al Strumento di selezione diretta (A) e continua a concentrarti su questo nuovo rettangolo. Seleziona il punto di ancoraggio in alto a destra e trascinalo 64 px giù e 6 px a destra, quindi selezionare il punto di ancoraggio in basso a sinistra e trascinarlo 4 px a sinistra.
Continua a concentrarti sulla tua forma blu e assicurati che il Strumento di selezione diretta (A) è ancora attivo. Seleziona i tre punti di ancoraggio evidenziati uno ad uno e inserisci il angoli attributi indicati nell'immagine seguente.
Usando il Strumento rettangolo (M), creare un 24 x 102 px forma rossa e posizionarlo come mostrato nella prima immagine. Passare al Strumento di selezione diretta (A) e continua a concentrarti su questo nuovo rettangolo. Seleziona il punto di ancoraggio in alto a sinistra e trascinalo 64 px giù e 6 px a sinistra, quindi selezionare il punto di ancoraggio in basso a destra e trascinarlo 4 px a destra.
Continua a concentrarti sulla tua forma rossa e assicurati che il Strumento di selezione diretta (A) è ancora attivo. Seleziona i tre punti di ancoraggio evidenziati uno ad uno e inserisci il angoli attributi indicati nell'immagine seguente.
Usando il Strumento rettangolo (M), creare un 19 x 144 px forma verde e posizionarlo come mostrato nella prima immagine. Passare al Strumento di selezione diretta (A) e continua a concentrarti su questo nuovo rettangolo. Seleziona il punto di ancoraggio in alto a sinistra e trascinalo 73 px in basso, selezionare il punto di ancoraggio in basso a sinistra e trascinarlo 5 px a destra, quindi selezionare il punto di ancoraggio in basso a destra e trascinarlo 51 px su e 3 px a destra.
Continua a concentrarti sulla tua forma verde e assicurati che il Strumento di selezione diretta (A) è ancora attivo. Seleziona i due punti di ancoraggio evidenziati uno per uno e inserisci il angoli attributi indicati nell'immagine seguente.
Assicurati che la tua forma blu sia selezionata e concentrati su Aspetto pannello. Innanzitutto, seleziona il riempimento esistente e sostituisci il blu con il gradiente lineare mostrato nell'immagine seguente. Successivamente, aggiungi un secondo riempimento per questa forma e selezionalo. Imposta il colore su R = 247 G = 148 B = 30, abbassalo Opacità a 70%, e cambia il Modalità di fusione a Luce forte.
Assicurati che la tua forma rossa sia selezionata e concentrati su Aspetto pannello. Innanzitutto, seleziona il riempimento esistente e sostituisci il rosso con il gradiente lineare mostrato nell'immagine seguente. Successivamente, aggiungi un secondo riempimento per questa forma e selezionalo. Imposta il colore su R = 247 G = 148 B = 30, abbassalo Opacità a 70%, e cambia il Modalità di fusione a Luce forte.
Assicurati che la tua forma verde sia selezionata e concentrati su Aspetto pannello. Innanzitutto, seleziona il riempimento esistente e sostituisci il verde con il gradiente lineare mostrato nell'immagine seguente. Successivamente, aggiungi un secondo riempimento per questa forma e selezionalo. Imposta il colore su R = 247 G = 148 B = 30, abbassalo Opacità a 70%, e cambia il Modalità di fusione a Luce forte.
Riselezionare tutte le forme create fino a quel momento e duplicarle (Control-C> Control-F). Seleziona solo le copie e fai clic su Unire pulsante dal esploratore pannello. Assicurati che la forma risultante sia selezionata, concentrati su Aspetto pannello, eliminare quel secondo riempimento, quindi selezionare il riempimento rimanente e impostarne il colore R = 167 G = 169 B = 172.
Assicurati che la tua forma grigia rimanga selezionata, invialo indietro usando il Shift-Control-[ scorciatoia da tastiera, quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere gli attributi visualizzati nella finestra in alto a sinistra (nell'immagine seguente), fare clic su ok pulsante e quindi aggiungere gli altri tre Ombra esterna effetti mostrati di seguito.
Riseleziona tutte le forme fatte finora e Gruppo loro usando il Controllo-G scorciatoia da tastiera. Assicurati che questo nuovo gruppo rimanga selezionato e vai a Effetto> Distorci e trasforma> Trasforma. Impostare il Angolo a 30 gradi, controllare il punto di riferimento in alto a destra, inserire 3 In ciò copie casella, quindi fare clic su ok pulsante.
Infine, ecco come puoi ricolorare facilmente la tua freccia. Seleziona le quattro forme con il riempimento arancione (R = 247 G = 148 B = 30), concentrarsi sul Aspetto pannello e semplicemente sostituisci quell'arancione con il colore che preferisci.
Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri.
Accentsconagua