Ricordo di aver realizzato infografiche, grafici e diagrammi in una delle mie prime lezioni di Adobe Illustrator al primo anno. Questo risponde alla vostra domanda se Adobe Illustrator sia adatto o meno alla realizzazione di grafici? Certo che sì!

Perché è totalmente personalizzabile e si possono facilmente combinare i colori e lo stile con altri elementi del progetto. Inoltre, gli strumenti grafici rendono molto semplice la creazione di diversi tipi di grafici in Adobe Illustrator.

In questa esercitazione imparerete a creare e modellare grafici in Adobe Illustrator utilizzando diversi strumenti grafici e alcuni suggerimenti per la modifica.

Nota: le schermate di questa esercitazione sono tratte da Adobe Illustrator CC 2022 versione Mac. Windows o altre versioni possono avere un aspetto diverso.

Dove si trova lo strumento grafico in Adobe Illustrator

Gli strumenti grafici sono disponibili nella barra degli strumenti sul lato sinistro della finestra del documento di Adobe Illustrator. Lo strumento grafico predefinito è lo Strumento grafico a colonne, ma è possibile fare clic sull'icona per espandere il menu e visualizzare altri strumenti grafici.

Se non riuscite a trovare gli strumenti sulla vostra barra degli strumenti, è perché state usando la barra degli strumenti di base. In questo caso, dovrete cambiare la vostra barra degli strumenti in una barra degli strumenti avanzata dal menu in alto. Finestra > Barre degli strumenti > Avanzato .

Trovato? Andiamo avanti e facciamo dei grafici!

Come utilizzare lo strumento grafico in Adobe Illustrator

In Adobe Illustrator esistono nove strumenti grafici pronti all'uso e il metodo funziona in modo simile: qualunque strumento scegliate, vi verrà chiesto di inserire i dati nel foglio e verrà creato il tipo di grafico che avete scelto.

Vi mostrerò come realizzare un grafico a barre/colonne, un grafico a linee e un grafico a torta, poiché sono quelli più comunemente utilizzati.

Esempio 1: come creare un grafico a barre/colonne in Illustrator

Il grafico a barre e il grafico a colonne sono sostanzialmente la stessa cosa, solo che i dati vengono mostrati con orientamenti diversi. Questa è la mia opinione. In ogni caso, iniziamo con lo strumento predefinito del grafico a colonne.

Fase 1: Scegliere il Strumento grafico a colonne dalla barra degli strumenti, oppure utilizzare la scorciatoia da tastiera J per attivarlo.

Fase 2: Fare clic sull'artboard e immettere le dimensioni del grafico oppure fare clic e trascinare direttamente sull'artboard. Non preoccuparsi delle dimensioni se non si dispone di un valore esatto, perché è possibile ridimensionare il grafico in qualsiasi momento.

Una volta fatto clic sul pulsante OK si aprirà un foglio in cui inserire i dati del grafico.

Fase 3: Immettere i dati. Fare clic sulla prima casella della tabella e digitare l'attributo sulla barra bianca in alto. Premere il pulsante Ritorno o Entrare e l'attributo verrà visualizzato nella tabella.

Ad esempio, si possono inserire i dati A, i dati B, i dati C e i dati D.

Quindi inserire il valore di ciascun attributo nella seconda riga della tabella.

Ad esempio, il dato A è il 20%, il dato B è il 50%, il dato C è il 25% e il dato D è il 5%, quindi è possibile aggiungere i numeri 20, 50, 25 e 5 sotto i dati corrispondenti.

Nota: la somma dei numeri deve essere pari a 100.

È anche possibile importare e modificare un grafico da Excel in Adobe Illustrator. Quindi, se i dati sono già presenti in Excel e non si desidera ricrearli, è possibile fare clic sul pulsante Importa dati e scegliere il file Excel per importare i dati da Excel ad Adobe Illustrator.

