Creare e modificare forme

Le forme sono gli elementi di base della grafica vettoriale e questa è la prima cosa che si impara usando Illustrator CC. In questa sezione imparerai a disegnare forme semplici come un cerchio e un rettangolo. Durante la creazione delle forme, vedrai anche come modificarle e scoprirai cosa sono le forme dinamiche. Nell'ultima versione di Illustrator CC, puoi seguirmi aprendo questo documento dai file di esercizi scaricabili per questo tutorial. Una volta aperto il documento, seleziona Vista, Adatta tavola disegno a finestra per visualizzare l'intera composizione nel documento. Attiva quindi lo strumento Selezione nel pannello Strumenti a sinistra e fai clic sul triangolo bianco per selezionarlo. Imparerai a disegnare forme semplici come questo triangolo e alla fine del tutorial sarai in grado di aggiungere forme al robot sulla destra. Se non vedi la casella e le maniglie qui intorno alla forma, che dovrebbero essere visualizzate di default, seleziona Vista, Mostra rettangolo di selezione. Se vedi Nascondi rettangolo di selezione, sei pronto. Nel pannello Strumenti a sinistra, fai clic per selezionare lo strumento Rettangolo e sposta il puntatore nella finestra del documento. La prima forma che andremo a creare è un rettangolo. Spostando il puntatore all'interno del documento, potresti vedere delle linee color magenta. Ti aiuteranno ad allineare i contenuti che crei con quelli esistenti: sono le cosiddette Guide sensibili. Partendo da questa linea tratteggiata, fai clic e trascina per creare un rettangolo. Mentre disegni con lo strumento Forma, comparirà una piccola etichetta grigia con le misure come Larghezza e Altezza. È molto utile per ottenere misure più precise. Rilascia il pulsante del mouse per creare un rettangolo. La maggior parte delle forme che crei sono dinamiche. Potrai quindi ridimensionarle e riposizionarle senza cambiare strumenti. Sposta il puntatore su un angolo del rettangolo. Quando cambia, fai clic e trascina per modificare la forma in base alle dimensioni della linea tratteggiata sottostante. Mentre trascini, una guida magenta diagonale ti indica un quadrato perfetto. Quando la vedi, rilascia il pulsante del mouse per creare il quadrato. Puoi anche premere il tasto Maiusc mentre trascini per creare un quadrato. Noterai questi piccoli widget in ogni angolo della forma. Trascinandone uno con la forma selezionata potrai arrotondare gli angoli. Trascina leggermente uno di questi widget angolari verso il centro della forma per arrotondarne gli angoli. La maggior parte delle forme che disegni avranno opzioni come questi widget angolari. Proviamo con un'altra forma. Tieni premuto lo strumento Rettangolo nel pannello Strumenti a sinistra per visualizzare altre forme. Seleziona lo strumento Poligono. Partendo dal centro di questo triangolo tratteggiato, fai clic e trascina per creare una forma. Quando la dimensione sarà più o meno questa, tieni premuto il tasto Maiusc per raddrizzarla. Rilascia il pulsante del mouse e poi il tasto Maiusc. Anche i poligoni come questo hanno opzioni forma come il rettangolo. Ad esempio, questo widget laterale controlla il numero di lati del poligono. Trascina questo widget laterale finché la forma non avrà tre lati. Per spostare la forma, trascinala a partire dal centro usando questo cerchietto per posizionarla sulle Guide, se necessario. L'ultimo tipo di forma che andremo a creare è un cerchio. Tieni premuto lo strumento Poligono nel pannello Strumenti e seleziona lo strumento Ellisse. Qui in basso, trascina per creare un cerchio. Mentre trascini, questo reticolo ti indica come creare un cerchio perfetto. Rilascia il pulsante del mouse quando lo visualizzi. Il cerchio ha circa le dimensioni che vedi qui. Infine, andiamo a creare questo triangolo copiando e incollando quello già disegnato. Attiva lo strumento Selezione nel pannello Strumenti a sinistra e fai clic sul triangolo che abbiamo creato qui in alto. Seleziona Modifica, Copia, quindi Modifica, Incolla. Trascina la copia del triangolo in basso. Andiamo a ridimensionarlo. Trascina la punta destra verso sinistra per rimpicciolirlo. Trascina anche la punta superiore verso il basso per accorciarlo. Infine, trascina la forma sulle guide tratteggiate. Ora che hai un po' di esperienza con le forme in Illustrator CC, continua a esercitarti creando le forme per questo robot usando rettangoli, cerchi e poligoni. Le guide tratteggiate ti aiuteranno a capire quali forme creare in ogni punto. Le ciambelle sono composte da due cerchi, uno più piccolo sopra un altro più grande. Il cerchio più piccolo ha un colore di riempimento rosso. Imparerai a cambiare il colore delle forme nel video sulla modifica dei colori degli elementi grafici. Salviamo una copia di questo documento: seleziona File, Salva con nome... Modifica il nome del file per non sovrascrivere l'originale. Fai clic su Salva, quindi premi OK.

