Share
Cosa starai creandoNei seguenti passaggi, imparerai come creare un grafico a torta modificabile in Adobe Illustrator e come renderlo facilmente stilizzato.
In primo luogo, imparerai come creare il grafico a torta iniziale utilizzando lo strumento grafico a torta. Usando lo Strumento selezione diretta e il pannello Aspetto insieme ad alcuni colori ed effetti di base, imparerai come stilizzare i componenti principali del tuo grafico. Infine, imparerai come creare una semplice leggenda e uno sfondo piatto.
Per ulteriori informazioni su come adattare o migliorare il grafico finale, puoi trovare molte risorse su GraphicRiver.
Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 850 nella casella di larghezza e 980 nella casella altezza, quindi fare clic su Più configurazioni pulsante. Selezionare RGB per il Modalità colore, impostare il Effetti raster a Schermo (72 ppi), e quindi fare clic Crea documento.
Abilita la griglia (Visualizza> Mostra griglia) e Snap to Grid (Visualizza> Aggancia alla griglia). Avrai bisogno di una griglia ogni 10 px, quindi semplicemente vai Modifica> Preferenze> Guide e griglia, ed entra 10 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.
Puoi imparare di più sul sistema di griglia di Illustrator in questo breve tutorial di Andrei Stefan: Capire il Grid System di Adobe Illustrator.
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à. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.
Concentrati sulla barra degli strumenti e fai doppio clic su Strumento grafico a torta per aprire il Tipo di grafico finestra. Immettere gli attributi mostrati nell'immagine seguente e quindi fare clic su ok.
Assicurarsi che il Strumento grafico a torta è selezionato e fai semplicemente clic sulla tua tavola da disegno per aprire il Grafico finestra. Impostare entrambi Larghezza e Altezza a 450 pt, e quindi fare clic ok.
Inserire i dati mostrati di seguito e quindi fare clic su Dai un'occhiata pulsante. Posiziona il tuo nuovo grafico all'incirca come mostrato nell'immagine seguente.
Scegli il Strumento di selezione diretta (A), selezionare solo la forma evidenziata nell'immagine seguente e concentrarsi su Aspetto pannello (Finestra> Aspetto).
Rimuovere il colore del tratto esistente e quindi selezionare il riempimento. Imposta il suo colore su R = 255 G = 190 B = 123 e vai a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Verticale cursore a -1 px ed entra 15 nel copie casella, quindi fare clic ok. Ritorna al Aspetto pannello e aggiungere un secondo riempimento utilizzando il Aggiungi nuovo riempimento pulsante. Selezionalo, imposta il colore su R = 255 G = 223 B = 153, e vai a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Verticale cursore a -15 px e fare clic ok.
Usando il Strumento di selezione diretta (A), seleziona le altre fette del grafico a torta uno per uno. Rimuovi il colore del tratto e sostituisci i colori di riempimento esistenti con quelli mostrati sotto.
Scegli il Strumento di selezione dei gruppi e seleziona uno dei pezzi di testo dal grafico a torta. Fare clic una seconda volta sullo stesso testo per selezionare facilmente tutto il testo.
Apri il Personaggio pannello (Finestra> Tipo> Carattere) e selezionare il carattere Alma Mono Heavy. Impostare il Taglia a 25 px e cambia il colore in bianco (R = 255 G = 255 B = 255).
Scegli il Sposta strumento (V), seleziona l'intero grafico a torta e concentrati su Aspetto pannello.
Aggiungi un nuovo riempimento, selezionalo e assicurati che si trovi al di sotto del "Contenuto" sezione. Imposta il colore su R = 255 G = 242 B = 236 e vai a Effetto> Converti in forma> Ellisse. Controlla il Assoluto casella, impostare entrambi Larghezza e Altezza a 500 px, clic ok, e poi andare a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Verticale cursore a 7 px, clic ok, e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere gli attributi mostrati di seguito e fare clic ok.
Assicurati che l'intero grafico a torta sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un secondo riempimento, trascinalo sotto il riempimento esistente e selezionalo.
Imposta il colore su R = 255 G = 82 B = 119, abbassalo Opacità a 30%, e vai a Effetto> Converti in forma> Ellisse. Controlla il Assoluto casella, impostare entrambi Larghezza e Altezza a 440 px, clic ok, e poi andare a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Verticale cursore a 45 px, clic ok, e vai a Effetto> Sfocatura> Sfocatura gaussiana. Entrare in un Raggio di 15 px e fare clic ok.
Assicurati che l'intero grafico a torta sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un terzo riempimento, trascinalo sopra gli altri due riempimenti e selezionalo.
Imposta il colore su R = 255 G = 82 B = 119, abbassalo Opacità a 50%, e vai a Effetto> Converti in forma> Ellisse. Controlla il Assoluto casella, impostare entrambi Larghezza e Altezza a 350 px, clic ok, e poi andare a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Verticale cursore a 35 px, clic ok, e vai a Effetto> Sfocatura> Sfocatura gaussiana. Entrare in un Raggio di 15 px e fare clic ok.
Usando il Strumento rettangolo (M), creare un 510 x 80 px forma e posizionarlo come mostrato nell'immagine seguente. Assicurati che questo rettangolo rimanga selezionato e si concentri su Aspetto pannello.
Seleziona il riempimento, imposta il suo colore su R = 255 G = 242 B = 236, e vai a Effetto> Stilizzazione> Angoli arrotondati. Entrare in un Raggio di 40 px, clic ok, e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere gli attributi mostrati di seguito e fare clic ok.
Assicurati che il tuo rettangolo rimanga selezionato e continua a focalizzarti su Aspetto pannello. Aggiungi un secondo riempimento e trascinalo sotto l'altro.
Imposta il colore su R = 255 G = 82 B = 119, abbassalo Opacità a 30%, e vai a Effetto> Stilizzazione> Angoli arrotondati. Entrare in un Raggio di 10 px, clic ok, e vai a Effetto> Distorci e trasforma> Trasforma. Immettere gli attributi mostrati di seguito, fare clic su ok, e vai a Effetto> Sfocatura> Sfocatura gaussiana. Impostare il Raggio a 15 px e fare clic ok.
Per questo passaggio, avrai bisogno di una griglia ogni 5 px. Semplicemente vai Modifica> Preferenze> Guide e griglia ed entra 5 nel Gridline ogni scatola.
Scegli il Strumento ellisse (L) e creare a 60 px cerchio, quindi selezionare il Strumento rettangolo (M) e creare a 30 px piazza. Posiziona il quadrato come mostrato nella seconda immagine e riempilo con R = 255 G = 190 B = 123. Seleziona entrambe le forme realizzate in questo passaggio e fai clic su intersecare pulsante dal esploratore pannello (Finestra> Pathfinder).
Seleziona il quarto di cerchio e posizionalo come mostrato nell'immagine seguente.
Crea tre copie del tuo quarto di cerchio. Posizionali come mostrato di seguito e sostituisci il giallo con i colori mostrati di seguito.
Vai al tuo Toolbar e imposta il colore di riempimento su R = 178 G = 70 B = 116. Concentrarsi sul Personaggio pannello, selezionare il carattere Auro e impostare la dimensione su 16 px.
Scegli il Tipo Strumento (T), clicca sulla tua tavola da disegno, aggiungi il "Limone" pezzo di testo, quindi posizionarlo come mostrato di seguito. Digita gli altri tre pezzi di testo e posizionali come mostrato di seguito.
Seleziona tutti e quattro i pezzi di testo e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere gli attributi mostrati di seguito e fare clic ok.
Scegli il Strumento rettangolo (M) e creare un 870 x 1000 px forma. Riempi questo nuovo rettangolo con R = 255 G = 255 B = 250, assicurati che copra l'intera tavola da disegno e invialo indietro (Shift-Control-[).
Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri. Non esitare a condividere il tuo risultato finale nella sezione commenti.
Sentiti libero di adattare il design finale e renderlo tuo. Puoi trovare alcune grandi fonti di ispirazione in GraphicRiver, con soluzioni interessanti per migliorare il tuo design.
Accentsconagua