I tracciati sono contorni che potete trasformare in selezioni o a cui potete applicare un riempimento o una traccia di colore. tracciato temporaneo

Transcript

1 Disegnare

2 Il disegno (1) Quando si disegna in Adobe Photoshop si creano forme vettoriali e tracciati. Per disegnare potete usare gli strumenti: Forma Penna Penna a mano libera Le opzioni per ogni strumento sono disponibili nella barra delle opzioni. Prima di iniziare a disegnare in Photoshop, dovete scegliere un metodo nella barra delle opzioni. La scelta del metodo consente di determinare se: intendete creare una forma vettoriale su un livello separato un tracciato di lavoro su un livello esistente (x decidere in seguito l uso) una forma rasterizzata su un livello esistente.

3 Il disegno (2) Le forme vettoriali sono linee e curve che potete disegnare usando gli strumenti forma o penna. Le forme vettoriali non dipendono dalla risoluzione: mantengono bordi nitidi anche se ridimensionate, stampate con una stampante PostScript, salvate in un file PDF o importate in un applicazione di grafica vettoriale. È possibile creare librerie di forme personalizzate e modificare il contorno di una forma (denominato tracciato) e i relativi attributi quali: lo spessore il colore di riempimento lo stile. I tracciati sono contorni che potete trasformare in selezioni o a cui potete applicare un riempimento o una traccia di colore. Per modificare la forma di un tracciato è sufficiente spostarne i punti di ancoraggio. Un tracciato di lavoro è un tracciato temporaneo che appare nel pannello Tracciati e definisce il contorno di una forma.

4 Utilizzo dei tracciati Usate i tracciati come maschere vettoriali per nascondere le aree di un livello. (Visto in precedenza con i livelli). Convertite i tracciati in selezioni. Applicate ai tracciati riempimenti di colore o tracce. Impostate i tracciati salvati come tracciati di ritaglio, con cui ottenere aree trasparenti nelle immagini da esportare e inserire in applicazioni di impaginazione o di grafica vettoriale. (lo tratteremo nell esportazione delle immagini)

5 Metodi di disegno Quando disegnate con gli strumenti forma o penna, potete usare tre metodi diversi. Con uno strumento forma o penna selezionato, scegliete un metodo selezionandone l icona nella barra delle opzioni. Livelli forma Crea una forma su un altro livello. Potete usare gli strumenti forma o penna per creare i livelli forma. I livelli forma sono ideali per la creazione di grafica per pagine Web perché possono essere facilmente spostati, ridimensionati, allineati e distribuiti. All interno di un livello potete disegnare più forme in un livello. Un livello forma è costituito da un livello di riempimento che definisce il colore della forma e da una maschera vettoriale collegata che definisce il contorno della forma. Il contorno della forma è un tracciato che appare nel pannello Tracciati. Tracciati Disegna un tracciato di lavoro sul livello corrente che potete poi usare per eseguire una selezione, creare una maschera vettoriale o applicare un riempimento o una traccia di colore per creare grafica raster (proprio come fareste con uno strumento di pittura). Un tracciato di lavoro è temporaneo finché non lo salvate. I tracciati appaiono nel pannello Tracciati. Riempi pixel Dipinge direttamente su un livello, analogamente a uno strumento di pittura. quando usate questo metodo, vengono create delle immagini raster e non della grafica vettoriale. Potete quindi lavorare con le forme che dipingete come fareste con una qualsiasi immagine raster. Quando è attivo questo metodo funzionano soltanto gli strumenti forma.

6

7 A. Disegnare le forme Gli strumenti forma consentono di creare rapidamente pulsanti, barre di spostamento e altri elementi usati nelle pagine Web.

8 Creare una forma in un livello forma 1) Selezionate uno strumento forma o uno strumento penna. Accertatevi che il pulsante Livelli forma sia selezionato nella barra delle opzioni. 2) Per scegliere il colore della forma, fate clic sul campione di colore nella barra delle opzioni, quindi selezionate il colore dal Selettore di colore. 3) (Facoltativo) Impostate le opzioni per lo strumento nella barra delle opzioni: Fate clic sulla freccia capovolta accanto ai pulsanti della forma per visualizzare le opzioni aggiuntive per ogni strumento.

