attraverso il salvataggioè possibile trasformareuna selezione in canale

Per convertire il testo inuna selezione varasterizzato

Maschera di livello

RGBCMYKscala colore2 tonalità

Canali

tracciato di lavorotracciato di ritaglio

Tracciati

lazo poligonalelazo magneticorettangolo

maschera veloce

Selezioni

Livelli

livelli di regolazione

Testo

Filtri

Photoshop

effetti di livello

1) Creare una selezionesull'immagine con lo strumentoselezione rettangolare.

2) Dalla barra del menù, alla vocelivello selezionare nuovo- livellodi regolazione.

Apparirà una paletta di regolazionedove potrai intervenire sul livello diluminosità e sui vari canali coloredell'immagine.

In questo modo le modifiche apportateall'immagine non riguarderanno realmentel'immagine ma un livello seperato superiore.

Livelli di regolazione in Photoshop

Aprire un file nuovo con dimensioni e risoluzionea piacere. Con lo strumento pennello disegnare unaserie di punti ravvicinati fra di loro. Con una forma rettangolare selezionare il disegno appenarealizzato.

Cliccare sulla paletta alla voce pennelli su definiscipennello. La nuova forma di pennello così creataviene caricata nella paletta pennelli ed è prontaper essere utilizzata.

Ripetere l’esercitazione con altridisegni ed anche prendendo porzionidi immagini da foto.

Definisci Pennello

Aprire l’applicazione Photoshop .Comparirà nella paletta canali di Photoshop un canale di maschera (quello realizzatoin Freehand) con cui poter eseguire levarie modifiche all'immagine.

Importare l'immagine proposta sul livello Primo piano inFreehand e bloccarlo

eseguire sul livello sfondo il suoprofilo con riempimento di grigio al 100%

Esportare in formato Tiff a 32bit/canale nell'applicazionePhotoshop.

Innanzitutto aprire con Photoshopl’immagine allegata e convertirla inscala colore dal menù in alto alla voce Immagine-metodo.

