[Tutorial] Miniportfolio

Daniele Carotenuto · utente attivo Iscritto: 22 Dic 2003 Messaggi: 8396

Un tempo scrissi questo semplice tutorial.. poi mi accorsi che metà del testo andò perduto e lo cancellammo.. ora ve lo ripropongo dopo una rivisitazione minima

Questo tutorial presume l'utilizzo dei layer e di qualche effettino di livello... ebbene si.. voglio andare oltre...mischierò spesso l'italiano e l'inglese non me ne vogliate .... layers = livelli e via dicendo... (w l'europa unità Ops

)
Userò un linguaggio comprensibile da me.. che mi ritengo spesso un bambino di 4 anni per come non capisco le cose
Ipotizziamo di dover realizzare una "striscia" contenente un piccolo portfolio, questa volta verticale per cambiare:
queste sono le nostre 3 foto, già croppate e della stessa misura in pixel, nel mio caso visto che si tratta di un lavoro per il web sono 400 x 200 ognuna

creiamo dunque la nostra "tela" (file-nuovo) dove posare i nostri scatti; la nostra cornice sarà di 15 pixel tra ogni foto e tra le foto e il bordo dell'immagine, quindi avremo:
15+400+15 =430px in larghezza e
15+200+15+200+15+200+15 = 660px in altezza

fatto questo abbiamo la nostra tela verticale.. andiamo nell'immagine che starà + in alto e utilizziamo lo strumento "move" attivabile con la lettera "v", ora abbiamo due possibilità entrambe rapide e indolore... o selezioniamo il layer della foto dalla palette dei layer teniamo cliccato e trasciniamo sul nuovo file, oppure facciamo un copia e incolla (previa selezione dell'intera immagine)

ripetiamo la stessa operazione con tutte le foto, infischiandocene (per il momento) della posizione che assumono nella tela, le sposteremo poi... dovremmo ritrovarci con un documento composto da 4 layer, il nostro sfondo bianco e le 4 foto

come allineare le immagini?? qui ci sono miliardi di metodi... cosa dico miliardi?? decine!! ma illustrerò la + precisa... menù "view" (vista), e attiviamo i "rulers" (righelli), a questo punto piazziamo le guide con lo strumento V ci piazziamo sul righello orizzontale, teniamo cliccato col sinistro e trasciniamo giu una fantastica linea orizzontale blu, dalla paletta info possiamo conoscere la sua posizione in pixel, ripetiamo l'operazione per posizionare tutte le varie tappe, nel nostro caso: 15-215-230-430 ecc. ripetiamo la stessa operazione per il verticale fino a ottenere una griglia

una volta creata la griglia procediamo al posizionamento attivando lo snap... le immagini si attaccheranno alle guide... spostandole con lo strumento move, oppure si possono spostare anche con le frecce cursore 1pixel per volta... .. tenendo premuto shift avremo con le frecce spostamenti di 10pixel per volta

ctrl+H per attivare e disattivare la visualizzazione delle guide, righelli ecc. ora abbiamo le nostre belle "fotine" in un unico portfolio nel mio caso il cielo bianco non mi soddisfa.... aggiungo un piccolo bordino di 1pixel (no non tuo 1pixel... parlo di un bordino qualunque Wink

) per farlo utilizzero il metodo che ritengo + rapido e replicabile oltre a essere parametrizzabile ovvero gli effetti di livello; con la palette dei layer attiva seleziono il livello della prima foto e clicco su quella piccola "f" nel cerchietto nero in basso, si aprirà un nuovo menù, selezioniamo "stroke" o "traccia", e si aprirà un'allegra paginetta di opzioni, i parametri ognuno li mette come vuole ma nel mio caso cambio la grandezza a 1pixel il colore a nero (era intuibile lo so Smile

) e visto che ci siamo gli dico di farlo interno invece che esterno

se l'effetto ci piace possiamo pensare di fare tasto destro sul livello e copiare "l'effetto" che si chiama style o stile e di "incollarlo" sugli altri livelli.. onde avere lo stesso corniciotto per tutti e 3 gli scatti, fatto questo dobbiamo fare un unione dei livelli, menù layer unisci livelli o flatten image (in quanto l'immagine salvata con i livelli uniti non è + editabile nelle sue singole parti, consiglio vivamente di salvare una versione del vostro lavoro in psd prima dell'unione, questo formato conserva la suddivisione in livelli, le maschere eventuali e gli effetti parametrizzabili)

fatto questo uno potrebbe dire che basterà salvarlo...(consiglio vivamente di utilizzare salva per web in quanto possiamo visualizzare come sarà il nostro jpg compresso e la sua grandezza in kb) ma io sono proprio puntiglioso... e le voglio in B/N e con + dettaglio... ma il tutorial ve lo risparmio.. per ora...

eccovi il lavoro finale

elau · utente attivo Iscritto: 18 Dic 2003 Messaggi: 744

grazie. Sono sicura che sarà molto utile Smile

cosimo cortese · Inviato: Gio 03 Giu, 2004 3:48 pm Oggetto:

Ebbravo carodani! Smile

Molto ben fatto! E son contento che ti sia deciso a riscriverlo... era un vero peccato non averlo dopo tutto quel lavoro.. Ops

Snaporaz · Inviato: Gio 03 Giu, 2004 4:03 pm Oggetto:

Bravissimo Dani ... proprio un bel tutorial.
Mi sarà molto utile!
Appena ho un pò di tempo (e calma) proverò a metterlo in pratica e ti farò sapere ... ma già da una prima lettura il tutto risulta molto comprensibile!

P.s. Ti esorto a continuare in questa direzione ... per una comunità di fotografi amatoriali come la nostra la conoscenza e il corretto uso di photoshop è fondamentale.
PS (o softwere simili) è la nuova camera oscura del fruitore della fotografia digitale ... dobbiamo imparare ad utilizzarlo per gestire ed elaborare le nostre creazioni ...