9 Creare una forma in un livello forma 4) (Facoltativo) Per applicare uno stile alla forma, selezionate uno stile predefinito dal menu a comparsa Stile nella barra delle opzioni. Consultate Applicare gli stili predefiniti a pagina ) Trascinate il puntatore sull immagine per disegnare la forma: Per vincolare un rettangolo o un rettangolo arrotondato a un quadrato, un ellisse a un cerchio o un angolo a un multiplo di 45, tenete premuto Maiusc. Per disegnare dal centro verso l esterno, posizionate il puntatore del mouse nel punto che dovrà corrispondere al centro della forma, tenete premuto Alt (Windows) o Opzione (Mac OS) e trascinate diagonalmente verso un angolo o un bordo finché la forma avrà le dimensioni desiderate.

10 Disegnare più forme in un livello Potete disegnare forme distinte in un livello oppure usare le opzioni Aggiungi, Sottrai, Interseca o Escludi per modificare la forma corrente in un livello. 1) Selezionate il livello in cui desiderate aggiungere le forme. 2) Selezionate uno strumento di disegno e impostate le opzioni specifiche per tale strumento. Consultate Opzioni degli strumenti forma a pagina ) Nella barra delle opzioni, selezionate una delle seguenti opzioni: Aggiungi ad area forma Aggiunge la nuova area al tracciato o alle forme esistenti. Sottrai dall area della forma Rimuove l area sovrapposta al tracciato o alle forme esistenti. Interseca aree forma Limita l area all intersezione tra la nuova area e il tracciato o le forme esistenti. Escludi aree forme sovrapposte Esclude l area di sovrapposizione nelle aree consolidate nuove ed esistenti. 4) Disegnate nell immagine. Potete passare con facilità da uno strumento di disegno all altro facendo clic sul pulsante di uno strumento nella barra delle opzioni.

11 Disegnare una forma di ruota L obiettivo è di tagliare ricavare una forma da una forma esistente in modo da rendere visibili i livelli sottostanti. Questa procedura spiega come creare una forma di ciambella, ma potete seguire questa tecnica anche con altri strumenti forma, compresi quelli per forme personali. 1) Selezionate lo strumento ellisse nella finestra degli strumenti. Potrebbe essere nascosto da uno degli altri strumenti forma o linea. 2) Nella barra delle opzioni nella parte superiore dell area di lavoro, selezionate il pulsante Livelli forma. 3) Per disegnare la forma, trascinate nella finestra del documento. Per vincolare l ellisse a un cerchio, tenete premuto Maiusc mentre trascinate.

12 4) Nella barra delle opzioni, selezionate il pulsante Sottrai dall area della forma. 5) Per creare il ritaglio, trascinate all interno della nuova forma. Quando rilasciate il pulsante del mouse, l immagine è visibile sotto la nuova forma. 6) Per riposizionare una delle forme, fate clic sullo strumento selezione tracciato nella finestra degli strumenti (può essere nascosto dallo strumento selezione diretta Freccia Nera ) e selezionate il tracciato. Trascinatela nella nuova posizione o usate i tasti freccia della tastiera per spostarla un pixel alla volta.

13 Disegnare una forma personale Potete disegnare delle forme personali usando quelle del pannello a comparsa Forma personale oppure salvare una forma o un tracciato e usarli come forma personale. 1) Selezionate lo strumento forma personale. 2) Selezionate una forma dal pannello a comparsa Forma personale, nella barra delle opzioni. Se non trovate la forma desiderata, fate clic sulla freccia nell angolo in alto a destra del pannello e scegliete una diversa categoria di forme. Quando viene richiesto di sostituire le forme attuali, fate clic su Sostituisci per vedere solo le forme nella nuova categoria o su Aggiungi per mantenere anche quelle già visualizzate. 3) Trascinate il puntatore sull immagine per disegnare la forma.

14 Salvare una forma o un tracciato come forma personale 1) Nel pannello Tracciati, selezionate un tracciato, ad esempio una maschera vettoriale per un livello forma, un tracciato di lavoro o un tracciato salvato. 2) Scegliete Modifica > Definisci forma personale, quindi immettete un nome per la nuova forma personale nella finestra di dialogo Nome forma. La nuova forma compare nel pannello a comparsa Forma nella barra delle opzioni. 3) Per salvare la nuova forma personale in una nuova libreria, selezionate Salva forme dal menu del pannello a comparsa.

15 Creare una forma rasterizzata Per una forma rasterizzata, occorre disegnare e rasterizzare una forma, quindi riempirla con il colore di primo piano. Le forme rasterizzate non possono essere modificate come gli oggetti vettoriali. Esse vengono create con il colore di primo piano corrente. 1) Selezionate un livello. Non potete creare una forma rasterizzata su un livello di tipo vettoriale (ad esempio un livello testo). 2) Selezionate uno strumento forma e fate clic sul pulsante Riempi pixel nella barra delle opzioni.

16 3) Nella barra delle opzioni, impostate le seguenti voci: Metodo Controlla il modo in cui la forma influirà sui pixel esistenti dell immagine (Descrizioni dei metodi di fusione) Opacità Determina in che misura la forma nasconderà o lascerà vedere i pixel sottostanti. Una forma con 1% di opacità è quasi trasparente; una forma con 100% di opacità è completamente opaca. Anti-alias Ammorbidisce e fonde i pixel del bordo con quelli circostanti. 4) Impostate altre opzioni per lo strumento in uso. 5) Disegnate la forma.

17 Modificare le forme Una forma è un livello di riempimento collegato a una maschera vettoriale. Potete assegnare con facilità al riempimento un colore diverso, una sfumatura o un pattern modificando il livello di riempimento di una forma. Potete inoltre modificare la maschera vettoriale di una forma per modificarne il contorno e applicare uno stile al livello. Per cambiare il colore di una forma, fate doppio clic sulla miniatura del livello forma nel pannello Livelli, quindi scegliete un colore diverso usando il selettore colore. Per riempire una forma con un pattern o una sfumatura, selezionate un livello forma nel pannello Livelli, scegliete Livello > Stile livello > Sovrapposizione sfumatura e impostate le opzioni di sfumatura desiderate. Per riempire una forma con un pattern o una sfumatura, selezionate un livello forma nel pannello Livelli, scegliete Livello > Stile livello > Sovrapposizione pattern e impostate le opzioni di pattern desiderate. Per modificare il contorno di una forma, fate clic sulla miniatura della maschera vettoriale del livello forma nel pannello Livelli o Tracciati, quindi modificate la forma con gli strumenti di selezione diretta e penna. Per spostare una forma senza modificarne la dimensione o le proporzioni, utilizzate lo strumento sposta.

18 Opzioni degli strumenti forma Ogni strumento forma dispone di un proprio set di opzioni. Per accedere a tali opzioni, fate clic sulla freccia a destra dei pulsanti forma, nella barra delle opzioni. Frecce Inizio e Fine Aggiunge a una linea delle estremità a forma di freccia. Selezionate lo strumento linea, quindi scegliete Inizio per aggiungere una freccia all inizio della linea, Fine per aggiungere una freccia alla fine della linea. Selezionate entrambe le opzioni per aggiungere frecce a entrambe le estremità. Nella finestra di dialogo a comparsa vengono visualizzate le opzioni della forma. Immettete i valori per Larghezza e Lunghezza per specificare le proporzioni della freccia come percentuale dello spessore della linea (da 10% a 1000% per Larghezza; da 10% a 5000% per Lunghezza). Immettete un valore per la concavità della freccia (da 50% a +50%). Il valore della concavità definisce l entità della curvatura nella parte più larga della freccia, nel punto in cui questa incontra la linea. Nota: potete anche modificare direttamente una freccia con gli strumenti di disegno e selezione vettoriale. Cerchio Vincola un ellisse a un cerchio. Proporzioni definite Genera una forma personale secondo le proporzioni con cui è stata creata.

19 Dimensioni definite Genera una forma personale secondo le dimensioni con cui è stata creata. Dimensione fissa Genera un rettangolo, un rettangolo arrotondato, un ellisse o una forma personale come forma fissa secondo i valori immessi nelle caselle di testo Larghezza e Altezza. Dal centro Genera un rettangolo, un rettangolo arrotondato, un ellisse o una forma personale dal centro. Rientro dei lati di Trasforma un poligono in una stella. Immettete una percentuale nella casella di testo con cui specificare la porzione del raggio della stella in cui rientrano le punte. Un impostazione del 50% crea punte pari alla metà del raggio complessivo della stella; un valore maggiore crea punte più appuntite e sottili; un valore minore crea punte più grosse. Proporzionale Genera un rettangolo, un rettangolo arrotondato o un ellisse come forma proporzionale secondo i valori specificati nelle caselle di testo Larghezza e Altezza.

20 Raggio Per i rettangoli arrotondati, specifica il raggio dell angolo. Per i poligoni, specifica la distanza tra il centro del poligono e i vertici esterni. Lati Specifica il numero di lati in un poligono. Angoli arrotondati o Rientri arrotondati Conferisce a un poligono rientri o angoli arrotondati. Pixel calamitati Calamita i bordi di un rettangolo o di un rettangolo arrotondato ai lati dei pixel. Quadrato Vincola un rettangolo o un rettangolo arrotondato a un quadrato. Senza vincoli Permette di impostare tramite trascinamento la larghezza e l altezza di un rettangolo, un rettangolo arrotondato, un ellisse o una forma personale. Spessore Determina lo spessore di una linea in pixel.

21 Disegnare con gli strumenti penna Photoshop offre vari strumenti penna. Lo strumento penna standard consente di disegnare con la massima precisione, la penna a mano libera di disegnare tracciati come se usaste una matita su un foglio di carta e l opzione penna magnetica di disegnare un tracciato seguendo i bordi di aree ben definite nell immagine. Per creare forme complesse, potete usare gli strumenti penna insieme agli strumenti forma. Quando usate lo strumento penna standard, nella barra delle opzioni sono disponibili le opzioni seguenti: +/ auto, per aggiungere un punto di ancoraggio quando fate clic su un segmento di linea o per eliminare un punto di ancoraggio quando fate clic su di esso. Banda elastica, per ottenere l anteprima dei segmenti di tracciato mentre spostate il puntatore del mouse fra un clic e quello successivo. Per accedere a questa opzione, fate clic sul menu a comparsa a destra dell icona Forma personale. Prima di disegnare con uno strumento penna, potete creare un nuovo tracciato nel pannello Tracciati per salvare automaticamente il tracciato di lavoro con il nome specificato.

22 Disegnare segmenti retti con lo strumento penna Il tracciato più semplice da disegnare con lo strumento penna è una linea retta, facendo clic due volte per creare i due punti di ancoraggio. Continuando a fare clic, potete creare un tracciato formato da segmenti retti collegati da punti angolo.

23 1) Selezionate lo strumento penna. 2) Posizionate la penna nel punto in cui deve iniziare il segmento retto e fate clic per definire il primo punto di ancoraggio (senza trascinare). Nota: il primo segmento disegnato sarà visibile solo dopo che avrete fatto clic per creare il secondo punto di ancoraggio (selezionate l opzione Banda elastica in Photoshop per visualizzare in anteprima i segmenti del tracciato). Se appaiono le linee di direzione, avete trascinato lo strumento penna per errore: scegliete Modifica > Annulla e fate di nuovo clic. 3) Fate nuovamente clic nel punto in cui deve terminare il segmento (premete Maiusc e fate clic per limitare l angolo del segmento a un multiplo di 45 ). 4) Continuate a fare clic per impostare i punti di ancoraggio per gli altri segmenti retti. L ultimo punto di ancoraggio aggiunto appare sempre come un quadratino pieno, a indicare che il punto è selezionato. Mentre aggiungete nuovi punti di ancoraggio, quelli definiti precedentemente diventano vuoti e vengono deselezionati.

24 5) Completate il tracciato effettuando una delle seguenti operazioni: Per chiudere il tracciato, posizionate lo strumento penna sul primo punto di ancoraggio (vuoto). Quando il puntatore è posizionato correttamente, appare un cerchietto accanto allo strumento penna. Fate clic o trascinate per chiudere il tracciato. Per lasciare il tracciato aperto, premete Ctrl (Windows) o Comando (Mac OS) e fate clic in una qualsiasi area senza oggetti. Per lasciare il tracciato aperto, potete inoltre selezionare uno strumento diverso.