Realizzare una selezione a piacere con lo strumentoselezione (che potrà comprendere solo l’immaginedel puttino in primo piano o una semplice selezionecircolare.

Prepariamo un’immagine GIF per il web

Clicchiamo su selezione inversa e coloriamouniformemente il fondo (colore a piacere),in questo modo semplifichiamo il processodi eliminazione del colore durantel’esportazione in gif.

Salvare la selezione come canale alfa cheapparirà nella paletta canali.

Apparirà questa paletta didialogo

per ottenere unarappresentazione dei colori piùaccurata quando si utilizzanofino a 256 colori.

Web 216 colori, ottimo perpagine web

A questo punto è possibile esportarel’immagine in formato Gif89a alla voceEsporta.

Comparirà una paletta di dialogo attraverso cuiandremo a selezionare con il contagocce il coloreda rendere trasparente nella pagina web; quindiconfermare.

Per una verifica della buona riuscita dell’esercitazione si consiglia di aprire l’applicazioneWord, inserire l’immagine gif preparata con Photoshop ed esportare in Html. L’apertura in unBrowser come Internet Explorer o Netscap confermerà il tutto.

Indica il colore che appariràtrasparente nella pagina web.

con il canale alfa di Photoshop

Mappa di bumpMappa di bump

Realizzare un selezionecircolare.

Salvare la selezione, in questomodo andiamo a creare nellapaletta canali un canale alfa.

Possiamo osservare il canalealfa nella paletta.

Andiamo nel canale alfae con un semplice copia-incolla andiamo a creare

una tessitura di tanti“buchi” bianchi nel nero

del fondo.

Andiamo nel menù filtriall’opzione ControlloSfocatura impostiamo unvalore alla sfocatura.

Restando nel menù filtri andiamoall’opzione RENDERING - effettidi luce impostiamo una serie di

luci e attiviamo alla voce canaliil nostro canale alfa.

Il risultato dovrebberisultare un pò simile aquello qui illustrato .

Salviamo sulla scrivaniain formato jpeg .

L’effetto così realizzato può essereimportato in un qualsiasi programma digrafica 3d dove può rappresentare unamappa di bump (bernoccoli) cioè simulale asperità e differenze di rilievo di unasuperficie.

Il bump o dislocamento mappa o spostamento mappa è un’immagine che èusata per spostare i pixels in differenti direzioni (questo è piuttosto comune neiprogrammi 3d)Il filtro Muovi sposta una selezione usando un valore cromatico proveniente dallamappa di spostamento: 0 è il massimo spostamento negativo; 255 è il massimospostamento positivo; un valore di grigio di 128 non produce alcuno spostamento.Se la mappa ha un solo canale, l'immagine si sposta lungo una diagonale definitadai rapporti di scala verticale e orizzontale. Se la mappa ha più di un canale, ilprimo canale controlla lo spostamento orizzontale mentre il secondo controllaquello verticale.Usando una mappa di spostamento a forma di parabola, potete creare un'immagineche sembri stampata su un pezzo di stoffa tenuto sospeso per gli angoli.

esempio di mappa di spostamento

Schema

Colore uniformeEffetto spugnaSelezione intervalloeffetti di livello

Le maschere di livello servono per controllare e mascherare diverse aree all'internodi un livello . Apportando modifiche alla maschera di livello si possono applicarenumerosi effetti speciali al livello senza influenzarne realmente i pixel di talelivello.Si può quindi applicare la maschera e rendere le modifiche permanenti oppurerimuovere la maschera senza applicare le modifiche.

FOTOCOMPOSIZIONE

MASCHERA DI LIVELLO

Quando stampate un'immagine Photoshop o la inserite in un'altra applicazione, potreste desiderare che appaia solo una parte dell'immagine. Potreste ad esempio desiderare di stampare o visualizzare un oggetto escludendone lo sfondo rettangolare. Con un tracciato di ritaglio si può isolare l'oggetto e rendere trasparente tutto ciò che lo circonda, per la stampa o l'inserimento in un'altra applicazione. Potete così inserire un'immagine in un altro file senza doverne nascondere lo sfondo.

Immagine realizzata senza alcun tracciato di ritaglio

Immagine realizzata grazie ai tracciati di ritaglio di Photoshop ed importata in Freehand.

L’esercitazione consiste nell’uso del comando Azione presente all’interno del programmaPhotoshop che ci permette di registrare alcuni comportamenti spesso ripetitivi e noiosi.La lezione consisterà nella conversione di alcuni file presenti all’interno della cartella (denominata pesante appunto perchè tutti i file in essa contenuti sono ad una risoluzione di 150 dpi) edil salvataggio ad una risoluzione minore (72 dpi) all’interno della cartella leggera.

1) Innanzitutto aprire un file all’interno della cartella“pesante”.

2) Aprire la paletta azioni alla voce mostra Azioni.Cliccare su set ed immettere un nome.

L’Ok da inizio al processo di registrazione(si accenda un punto rosso )che cattureràtutto quello che noi andremo ad eseguirea video.

3) creare una nuova azione che chiameremoconversione.

crea nuova azionecrea nuovo set

conversione

immagine

quadro visivo

quadro visivo

guid a

1) Apri una selezione inmodo da coprire tuttal'immagine .

Il Pennello Storia

4) A questo punto andiamo alla palettastoria e clicchiamo a dimensionedell’immagine (siamo andati dunqueun pò indietro nel nostro progetto),l’immagine apparirà come quandoaperta;

2) Ora incominciamo ad applicareall'immagine un filtro a scelta. In questocaso ho applicato il filtro retinatura.

3) Andiamo nella paletta storia eclicchiamo a lato in crea nuovaistantanea.

6) Con uno stile di pennello a scelta (sfumato,doppio, stretto, ecc.) non ci resta che disegnaresull’immagine e questo sarà il probabile risultato.

5) prendiamo ora il pennello storia eclicchiamo nel quadratino incorrispondenza dell'istantanea.

Canale alfaRendering - effetti di luce

Canale alfaEspandiArrotondaEffetto sfuocaturaRendering - effetti di luce

Effetto interlacciato

Canale alfaRendering - NuvoleFiltro - Distorsione - coordinate polariRendering - effetti luce

effetto fuoco

Spazio profondo

Effetto goccia

Con il metodo Normale i pixel in undeterminato livello coprono enascondono i pixel nella stessaposizione dei livelli sottostanti (a pattoche la loro opacità sia del cento percento).Altri metodi di fusione tra pixel, invece,producono risultati completamentediversi dai due pixel di partenza, risultatiche non sono semplicemente la lorosomma.In effetti questi metodi si basanosull'appliczaione di algoritmi del tipoAND, OR e NOT ("se il pixel sottostanteè più chiaro di questo, fai così; se inveceè meno chiaro, fai cosà).

Uso dell’opzione moltiplica al livelloapplicato superiormenteall’immagine della tavola fumettistica

5) Salvare il tracciato e trasformarlo in un tracciatodi ritaglio.

4) Creare con la selezione un tracciato di lavoro.

3) eseguire con gli strumenti di Photoshop una selezionelungo il braccio destro (non troppo aderente) che vadaa contornare tutta la nostra immagine, come mostratoaccanto.

1) Aprire l’immagine “David”in Phostoshop

2) eliminare la parte destra dell’immagine (questa infatti siappoggerà lungo il margine destro della pagina e il testo lescorrerà attorno).

6) A questo punto salvare una copia del file informato Photoshop Eps

In questo tutorial ricorreremo al comando di Freehand: scorrimento testo e all’uso in Photoshop deitracciati di ritaglio.Le principali azioni saranno:1) in Photoshop ritaglio dell’immagine ed esportazione (nel formato Photoshop eps)con il tracciato di ritaglio e...2) in Freehand la creazione di una forma vettoriale (bianca, dunque nascosta) attorno alla quale faremoscorrere il testo e sulla quale poggerà la nostra immagine modificata.

10) Apparirà una finestra in cui vanno digitatii valori con cui il testo si disporra attornoall’immagine.

9) Selezionare a questo punto il testo e la formavettoriale appena creata e cliccare sull’iconascorrimento testo.

11) non ci resta che trasportare la nostra formavettoriale sul testo che reagirà scorrendole attorno.Trasportare l’immagine eps sulla nostra forma ed ilgioco è fatto. Accanto puoi vedere il risultato finale.

7) aprire il file “ testo” di Freehand ed importare l’immagineappena salvata.Creare attorno all’immagine con la linealibera di Freehand un profilo simile a quello fatto inPhotoshop ed accertarsi che sia chiuso.

8) Colorare di bianco sia la lineaesterna che il riempimento interno.

Avviare l’applicazione, andare nella barra del menùin alto e alla voce File cliccare su Automatizza edunque su Provini a contatto.

Apparirà una finestra di dialogo in cui dovremo impostarealcuni parametri: come disporre le nostre foto all’internodel foglio, che risoluzione dare alle foto, da quale cartellaprelevarle, le dimensioni del foglio e poi confermare.

Spesso abbiamo necessità di visionare un foltonumero di foto o di catalogare una serie di immagini.A questo scopo c’è l’opzione Provini a contatto checrea una serie di miniature delle immagini presentiin una cartella e le dispone su una singola pagina diPhotoshop.

Risultato finale.Provate adesso a variare la risoluzione dell’immagine,disposizione, scala dei colori ecc.

Il numero di pixel visualizzato per unità di lunghezzain un’immagine viene chiamato risoluzionedell’immagine, che viene solitamente misurata in pixelper pollice.Un’immagine ad alta risoluzione contiene più pixel,che sono di conseguenza più piccoli, rispetto adun’immagine delle stesse dimensioni con unarisoluzione inferiorePoichè le immagini a risoluzione elevata usano unnumero maggiore di pixel per unità di superficie possonoriprodurre particolari e transizioni di colore più dettagliatidurante la stampa rispetto alle immagini a risoluzionipiù bassa.

a) 72 dpi 283*283 pixel = 235 Kb) 150 dpi 589*589 pixel = 1017 Kc) 300 dpi 1178*1178 pixel = 3,98 M

a b c

10 c

m

10 cm

2) Apri l'applicazione Photoshop, scegli un foglio nuovo (larghezza: cm15, altezza: cm 10, risoluzione 150 dpi).

4) Vai nella barra del menù in alto allavoce livello-testo rendering di livello

5) Ora vai alla cartellina tessiture ed apri con l'applicazione Photoshop unatessitura a piacere.

6) Crea una selezione rettangolare da comprendere tutta o parte della tessitura,vai a modifica nella barra dei menù e definisci pattern