In questa lezione imparerai a tracciare una linea con lo strumento Segmento linea, scoprirai da cos'è composto un tracciato e vedrai come modificare le linee che hai creato usando lo strumento Cambia forma. Nell'ultima versione di Illustrator CC, puoi seguirmi aprendo questo documento dai file di esercizi scaricabili per questo tutorial. Con il file aperto, seleziona Vista, Adatta tavola disegno a finestra per visualizzare l'intera composizione. Inizia selezionando lo strumento Segmento linea nel pannello Strumenti a sinistra, quindi spostati nel progetto. Inizieremo ad aggiungere dei rami e un tronco all'albero. Per creare una linea, basta fare clic e trascinare nella direzione che deve seguire la linea. Quindi, fai clic nell'albero e trascina verso il basso. Puoi spostarti in tutte le direzioni per creare una linea. La casella grigia che ti indica la distanza e l'angolazione è una delle cosiddette Etichette misure e può essere molto utile se vuoi essere più preciso. Quando avrai ottenuto una linea simile a questa, rilascia il mouse. In Illustrator CC, questa linea è denominata tracciato. Un tracciato è formato da almeno due punti di ancoraggio. Puoi vederli qui alle estremità della linea. Un segmento linea collega i punti di ancoraggio. Possiamo creare tracciati di tutti i tipi in Illustrator CC: linee o tracciati dritti, tracciati curvi e non solo. Dopo aver disegnato questa linea, puoi modificarla facilmente senza cambiare strumenti. Sposta il puntatore sull'estremità inferiore della linea, fai clic e trascina. Noterai che è possibile spostare uno dei punti. Mentre trascini, premi il tasto Maiusc per vincolare i movimenti a 45°. Quando ottieni una linea retta, rilascia il pulsante del mouse e poi il tasto. Per cambiare lo spessore della linea, puoi modificare il cosiddetto Spessore traccia nel pannello Proprietà a destra del documento. Imposta lo Spessore traccia a 2 pt facendo clic sulla freccia su. Ora creiamo altre linee per i rami dell'albero. Posiziona il puntatore sulla linea che hai disegnato, in un punto qualsiasi della chioma. Fai clic e trascina per creare una linea corta come questa. Le Guide sensibili, ovvero le linee magenta che vedi, ti aiuteranno a capire quando gli oggetti si agganciano e si allineano. Disegna una seconda linea. Ora andremo a creare la copia di una linea e la sposteremo sotto gli edifici. Attiva lo strumento Selezione e fai clic per selezionare la prima linea che hai disegnato, il tronco dell'albero. Seleziona Modifica, Copia, quindi Modifica, Incolla. Posiziona il puntatore oltre una delle estremità della linea. Quando compare una piccola freccia di rotazione, fai clic e trascina per ruotare la linea. Vogliamo ottenere una linea retta orizzontale da posizionare sotto questi edifici. Quando la linea è perfettamente orizzontale, rilascia il pulsante del mouse. Trascina la linea da questo punto centrale verso il basso, sotto gli edifici. Per allungare la linea, trascina l'estremità destra verso destra. Vedrai nuovamente le linee magenta delle Guide sensibili. Ti indicheranno che stai allungando la linea. Con la linea ancora selezionata, cambia lo Spessore traccia nel pannello Proprietà a destra. Impostalo a 16 pt selezionando questo valore dal menu. Ora cambieremo il colore della linea modificando il Colore traccia. Fai clic su Colore traccia nel pannello Proprietà. Premi questo pulsante Campioni per essere certo di vedere i colori salvati inclusi nel documento e seleziona un arancione. Infine, cambiamo la forma di una linea. In questo caso, trasformeremo una delle linee rette dei rami dell'albero in una linea curva usando lo strumento Cambia forma. Fai clic per selezionare una delle linee più corte nell'albero. Seleziona Vista, Zoom in - un paio di volte per aumentare lo zoom e riuscire a vederla meglio. Nel pannello Strumenti a sinistra, tieni premuto lo strumento Ridimensiona e seleziona lo strumento Cambia forma. Torna sulla linea corta che hai selezionato, fai clic e trascina per incurvarla. Per visualizzare tutti gli elementi del progetto, seleziona Vista Adatta tavola disegno a finestra. Ora che sai come creare e modificare le linee, puoi esercitarti a creare tracciati da aggiungere a questi edifici. Potresti provare ad aggiungere linee per questa finestra e anche a modificarne il Colore traccia e lo Spessore traccia. Per salvare una copia di questo documento, seleziona File, Salva con nome... Accertati di rinominare il file per lasciare intatto il documento originale.
 