25 Disegnare segmenti curvi con lo strumento penna Potete creare una curva aggiungendo un punto di ancoraggio nella posizione in cui la curva cambia direzione e trascinando le linee di direzione che definiscono la forma della curva. La lunghezza e l inclinazione delle linee di direzione determinano la forma del segmento. Le curve risultano più facili da modificare e più veloci da visualizzare e stampare se sono disegnate con il minor numero possibile di punti di ancoraggio. Troppi punti di ancoraggio possono inoltre provocare irregolarità indesiderate in una curva. Disegnate punti di ancoraggio ben distanziati tra loro e provate a cambiare la forma delle curve regolando lunghezza e angolazione delle linee di direzione.

26 Disegnare il 1 punto di una curva a) Posizionate lo strumento penna. b) Iniziate a trascinare (con il pulsante del mouse premuto). c) Trascinate per estendere le linee di direzione.

27 1) Selezionate lo strumento penna. 2) Posizionate lo strumento penna sul punto in cui deve iniziare la curva e tenete premuto il pulsante del mouse. Viene visualizzato il primo punto di ancoraggio e il puntatore della penna assume la forma di una freccia (in Photoshop il puntatore cambia solo dopo l inizio del trascinamento). 3) Trascinate per impostare l inclinazione della curva che state creando, quindi rilasciate il pulsante del mouse. In generale, prolungate la linea di direzione di circa un terzo della distanza che la separa dal prossimo punto di ancoraggio. In seguito potrete regolare una o entrambe le linee di direzione. Tenete premuto Maiusc per vincolare lo strumento a multipli di 45.

28 4) Posizionate lo strumento penna nel punto in cui deve terminare il segmento curvo, quindi effettuate una delle seguenti operazioni: Per creare una curva a C, trascinate nella direzione opposta alla linea di direzione precedente. Rilasciate quindi il pulsante del mouse. Per creare una curva a S, trascinate nella direzione della linea di direzione precedente. Rilasciate quindi il pulsante del mouse.

29 Curva a C Disegnare il secondo punto in una curva a) Iniziate a trascinare il secondo punto morbido. b) Trascinate in direzione opposta rispetto alla linea di direzione precedente, per creare una curva a forma di C. c) Risultato dopo il rilascio del pulsante del mouse

30 Curva a S Disegnare il secondo punto in una curva a) Iniziate a trascinare un nuovo punto curva. b) Trascinate nella stessa direzione della linea di direzione precedente per creare una curva a S. c) Risultato dopo il rilascio del pulsante del mouse

31 Cambio Repentino (Solo Photoshop) Per fare cambiare direzione alla curva in modo netto, rilasciate il pulsante del mouse, quindi tenete premuto Alt (Windows) o Opzione (Mac OS) e trascinate il punto di direzione nel senso della curva. Per completare il segmento curvo, rilasciate Alt (Windows) o Opzione (Mac OS) e il pulsante del mouse, riposizionate il puntatore nel punto in cui deve terminare il segmento e trascinate nella direzione opposta. 5) Continuate a trascinare lo strumento penna da posizioni diverse per creare una serie di curve morbide. Notate che state posizionando punti di ancoraggio all inizio e alla fine di ciascuna curva e non al picco della curva. Premete Alt (Windows) o Opzione (Mac OS) e trascinate le linee di direzione per liberare le linee di direzione di un punto di ancoraggio.

32 6) Completate il tracciato effettuando una delle seguenti operazioni: Per chiudere il tracciato, posizionate lo strumento penna sul primo punto di ancoraggio (vuoto). Quando il puntatore è posizionato correttamente, appare un cerchietto accanto allo strumento penna. Fate clic o trascinate per chiudere il tracciato. Per lasciare il tracciato aperto, premete Ctrl (Windows) o Comando (Mac OS) e fate clic in una qualsiasi area senza oggetti. Per lasciare il tracciato aperto, potete inoltre selezionare uno strumento diverso

