Quest'oggi vi proponiamo un tutorial (che doveva essere pubblicato ieri ma per ragioni di tempo non ci siamo riusciti ;-) ) ad uno dei più famosi e funzionali programmi di grafica. Si tratta infatti di Paint Shop Pro di Jasc inc, programma che coniuga semplicità e potenzialità in un unico prodotto.

Questo programma viene molto spesso utilizzato anche dai webmaster date le sue caratteristiche ed i molteplici effetti disponibili.
Il tutorial è stato gentilmente fornito da risorsegrafiche.net, se volete contattare l'autore del tutorial, potete farlo al seguente indirizzo e-mail:
psptutorial@risorsegrafiche.net
Ora però entriamo nel vivo del tutorial!
Innanzitutto si compone in queste sezioni:

Funzioni di base
Scritte e intestazioni
Catturare immagini
Effetto bottone
Effetti su immagini
Effetti avanzati
Creare un logo
Adattare un'immagine
Effetto ombra su testo
 

Le funzioni di Base

Le due TOOL BAR : la prima

1) Apre un nuovo documento; 

2) Apre un documento esistente; 

3) Salva il documento;

4) Stampa tutto.

5) Undo : annulla l' operazione eseguita - 

6) Redo : ripete l'operazione appena annullata

7 , 8 , 9 ) Taglia, Copia, Incolla

10) Mostra lo schermo senza tool bars

11) Per annullare lo zoom

12) Toggle tool palette:  fa apparire la barra con gli strumenti di lavoro.

13) Toggle control palette:  fa apparire un'altra finestra per ritoccare le immagini.

14) Toggle color palette: fa apparire la barra con i colori.

15  Toggle histogram windows: ulteriore finestra per lavorare con la densità dei colori di base.

16) Layers: per lavorare appunto con i layers.

17) Finestra panoramica: mostra l'immagine aperta in una piccola finestra.

18) Guida in linea

19) Avvio cattura: fa partire la cattura dello schermo, o di parti di esso

La seconda Tool bar

1) Si trasforma in manina e permette di spostare le immagini di grandi dimensioni;

2) Zoom: ingrandisce o rimpicciolisce, utile per lavorare con le gif; 

3) Serve per ruotore, deformare, restringerei layers 

4) Serve per copiare parti di immagini..

5) Con questo strumento si possono spostare layer e parti di immagine

6) Selection: Serve per selezionare un'area per poi copiarla, tagliarla, modificarla.

7) Freehand: simile a selection, ma si seleziona a mano libera; 

8) Bacchetta magica: seleziona un'area automaticamente  senza sforzo; 

9) Serve per prelevare il colore da un'immagine

10) Il più semplice strumento: latradizionale penna, o matita a mano libera

11) Serve per clonare una parte d'immagine

12) Sostituisce il colore di un'immagine con un'altra

13) Serve per creare meravigliosi effetti sull'immagine

14) Rimozione graffi: vengo rimossi i graffi sul livello di sfondo

15) Tradizionale gomma

16) Permette di inserire con un clic degli oggetti nell'immagine che state creando; 

17) Airbrush: effetto spray; 

18) Flood Fill: riempie di un colore da voi scelto l'immagine o l'area selezionata; 

19) Text: inserisce lettere o parole nell'immagine 

20) Line: disegna delle linee; 

21) Shapes: disegna delle figure geometriche.

22) Selezione oggetti: serve per muovere i punti della figura creata con Shapes
 

Scritte e Intestazioni

SP offre tecniche per la realizzazione di immagini. Ecco un esempio di uno dei numerosi effetti che puoi creare utilizzando gli strumenti base di PSP, ad esempio quello di riempire una scritta con un'immagine di sfondo

Apri PSP e crea una Nuova immagine. Imposta gli attributi come vedi sotto.

Setta il colore di sfondo bianco. Ora aggiungi, nell'immagine bianca creata, qualche riga di testo, ma NON deselezionare il testo! Se per sbaglio accade, clicca immediatamente su undo. L'immagine apparirà simile a questa: ad esempio qui c'è Psptutorial.net come selezione fluttuante ATTIVA.

Clicca con il tasto destro sull'immagine sottostante che chiameremo "rainbow" e salvala sul tuo PC. Aprila con PSP, oppure usa un'immagine che hai già.