Ritorna al tuo file, seleziona la scritta appenadigitata e alla voceModifica-riempi scegli usa pattern

Ed ora possiamo applicare qualche effetto di livellocome mostrato in figura.Se non sai quale effetto scegliere puoi sempre riferirtialla cartella stili nella quale sono presenti alcuni effettiinteressanti.

1) Installare all'interno della cartella Font(che trovi all’interno della cartella Sistema del proprio computer) il font(Abaddon) che trovi allegato alla cartellina.

3) Vai allo strumento testo, scegli ilcarattere Abaddon e digita la parolaEVANGELION (dimensione 80)

Pattern applicato ad un carattere grafico

GIF (Graphics Interchange Format) utilizza un tipo dicompressione (LZW) per ridurre le dimensioni originalidei file di circa la metà.Il formato GIF è il più appropriato nella creazione dipagine Web ed il più adatto per immagini con vaste areedi colori uniformi, quali logotipi o immagini grafiche conaree trasparenti oppure animazioni.

immagine GIF

Immagine JPG bassa emedia

Il formato JPEG (Joint Photographic Experts Group)offre un buon rapporto di compressione, ma presentaanche alcuni svantaggi. La compressione va infatti adiscapito di alcune informazioni che costituisconol’immagine. Questo formato dovrebbe essere utilizzatoprevalentemente per immagini tratte dal mondo realequali fotografie e immagini con sfumature leggere econtinue.

disegno

Quella serie di formiche chevedete accanto non è altro che la Selezione ricavata con lostrumento bacchetta magica.

Nella modalitàmaschera veloce, lamascheratura risultacolorata di rosso, perricordarci i vecchi tempidel rosso coprente e leparti selezionaterisultano trasparentianzichè bianche

maschera veloce

Strumento scherma(bacchetta nera) Brucia(manina che gratta) e Spugna servono a controllare i toni.

Strumento Lazo. Gli strumentilazo e lazo poligonale permettonodi disegnare il bordo in unaimmagine selezionata consegmenti retti o a mano libera.

Strumento righello

Strumento sezione. Lasezione è un'area rettangolaredi un'immagine che si puòusare per creare collegamenti,rollover e animazioni nellapagina Web. La suddivisionedi un'immagine in sezioniconsente di ottimizzarla inmodo selettivo per lavisualizzazione sul Web.

Strumento contrasta(Triangolino bianco)indurisce i colori e nonli ammorbidisce

Strumento Sfoca(goccia d’acqua)serve a diminuire ilcontrasto tra dueimmagini. Sfoca,ammorbidisce i tonio le aree diun’immaginediminuendone ildettaglio iniziale.

Strumento sfumino (mano conindice alzato) simula il passaggio diun dito fresco sul colore, quando noiincolliamo un’immagine ad un’altralo strumento sfumino ci serve pereliinare, sfumare i bordi dell’immagineda noi incollata al fine di rendere piùrealistico il collage effettuato.

Lo strumentoGomma magicapermette disalvare immaginicon fondinitrasparenti daapplicare inpagine web

Lo strumento penna permette di ottenere tracciativettoriali.Si può quindi scontornare un’immagine a seconda dellenostre esigenze e salvare il risultato ottenuto comeselezione (nella pagina accanto è mostrato in sequenzail lavoro di scontorno).I Tracciati hanno vari impieghi, i più rilevanti sono:a) generare selezioni fisse, permanenti;b) creare aree da riempire;

...scontorno di un’immagine

Le operazioni importanti da ricodare sono:

Trasportare la selezione che dovrà essere campita nell’immaginedella texture marmo....

copiare e ......

riandare nel file della decorazione e dare il comando incolla....

a questa punto accomodare il nostro pezzo di marmo all’interno del“merletto” e attraverso un effetto di livello (smusso e rilievo) rendereil nostro disegno più realistico e verosimile.

Buon lavoro

Aprire un file da“incorniciare” . Con lostrumento penna attivatotracciare una linea da unaparte all’altra dell’immagine.Selezionare dunque un coloredi primo piano, unostrumento di disegno(pennello, aerografo omatita), una forma dipennello adeguata e, attivatoun livello superiore, riempireil tracciato con il colore diprimo piano.Spostare poi il nodo deltracciato lungo un altro latodell’immagine e ripeterel’operazione.