33 Disegnare linee rette seguite da curve 1) Con lo strumento penna, fate clic una prima e una seconda volta per definire due punti angolo e creare un segmento retto. 2) Posizionate lo strumento penna sull estremo selezionato. (In Photoshop accanto allo strumento penna appare una barra diagonale). Per impostare l inclinazione del segmento curvo successivo, fate clic sul punto di ancoraggio e trascinate la linea di direzione visualizzata.

34 Disegnare un segmento retto seguito da un segmento curvo (1) A. Segmento retto completato. B. Posizionate lo strumento penna sull estremo (l icona di conversione punto appare solo in Illustrator e InDesign). C. Trascinate il punto di direzione.

35 Disegnare un segmento retto seguito da un segmento curvo (2) 3) Posizionate lo strumento penna nel punto in cui volete inserire il punto di ancoraggio successivo, quindi fate clic (e trascinate, se necessario) il nuovo punto di ancoraggio per completare la curva. A. Posizionate lo strumento penna. B. Trascinate la linea di direzione. C. Nuovo segmento curvo completato

36 Disegnare curve seguite da linee rette 1) Con lo strumento penna, trascinate per creare il primo punto morbido del segmento curvo, quindi rilasciate il pulsante del mouse. 2) Riposizionate lo strumento penna nel punto in cui deve terminare il segmento curvo, trascinate per completare la curva e rilasciate il pulsante del mouse. 3) Selezionate lo strumento cambia punto di ancoraggio nella finestra degli strumenti, quindi fate clic sul punto finale desiderato per convertirlo da punto morbido in punto angolo. Tenete premuto Alt (Windows) o Opzione (Mac OS) per trasformare temporaneamente lo strumento penna nello strumento cambia punto di ancoraggio. 4) Selezionate lo strumento penna nella finestra degli strumenti, posizionate lo strumento penna nel punto in cui desiderate terminare il segmento retto e fate clic per completarlo.

37 Disegnare due segmenti curvi collegati da un angolo 1) Con lo strumento penna, trascinate per creare il primo punto morbido di un segmento curvo. 2) Riposizionate lo strumento penna e trascinate per creare una curva con un secondo punto morbido, quindi, tenete premuto Alt (Windows) o Opzione (Mac OS) e trascinate la linea di direzione verso l estremo opposto per impostare l inclinazione della curva successiva. Rilasciate il tasto e il pulsante del mouse. Il punto morbido viene così convertito in un punto angolo tramite la suddivisione delle linee di direzione. 3) Riposizionate lo strumento penna nel punto in cui deve terminare il secondo segmento curvo, quindi trascinate un nuovo punto morbido per completare il secondo segmento curvo.

38 Disegnare due curve A. Trascinate il nuovo punto morbido. B. Premete Alt/Opzione per dividere le linee di direzione mentre trascinate, e ruotate la linea di direzione verso l alto. C. Risultato dopo aver riposizionato e trascinato una terza volta

39 Disegnare con lo strumento penna a mano libera (1) Lo strumento penna a mano libera permette di disegnare tracciati come se si disegnasse usando una matita sulla carta. I punti di ancoraggio vengono impostati automaticamente mentre disegnate. Non potete stabilirne la posizione, ma potete modificarli dopo aver terminato il tracciato. Per disegnare con maggiore precisione, usate lo strumento penna. 1) Selezionate lo strumento penna a mano libera. 2) Per controllare la sensibilità del tracciato finale allo spostamento del mouse o dello stilo, fate clic sulla freccia capovolta accanto ai pulsanti della forma nella barra delle opzioni, quindi immettete un valore compreso tra 0,5 e 10 pixel in Adattamento curva. Impostando un valore elevato si crea un tracciato più semplice, con pochi punti di ancoraggio.

40 Disegnare con lo strumento penna a mano libera (2) 3) Trascinate il puntatore sull immagine. Mentre trascinate, un tracciato segue il puntatore. Quando rilasciate il pulsante del mouse, viene creato un tracciato di lavoro. 4) Per continuare il tracciato a mano libera esistente, posizionate il puntatore della penna su un punto finale del tracciato e trascinate. 5) Per completare il tracciato, rilasciate il pulsante del mouse. Per creare un tracciato chiuso, trascinate la linea al punto iniziale del tracciato (un cerchietto accanto al puntatore indica quando si trova sul punto iniziale).