Clicca sullo strumento Riempimento (secchiello). Ora, nella barra dei colori a lato tieni premuto il tasto sinistro del mouse su primo rettangolo di "Stili". Ti si apre una piccola finestra rettangolare: scegli la seconda da destra, ovvero Motivo. Nella finestra successiva che si aprirà seleziona l'immagine aperta prima ( in questo caso quella sopra, cioè rainbow). Ora, nel primo quadrato di "Stili" apparirà rainbow.

Clicca con lo strumento Riempimento sul testo nella tua immagine originale. Il testo dovrebbe ancora risultare selezionato. Ecco come adesso apparirà la tua immagine.

Ora clicca col tasto destro per deselezionare l'immagine e avere il risultato finale

Catturare immagini

L'opzione capture, di Paint Shop Pro è molto utile, soprattutto per fotografare e spiegare quello che accade quando si creano guide, ecc....
Per impostare la cattura selezionare: File/Importa/Cattura schermata/Imposta. Si aprirà una finestra come quella nell'immagine
Se volgiamo ad esempio fotografare tutto loschermo sceglieremo "Schermo intero" ed uno dei tre modi disponibili per avviare la cattura della schermata:

1) Non appena faremo clic col tasto destro del mouse;

2) Appena andremo a premere un pulsante (hot key) da noi predefinito, ovvero se sceglieremo F11 premendo quel tasto daremo inizio immediato alla fase di cattura;
3) Appena saranno passati i secondi da noi impostati nell'opzione Timer ritardo.
 

Si può decidere se includere  il puntatore del mouse, oppure no: basta specificarlo nell'opzione "Includi cursore". Si possono inoltre fare delle catture multiple.
A questo punto basta premere "Cattura adesso" ed  PSP si ridurrà ad icona per entrare in azione al momento della cattura. L'immagine del nostro schermo, una volta catturata, verrà salvata come una normale bitmap che noi potremo modificare, ritoccare, copiare negli appunti, stampare.
Se invece vogliamo catturare soltanto una parte del nostro schermo, faremo esattamente le stesse cose con la differenza che selezioneremo al posto di l'opzione "area". Quando andremo ad avviare la cattura, il puntatore del nostro mouse cambierà forma e ci consentirà di disegnare un rettangolo di selezione intorno all'area che ci interessa catturare.
Se vogliamo catturare una delle finestre aperte sul desktop, basta che selezioniamo "Finestra", mentre per un oggetto "Oggetto" ecc...
 

Effetto Bottone

Un' effetto molto utile in PSP è sicuramente quello " bottone "

Questo esempio serve per introdurre un tema che piace molto a chi vorrebbe aggiungere un po' di grafica alle sue pagine web. I bottoni possono essere di vari tipi: animati, tridimensionali, di forme regolari e irregolari, a seconda dello stile della pagina. Con PSP  è possibile fare dei bottoni che sembrano tridimensionali senza dover ricorrere a degli appositi programmi per il 3d, semplicemente ricorrendo al comando "Pulsante" in Effetti/Effetti 3D. Per esempio se creiamo un semplice rettangolo e gli assegnamo un colore, otterremo questo:

Semplicemente richiamando il comando Pulsante ci apparirà una classica finestra di dialogo associata all'effetto che intendiamo usare, ovvero in questo caso:

La finestra di controllo ci dà un'anteprima di come il rettangolo è già "pronto" in base ai valori che vediamo, ed anche rispetto al colore selezionato nell'apposita palette a destra dello schermo. Ma se cambiamo i valori ecco che,  cambia anche il bottone 3d. Si può dare un contorno pieno o trasparente, e può variare la larghezza della smussatura, ma soprattutto si possono fare tutti i tentativi che si vogliono ed al limite si può annullare tutto cliccando Annulla. A questo punto il bottone può essere sistemato, modificato, scritto a piacimento.

 

Effetto su Immagini

Per creare veri e propri effetti su immagini, i di base non sono più sufficienti. Per questo tipo di modifiche è presente in PSP una ricca schiera di filtri, effetti e deformazioni veramente completa: si  passa dai più comuni filtri di sfuocatura alle deformazioni più complesse. Naturalmente è presente l'utilissima Anteprima che consente di vedere in anticipo l'effetto di ogni operazione.



