Crea sfondo web con Photoshop CS6

Gli sfondi o le immagini di sfondo sono una delle parti visive più impegnative da realizzare in una proposta web, ci sono momenti in cui un colore piatto risolve il problema, ma ci sono altri casi in cui è necessario aggiungere un motivo o una figura allo sfondo e al farlo dovrebbe sembrare continuo, soprattutto se stiamo progettando qualcosa che sarà reattivo.
Per questo possiamo creare sfondi con trame e attraverso alcuni trucchi possiamo farlo apparire illimitato e senza soluzione di continuità, in questo modo possiamo ottenere un risultato dall'aspetto professionale e non dover ripetere la stessa immagine più e più volte.
La prima cosa che dobbiamo fare è creare la nostra base, per questo possiamo fare due cose, la prima è disegnare a mano i nostri pattern e texture in un documento separato e poi importarli oppure la seconda possiamo usare i pattern già inclusi in Photoshop per raggiungere gli obiettivi.
Mentre impariamo a creare lo sfondo, opteremo per la seconda opzione, quindi seguiamo i seguenti passaggi:
1- Creeremo un nuovo documento e su questo creeremo una base, nel livello più basso o di sfondo posizioneremo il colore che vogliamo.
2- Allora useremo lo strumento forme personalizzate di Photoshop e creeremo un livello per ciascuno dei moduli che vogliamo utilizzare, dobbiamo prestare particolare attenzione a non andare oltre i limiti del documento:

3- Usiamo i livelli per adattare i modelli a nostro piacimento, quindi una volta che sono come li vogliamo, selezioneremo ciascuno dei livelli che lo contengono, per questo facciamo clic su ciascuno mentre si preme il tasto SPOSTARE, questo farà sì che tutto ciò che tocchiamo venga selezionato insieme.
4- Ora useremo lo strumento per unire i livelli o semplicemente premere la combinazione CTRL + E sulla nostra tastiera.
5- Infine nasconderemo i singoli livelli e lasceremo solo il nuovo livello con tutte le forme unite:

Se lasciamo lo sfondo come lo abbiamo creato nella sezione precedente, usandolo in un esempio di vita reale, ci renderemo conto che avremo molti spazi vuoti senza figure che rompono ciò che vogliamo ottenere da uno sfondo senza cuciture o limiti. Quindi per questo dobbiamo seguire questi passaggi.
1- Selezioniamo l'opzione Filtro, quindi l'opzione Altri e infine l'opzione Dislocamento, qui creeremo uno spostamento verticale di metà delle dimensioni del nostro documento e lo stesso per lo spostamento orizzontale.
2- Infine selezioniamo l'opzione inferiore di giro completo e avremo un risultato come il seguente:

3- Per completare lo sfondo, dobbiamo solo reincorporare le forme che riempiono lo spazio vuoto che è stato lasciato al centro dell'immagine, rispettandone i limiti.
4- Esportiamo per il web e abbiamo già il nostro fondo:

Quando applichiamo questo nuovo sfondo vedremo che si ripete senza mostrare alcun tipo di cucitura o finitura, quindi sembra che fosse infinito con quello che abbiamo finito questo tutorial avendo creato un buon sfondo con trame per le nostre proposte web.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo