quello che vi presento stasera è un tutorial di photoshop (io uso la versione CS5 ma si può applicare anche alle versioni precedenti) …Realizzaremo il classico effetto molto richiesto al momento sul nuovo profilo di facebook. (vedi screen)

Ecco spiegato come fare per realizzare questo effetto: L’immagine è composta dalla foto del profilo insieme a 5 immagini 97×68 pixel con 2 pixel di spazio fra di esse, ma non perdiamoci in numeri e calcoli… seguite il mio metodo

- Iniziamo a posizionarci sul nostro profilo (se non l’abbiamo gia, impostiamo una foto a caso che sviluppi in verticale) e premiamo sulla tastiera il tasto Print Screen (su alcune tastiere si chiama Stamp R Sist, si trova sopra il tasto INS)

- Bene, ora nella clipboard abbiamo lo screen del nostro profilo.

- Apriamo Photoshop e andiamo su File -> Nuovo, photoshop riconosce l’immagine nella clipboard e setta le dimensioni del nuovo documento, esattamente con la grandezza dell’immagine in memoria quindi procediamo cliccando semplicemente OK.

- Non appena si apre il foglio bianco (o trasparente) andiamo su Modifica -> Incolla (oppure Ctrl+V) ed avrete su photoshop la screen del vostro profilo di facebook

- Ora facciamo zoom sulla foto del profilo, e con lo strumento selezione rettangolare, selezioniamo esattamente la foto del profilo (nel caso non siete molto precisi al primo colpo, potrete tenere premuto SHIFT mentre selezionate per aggiungere parti alla selezione, o ALT per rimuovere parti di selezione).

- Lasciate la selezione attiva e tenendo premuto SHIFT (su alcune tastiere MAIUSC), selezionate anche i 5 pezzetti dove compaiono le foto in cui vi hanno taggato, fino ad ottenere una cosa del genere (vedi foto seguente):

- Ora, sempre con la selezione attiva, invertiamo la selezione andando su Selezione -> Inversa (Ctrl+Shift+I) e aggiungiamo una maschera di livello semplicemente premendo il tasto apposito posto in basso nella palette dei livelli (vedi immagine seguente):

Quello che otterrete saranno dei “buchi” trasparenti nelle parti che avevamo selezionato.

- Bene, ora importiamo l’immagine da utilizzare su un nuovo livello e portiamo il nostro livello con maschera appena creato al di sopra di quello con la foto da utilizzare, fino ad avere un effetto simile a questo (vedi foto):

- Ovviamente si può aggiungere testo, effetti e quant’altro si vuole sulla foto…

- Bene il grosso del lavoro è fatto, quello che dobbiamo dare ora è selezionare i vari pezzi da salvare.

- Iniziamo dalla foto del profilo, la selezioniamo con lo strumento selezione rettangolare, e andiamo su Modifica -> Copia elementi uniti (Ctrl+Shift+C), e poi su File -> Nuovo -> Ok, nella nuova finestra incolliamo la foto profilo con Modifica -> Incolla (Ctrl+V) e salviamo la foto.

- Ripetiamo l’operazione precedente con i 5 pezzetti di foto rimasti.

- Ora abbiamo 6 file, creiamo un album su facebook e carichiamoli: Dobbiamo impostare la foto grande come foto del profilo (senza ritagliarla perchè è gia a grandezza esatta), mentre invece dobbiamo taggarci nei 5 pezzettini partendo dall’ultimo di destra fino al primo di sinistra.

Bene, abbiamo realizzato l’effetto che volevamo… Inoltre se salvate il progetto PSD di photoshop avrete il livello con la maschera pronto per cambiare foto quando vorrete impiegandoci massimo 2 minuti a foto

Articolo postato da: Stefano Venneri - S.V. Design - Tutto il design che ti circonda...

Articoli correlati:

1. Photoshop: Da Bambina ad Adulta
2. Creare un Layout di Pagina con Photoshop!
3. Photoshop CS4 – 23 Settebre 2008

Qui il Link al Tutorial: VAI

Articolo postato da: Stefano Venneri - S.V. Design - Tutto il design che ti circonda...

Articoli correlati:

1. WordPress T&T: Come inserire i post in una pagina personalizzata.
2. Photoshop: Da Bambina ad Adulta
3. AS2: Come Creare un Preload in Flash

Il sito in questione è Smashing Magazine che ultimamente ha pubblicato una raccolta di 55 set di icone ad alta qualità, per tutti i gusti da usare per Desktop o Web!

Le icone sono tutte gratuite, sia ad uso privato che commerciale…sono ad alta qualità e si possono scaricare dal link: SCARICA ICONE

Non vi resta che scaricare i vostri preferiti e sbizzarrirvi nel vostro lavoro/hobby oppure personalizzarle o adattarle al vostro progetto!

Articolo postato da: Stefano Venneri - S.V. Design - Tutto il design che ti circonda...

Articoli correlati:

1. Come Creare uno Speaker ad alta definizione!!
2. APNG, il nuovo formato grafico animato di alta qualità!

Il Video è di quelli veloci su YouTube con musichetta di sottofondo senza spiegazioni, ma comunque si capisce bene quello che fa!

Articolo postato da: Stefano Venneri - S.V. Design - Tutto il design che ti circonda...

Articoli correlati:

1. Come Creare uno Speaker ad alta definizione!!
2. Creare un Layout di Pagina con Photoshop!
3. Photoshop CS4 – 23 Settebre 2008