Le funzioni più usate, secondo me, sono la funzione di sfuocatura oppure anche quella di "Metti a fuoco" (nell'immagine sopra) . Comunque vale la pena di provarle tutte.

 

Effetti Avanzati

Chi ormai ha già preso padronanza con il programma, troverà molto utile questa lezione, che illustra gli effetti speciali che si possono ottenere da PSP.
La ricca gamma di effetti speciali si trova nel menù Effetti



Vediamo ora 10 effetti veramente di gran stile. Prendiamo come esempio questa piccola immagine raffigurante una radio, presa dalla raccolta di clipart di MS Office.

Ovviamente i valori degli effetti vengono impostati in modo che si veda bene l'effetto stesso.
 

Creare un logo

E' sempre utile saper creare un logo come intestazione di una pagina, magari di una ditta o di un sito commerciale oppure un sito personale, per esempio.
Questa lezione insegnerà come creare un semplice logo con PSP.
L'importante di un logo è che si visualizzi bene rispetto al resto, ad esempio rispetto a una pagina web. Creiamo una nuova immagine a sfondo bianco di dimensioni 300x100 pixel. Con lo strumento Riempimento, diamogli un colore di sfondo scuro, ad esempio un blu scuro.

Ora sfruttiamo una potenzialità di PSP: lo strumento Ornamento:
La finestra opzioni strumenti, ci mostrerà gli ornamenti disponibili: Essendo lo sfondo scuro, scegliamo un'ornamento chiaro: ( sono molto utili questi ornamenti, che non sono altro che immagini più o meno complesse, colorate, per abbellire il proprio elaborato)
Sfogliamo la grande lista e, per esempio scegliamo l'ornamento "Scarabei" :-)


Posizioniamone 2 o 3 nel lato sinistro.

Dopo avere creato lo sfondo, aggiugiamoci del testo, senza stare a creare un nuovo livello, lasciamo un unico livello raster. Clicchiamo sullo strumento testo, e scriviamo qualcosa. Come colore scegliamo ovviamente un colore chiaro.

Ecco un semplice logo




 

Adattare un'immagine

A volte, capita di dover ritagliare una sezione di un immagine per creare un'immagine a parte: ad esempio per creare un bottone, un'icona ecc... In questa lezione si imparerà a ritagliare un'immagine e adattarla al meglio a un tipo si sfondo.
Per primo scegliamo un'immagine a cui tagliare una sezione, in questo caso una semplicissima vignetta tratta dalle ClipArt di Office



Il lavoro che opereremo ora consiste nel tagliare l'aeroplano e portarlo in un'altra immagine con sfondo beige. Selezioniamo lo strumento "Selezione libera" e nella finestra delle opzioni scegliamo come "Tipo di selezione" "Da punto a punto" per ottenere una sezione poligonale più manovrabile di quella a mano libera. Ora, avvicinandoci quanto basta con lo zoom, andiamo a selezionare il contorno dell'aeroplano, cercando di essere il più preciso possibile. Eventualmente si potrà correggere dopo.


Ora, dopo aver effettuato la selezione, premiamo i tasti Ctrl + C. Poi creaiamo una nuova immagine ( grande quanto basta ) a sfondo beige, portiamoci su questa nuova immagine e premiamo Ctrl + E. Posizioniamo la sezione dove desideriamo e clicchiamo con il tasto destro per far scomparire la sezione e incollare l'immagine ( NB: nella nuova immagine deve essere attivato Selezione libera ! ) .Ora ritocchiamo i contorni con l'aerografo, un po' di Zoom e soprattutto molta pazienza. Se vogliamo adattare meglio ancora l'immagine possiamo dare un effetto SOFT ai contorni, utilizzando l'opzione Ritocco e scegliendo l'effetto tra quelli dati nella finestra delle opzioni. Ecco il risultato !


Non è molto preciso, ma con molta pazienza l'effetto è assicurato.


 

Effetto ombra su testo

In questa lezione impareremo a creare un effetto di ombreggiatura sul testo. Innanzitutto creiamo una nuova immagine e, con lo strumento testo, scriviamo qualcosa, attivando l'opzione mobile e antialias nella finestra immissione testo. Dopo aver dato l'ok, posizioniamo la scritta mantenendo la selezione attiva.



Ora clicchiamo sul menù Effetti/Effetti 3D/Sfalsa ombra. Si aprirà una finestra come questa qui sotto, che serve per configurare l'ombreggiatura



Dopo avere selezionato l'opacità, il posizionamento dell'ombra e l'ampiezza della sfumatura, cliccare su ok, deselezionare il testo ed ecco fatto.