Una volta inseriti i dati, fare clic sul pulsante di controllo e chiudere il foglio.

Il grafico viene visualizzato in scala di grigi, quindi il passo successivo consiste nello stilizzare il grafico.

Passo 4: Selezionare il grafico e andare su Oggetto > Non raggruppati per disaggregare il grafico in modo da poterlo modificare. Quando si disaggrega, viene visualizzato un messaggio simile a questo. Fare clic su Sì .

Sarà necessario disaggregare un paio di volte perché di solito il testo è raggruppato insieme e le forme sono raggruppate in sottogruppi.

Nota: una volta che il grafico è stato disaggregato, non è più possibile modificare i dati con lo strumento grafico. Pertanto, se non si è sicuri al 100% dei dati, è consigliabile duplicare il grafico nel caso in cui si vogliano apportare modifiche.

Una volta che gli oggetti sono stati disaggregati, è possibile creare il grafico, cambiando i colori, aggiungendo texture, aggiungendo testo o addirittura creando un grafico a colonne in 3D. Iniziando dai colori, ad esempio, è possibile creare un grafico a colonne in 3D.

Passo 5: Selezionate le colonne e cambiate i colori. Ci sono molti modi per riempire i colori in Adobe Illustrator. Se non riuscite a trovare il vostro colore preferito dai campioni, potete creare i vostri campioni.

Tutto qui. Sentitevi liberi di aggiungere altro stile al vostro grafico a colonne.

Ora diamo un'occhiata al Strumento grafico a barre Inserite gli stessi dati utilizzati con lo strumento Grafico a colonne e otterrete un grafico a barre di base come questo.

È possibile utilizzare lo stesso metodo introdotto sopra per modellare il grafico a barre. Ad esempio, oltre a cambiare i colori, qui ho ridimensionato anche le barre.

Esempio 2: come realizzare un grafico a torta in Illustrator

Come ho già detto, il metodo funziona in modo simile, quindi si possono seguire gli stessi passi dell'Esempio 1 per realizzare un grafico a torta. Ma nel passo 1, invece di scegliere lo strumento Grafico a colonne, si sceglie lo strumento Strumento Grafico a torta .

Dopo aver inserito i dati, verrà visualizzato il grafico a torta invece di quello a colonne.

Ci sono cose divertenti che si possono fare con un grafico a torta, ad esempio renderlo tridimensionale, a mezza torta o a ciambella.

Solo alcune idee da condividere 🙂

Esempio 3: come creare un grafico a linee in Illustrator

Lo strumento linea è solitamente utilizzato quando si desidera confrontare i dati tra diverse linee temporali. È un po' più complicato rispetto alla creazione di un grafico a colonne o a torta quando si inseriscono i dati nel foglio. In realtà, è lo stesso modo in cui si inseriscono i dati in un foglio di calcolo Excel.

Un esempio rapido: una gelateria chiede a 1.000 persone di votare i loro gusti di gelato preferiti, ed ecco i dati dell'ultimo anno.

Non sembrava molto elegante, vero?

È possibile disaggregare gli oggetti e utilizzare lo stesso metodo dell'Esempio 1 per creare uno stile. È possibile modificare la forma dell'indicatore, ad esempio io ho scelto forme diverse per rappresentare il sapore.

Suggerimento rapido: se si sono tolti tutti i gruppi ma si desidera selezionare le stesse forme o gli stessi colori è possibile andare nel menu sopraelevato e scegliere Selezionare > Lo stesso > Aspetto .

Sembra meglio ora?

Conclusione

L'aspetto migliore della creazione di grafici e diagrammi in Adobe Illustrator è la possibilità di stilizzarli facilmente e di dare un aspetto fantastico alle visualizzazioni dei dati. I tre esempi di questa esercitazione dovrebbero aiutarvi a capire il resto degli strumenti per i grafici.

Anche in questo caso, è importante assicurarsi che i dati siano accurati prima di disaggregare e stilizzare il grafico.