Grafica  »  Articoli  »  Tutorial Photoshop 

*In collaborazione con Mokarta

In questo tutorial vedremo come realizzare un effetto molto diffuso nelle interfacce web: l'effetto interlacciato sulle fotografie o su altri elementi grafici. In questo file zip trovate l'immagine originale in formato PSD per seguire meglio il tutorial.

1. Come si può vedere nella figura, l'effetto interlacciato consiste in una sorta di rigatura sovrapposta all'immagine:

2. Per creare le righe dell'effetto utilizziamo un pattern (chi non conoscesse i pattern può fare riferimento a questo tutorial. Creare un nuovo documento di 1 x 2 pixel con sfondo trasparente. Nella palette degli strumenti, scegliere come colore di primo piano la tonalità che si vuole utilizzare per le righe. In questo caso abbiamo scelto il nero, ma a seconda dell'effetto finale che volete ottenere potete scegliere un colore diverso.

3. Selezionare lo strumento Linea e, nella barra delle opzioni, impostare la dimensione su 1 pixel e disattivare l'anti-alias. Quindi, disegnare un trattino nella parte superiore del documento: questo trattino è il pixel che darà vita a ciascuna riga; il pixel trasparente sottostante serve per creare lo spazio tra le righe:

4. Trasformare il disegno in pattern selezionando Edit > Define Pattern (Modifica > Definisci pattern) e assegnargli un nome, ad esempio interlacciamento. Facendo clic su OK, il pattern viene memorizzato da Photoshop e possiamo chiudere questo file senza salvare. (Per rendere più agevole l'esecuzione del tutorial, nel file zip trovate anche il file utilizzato per creare il pattern):

Altri articoli

Altre guide

Altre newsletter