In Illustrator CC puoi usare forme e tracciati semplici come elementi di base per composizioni più complesse combinando le forme in vari modi. In questo video imparerai a combinare queste forme in vari modi usando lo strumento Crea forme per realizzare la composizione finale che vedi a destra. Nell'ultima versione di Illustrator CC, puoi seguirmi aprendo questo documento dai file di esercizi scaricabili per questo tutorial. Seleziona Vista, Adatta tavola disegno a finestra per visualizzare l'intera composizione. Inizieremo creando questa forma principale, costituita da un cerchio e un rettangolo sovrapposti. Dovremo combinarli in un'unica forma per ottenere questa forma nella composizione finale. Per combinare le forme, devi prima selezionarle. Attiva lo strumento Selezione e trascina su queste due forme per selezionarle. Se ci fossero altri elementi grafici sotto, potresti fare clic premendo Maiusc per selezionare più forme. Seleziona lo strumento Crea forme nel pannello Strumenti a sinistra e trascina su entrambe le forme per combinarle. Un'ombreggiatura ti segnala le forme che verranno combinate, mentre il bordo rosso indica la forma finale che verrà generata. Rilascia il pulsante del mouse per combinare le forme. Oltre a combinare le forme, con lo strumento Crea forme puoi rimuoverne alcune parti. È un altro modo per creare forme complesse a partire da forme più semplici. Attiva nuovamente lo strumento Selezione e trascinalo su questi due cerchi per selezionarli. Dobbiamo rimuovere la parte superiore e inferiore per creare un occhio nel punto di sovrapposizione, come quello che vedi nella composizione finale. Con la forma selezionata, attiva lo strumento Crea forme nel pannello Strumenti. Ora premi il tasto Opzione su Mac o il tasto ALT su Windows. Vicino al puntatore compare un segno Meno (-). Facendo clic, l'elemento selezionato verrà rimosso. Tieni premuto il tasto Opzione o ALT e fai clic nella parte superiore per rimuoverla, quindi fai clic nella parte inferiore per rimuovere anche quella. Infine, rilascia il tasto. Ora sposteremo questa forma sulle altre. Attiva lo strumento Selezione nel pannello Strumenti e trascina l'occhio sulla prima forma combinata. L'ultima forma da creare è questa piccola luna presente nella composizione finale. Seleziona questi due cerchi più piccoli trascinando su di essi. Seleziona ancora lo strumento Crea forme nel pannello Strumenti. Per rimuovere alcune parti di queste forme, premi il tasto Opzione su Mac o il tasto ALT su Windows. Trascinando da destra a sinistra, spostati sulla forma sovrapposta per rimuovere queste parti e ottenere una luna crescente. Rilasciate il pulsante del mouse, quindi rilasciate il tasto  Attiva nuovamente lo strumento Selezione. Andiamo ad assemblare tutte queste forme nella composizione finale. Per ingrandire un po', seleziona Vista, Zoom in - un paio di volte. Mantenendo selezionata la luna crescente, trascinala su questo cerchio nero. Trascina su entrambe queste forme per selezionarle, quindi trascinale sull'occhio. Per completare la composizione, trascina la forma blu sulle altre forme. Per visualizzare l'intera composizione, seleziona Vista, Adatta tavola disegno a finestra. Ora sai combinare le forme in vari modi con lo strumento Crea forme. Prova a sperimentare realizzando una composizione: partendo da forme semplici, combinale e crea grafica per loghi, poster o qualsiasi altro progetto. Salva una copia di questo documento selezionando File, Salva con nome... Accertati di assegnargli un nome diverso per mantenere intatto il file originale. In Illustrator CC puoi usare forme e tracciati semplici come elementi di base per composizioni più complesse combinando le forme in vari modi. In questo video imparerai a combinare queste forme in vari modi usando lo strumento Crea forme per realizzare la composizione finale che vedi a destra. Nell'ultima versione di Illustrator CC, puoi seguirmi aprendo questo documento dai file di esercizi scaricabili per questo tutorial. Seleziona Vista, Adatta tavola disegno a finestra per visualizzare l'intera composizione. Inizieremo creando questa forma principale, costituita da un cerchio e un rettangolo sovrapposti. Dovremo combinarli in un'unica forma per ottenere questa forma nella composizione finale. Per combinare le forme, devi prima selezionarle. Attiva lo strumento Selezione e trascina su queste due forme per selezionarle. Se ci fossero altri elementi grafici sotto, potresti fare clic premendo Maiusc per selezionare più forme. Seleziona lo strumento Crea forme nel pannello Strumenti a sinistra e trascina su entrambe le forme per combinarle. Un'ombreggiatura ti segnala le forme che verranno combinate, mentre il bordo rosso indica la forma finale che verrà generata. Rilascia il pulsante del mouse per combinare le forme. Oltre a combinare le forme, con lo strumento Crea forme puoi rimuoverne alcune parti. È un altro modo per creare forme complesse a partire da forme più semplici. Attiva nuovamente lo strumento Selezione e trascinalo su questi due cerchi per selezionarli. Dobbiamo rimuovere la parte superiore e inferiore per creare un occhio nel punto di sovrapposizione, come quello che vedi nella composizione finale. Con la forma selezionata, attiva lo strumento Crea forme nel pannello Strumenti. Ora premi il tasto Opzione su Mac o il tasto ALT su Windows. Vicino al puntatore compare un segno Meno (-). Facendo clic, l'elemento selezionato verrà rimosso. Tieni premuto il tasto Opzione o ALT e fai clic nella parte superiore per rimuoverla, quindi fai clic nella parte inferiore per rimuovere anche quella. Infine, rilascia il tasto. Ora sposteremo questa forma sulle altre. Attiva lo strumento Selezione nel pannello Strumenti e trascina l'occhio sulla prima forma combinata. L'ultima forma da creare è questa piccola luna presente nella composizione finale. Seleziona questi due cerchi più piccoli trascinando su di essi. Seleziona ancora lo strumento Crea forme nel pannello Strumenti. Per rimuovere alcune parti di queste forme, premi il tasto Opzione su Mac o il tasto ALT su Windows. Trascinando da destra a sinistra, spostati sulla forma sovrapposta per rimuovere queste parti e ottenere una luna crescente. Rilasciate il pulsante del mouse, quindi rilasciate il tasto  Attiva nuovamente lo strumento Selezione. Andiamo ad assemblare tutte queste forme nella composizione finale. Per ingrandire un po', seleziona Vista, Zoom in - un paio di volte. Mantenendo selezionata la luna crescente, trascinala su questo cerchio nero. Trascina su entrambe queste forme per selezionarle, quindi trascinale sull'occhio. Per completare la composizione, trascina la forma blu sulle altre forme. Per visualizzare l'intera composizione, seleziona Vista, Adatta tavola disegno a finestra. Ora sai combinare le forme in vari modi con lo strumento Crea forme. Prova a sperimentare realizzando una composizione: partendo da forme semplici, combinale e crea grafica per loghi, poster o qualsiasi altro progetto. Salva una copia di questo documento selezionando File, Salva con nome... Accertati di assegnargli un nome diverso per mantenere intatto il file originale.