Cornice attraverso lafunzione riempi iltracciato con il colore diprimo piano (laspiegazione in basso)

Cornice attraverso uso diuna selezione rettangolaresfumata.

Cornice ottenuta congli effetti di livello

Cornice con effetto“riccio”.

tracciatonodo del tracciato

forma del pennello chesegue il tracciato

spaziatura

Riempi il tracciato con il colore di primo piano.

Tracciato applicato a due immagini con differenterisoluzione grafica.

Particolare

Immagine bitmap

tracciato

Un tracciato di lavoro è un tracciato temporaneoche appare nella paletta Tracciati e definisce ilcontorno di una forma. Si possono usare i tracciatiin diversi modi:per convertire il tracciato in selezione oppurecome tracciato di ritaglio per un'intera immagine(questo risulta utile quando si esportano immaginiin applicazioni di impaginazione o di graficavettoriale).

E’ sempre però importante capire qual’è la definizionedi un’immagine raster di partenza. perchè nonostanteil livello di tolleranza consentinto in Photoshop per lacreazione di tracciati non si può ottenere unavettorializzazione “aderente” del tracciato conun’immagine a bassa risoluzione.

E’ possibile che nel consegnare un lavoro allatipografia, dobbiate indicare anche il tipo di tintepiatte usate e i loro nomi. Sul pulsantePERSONALE nella finestra del comandoSelettore Colore viene visualizzata una finestradi dialogo che mette a disposizione una serie dilibrerie di colori (Pantone, Focoltone, ecc.).

Pastelli: uno dei selettori di Mac OS

In questa finestra si possono selezionare i coloriagendo in vari modi: spostando il cursore sullabarra verticale si ottiene un colore che vienevisualizzato nel campo adiacente

Le Preferenze Generali di Photoshopconsentono di scegliere il Selettore colore diPhotoshop (identico per Windows e per Mac)oppure i selettori colori dei due diversi sistemioperativi.

Avverte dell’esistenza di colorifuori gamma. Appare infatti untriangolo con un puntoesclamativo.Se si fa clic su questo triangoloPhotoshop cambia il colore,sostituendolo con quello piùsimile che non sia fuori gamma.

Il grande vantaggio di questo metodo è la possibilitàdi vedere in anteprima la gamma di colori cheviene selezionata, direttamente nella finestra chemostra il file in toni di grigio.

Il "radio button" Immagine vi favedere il file così come è, a colori,senza mostrare in anteprima leparti selezionate.

Si può anche selezionare blocchidi colore o Luci, Mezzitoni eOmbre, ma in tutti questi casi nonè possibile settare valori ditolleranza, che sono già predefiniti.

Con anteprima selezione èpossibile vedere le modifichedella selezione direttamentenel file, secondo le variemodalità.

Ci sono tre contagocce:con il primo a sinistra,cliccando nella finestradi anteprima, poteteselezionare la gammadei colori in base allatolleranza (da 0 a 200)che risulta nelquadratino sopra lafinestra, ed il cui valorein proporzione potetevedere grazie al cursoretriangolare.

Intervallo Colori

Un problema che sipresentafrequentemente èquello di fare unaselezione precisa inpresenza anche di“peli” come nelcaso di questo orso.

Viene creato uncanale alfaduplicando il canaledel blu. Su questocanale vieneapplicato il comandoregola luminositàcontrasto perevidenziaremaggiormente lezone chiare dallescure

In questo modo laselezione potràessere il più possibile aderente al profilodell’animale.

A questo punto nonci resta cheeliminare il fondo edaggiungere quelloche più ci aggrada.

Come retinare un disegno.1) Ecco si è inizialmente creato un filein Photoshop di 5 x5 pixel a 72 dpi dirisoluzione,2) si è convertito in pattern;3) Si è aperta l’immagine da retinare (èimportante che il disegno sia sufficientementepulito dalle linee nette anche per un’immediataselezione delle parti);4) si sono selezionati i vari spicchi dellacupola ed ognuno si è posto su un livellodifferente. Ad ogni livello si è dato uneffetto di Sovrapposizione pattern(ovviamente con il pattern creatoprecedentemente) ed anche unopacità differente in mododa rendere plastico il tutto. Ecco fatto!

Fig. 3

Fig. 2

Fig. 1