Illustrator CC è eccellente per i vettori ma puoi inserire anche immagini raster nei tuoi progetti. Le immagini raster, come i JPEG o i PNG, sono un gruppo di pixel allineati su una griglia per formare un'immagine. Le immagini raster non si possono ridimensionare senza perdere in qualità. Per ridimensionare o modificare la grafica di un'immagine raster in Illustrator CC, puoi ricalcare l'immagine per creare tracciati modificabili a partire da essa. Con questo progetto imparerai a ricalcare le immagini raster per creare grafica vettoriale e vedrai come modificare gli elementi grafici ricalcati. Infine, li inserirai nel progetto esistente a destra. Nell'ultima versione di Illustrator CC, puoi seguirmi aprendo questo documento dai file di esercizi scaricabili per questo tutorial. Per essere certo di visualizzare tutto, seleziona Vista, Adatta tutto a finestra. Dopo aver attivato lo strumento Selezione nel pannello Strumenti, fai clic sull'immagine a sinistra per selezionarla. Questa immagine raster è la foto di un blocco da disegno. Per acquisire solo lo schizzo del robot e aggiungerlo al progetto della card di compleanno a destra, ricalcheremo l'immagine per convertirla in una serie di oggetti vettoriali. Con l'immagine selezionata, premi il pulsante Ricalco immagine nel pannello Proprietà a destra e seleziona [Predefinito] nel menu a comparsa. Questa impostazione può essere molto utile per ricalcare dei contenuti e separarli da uno sfondo. Quando ricalchi un'immagine, puoi impostare una serie di opzioni in base al risultato desiderato. Fai clic sull'opzione Predefinito nel pannello Proprietà a destra e seleziona Foto bassa fedeltà nel menu. Assomiglia all'immagine originale, anche perché è a colori. Seleziona quindi Schizzo dallo stesso menu Predefinito per ottenere le forme necessarie. Troverai molte altre opzioni per ottimizzare il ricalco nel pannello Ricalco immagine, ma il nostro ricalco va bene. Anche se questa immagine è stata ricalcata e convertita in grafica vettoriale, non è ancora modificabile. Al termine del ricalco, puoi espandere la composizione per poterla modificare, ma ricorda che dopo averlo fatto non potrai applicare altre impostazioni di ricalco. Stai essenzialmente chiudendo il ricalco. Premi il pulsante Espandi nel pannello Proprietà per chiudere il ricalco, così potrai modificare la grafica vettoriale. Per selezionare solo il robot, attiva lo strumento Lazo nel pannello Strumenti a sinistra. Trascina attentamente intorno al robot per selezionare solo la testa. Se selezioni più contenuti del necessario, riprova. Per copiare la testa del robot, seleziona Modifica, Copia. Seleziona quindi Modifica, Incolla per incollare i contenuti copiati. Per tenere uniti i pezzi della testa di questo robot e gestirli come un oggetto unico, andiamo a raggrupparli. Scegli Oggetto, Raggruppa. Attiva ancora lo strumento Selezione e trascina il robot in questa posizione. Per adattarlo a questa forma blu, trascina un angolo dell'oggetto selezionato e rimpiccioliscilo un po'. Mentre trascini, premi il tasto Maiusc per bloccare le proporzioni e non distorcerlo. Quando è grande così, rilascia il pulsante del mouse e poi il tasto Maiusc. Trascinalo quindi verso il centro della forma blu che sta dietro. Per cambiare il colore della testa del robot, fai clic nella casella del colore di Riempimento nel pannello Proprietà a destra. Accertati che siano selezionati i Campioni, quindi scegli il colore bianco. Dopodiché, puoi fare clic su Seleziona, Deseleziona per vedere la composizione finale. Ora che sai come ricalcare le immagini raster in Illustrator CC e convertirle in grafica vettoriale modificabile, puoi ricalcare le immagini per inserire altra grafica vettoriale nei tuoi progetti. Ad esempio, ricalca le texture delle foto per aggiungerle come sfondi con texture in Illustrator CC, ricalca scritte disegnate a mano e molto altro. Salva una copia di questo documento selezionando File, Salva con nome... e rinominalo. In questo modo, conserverai il file di esercizi originale.