Tutorial: Come creare il vostro wallpaper WebNuts – base

Questo tutorial vi permetterà di creare uno sfondo per il vostro desktop attraverso il solo uso delle parole. Richiede di lavorare su due file progetto distinti a causa dell’inevitabile sovrapposizione di alcuni settori. Almeno, io non ho trovato altra soluzione, se ce la fate lasciate un commento!

Il tutorial è realizzato con Photoshop versione cs3, ad una risoluzione di 1280×800 e con l’uso del font bebas.

Per prima cosa, per comodità, creiamo le due metà dello sfondo, quella superiore e quella inferiore. In entrambi i casi, il nuovo file dovrà avere dimensioni 1280×400 pixel. Io li ho nominati “sfondo font sopra” e “sfondo font sotto” per distinguere le due parti. E ricordatevi di salvare spesso!

Posizioniamoci sul file “sopra”. Per prima cosa, usate lo strumento secchiello per colorare completamente lo sfondo, ad esempio di nero. Tenete conto che il migliore effetto si ottiene con una scritta colorata su fondo nero, ma potete provare tutte le combinazioni che volete (cliccare per ingrandire).

A questo punto selezionate lo strumento testo, andate a scegliere un font che vi piace (non per forza quello utilizzato da me) e scrivete la prima metà del vostro testo. Ora ingranditelo molto (io ho selezionato 400 px) e posizionatelo a cavallo del limite inferiore del file. Il colore non è importante, qui proveremo il bianco per un maggiore contrasto.

Fatto ciò, arricchiamo la parte superiore dello sfondo attraverso delle parole-decorazioni, nel nostro caso inserirei semplicemente quello di cui si occupa il nostro blog, una serie di parole chiave significative. Per prima cosa rimpicciolite il carattere, nel mio caso fino a 30 px. Successivamente posizionatevi nell’angolo in basso a sinistra, in modo che la nuova scritta si appoggi al bordo del file. A questo punto potete cominciare a scrivere, nello stesso colore della parola in grande. Nel nostro caso quindi, tutto in bianco.

Non riuscite a vedere bianco su bianco? niente paura! per ottenere un ottimo effetto di contrasto, basterà selezionare il livello, selezionare opzioni di fusione nel menu che appare col click destro e selezionare differenza nelle opzioni di fusione generali, ottenendo questo:

Da notare come grazie alla fusione per differenza, l’effetto di contrasto bianco/nero sia fluido anche nelle parti arrotondate.

Ora non ci resta che effettuare le stesse operazioni con la parte di sotto. In questa fase dovremo operare a colori invertiti, ovvero sfondo bianco, scritte nere. Anche in questo caso inseriremo una grossa scritta da inserire a cavallo del margine ed inseriremo altre paroline in piccolo, sempre con fusione a differenza. A questo punto dal menu immagine, selezioniamo ruota quadro e poi ruota di 180°, in modo da metterlo sottosopra.

Il risultato sarà più o meno così:

Non ci resta che unire le due parti. In entrambi i files, dal menu file selezionate salva per web (o anche salva con nome) e scegliete il formato jpg. A questo punto potete aprire un terzo file psd, stavolta grande 1280×800 px. Dal menu file selezionate inserisci, scegliete una delle due parti e poi sistematela in modo che il bordo combaci. Fate la stessa cosa con l’altra metà, assicurandovi che queste occupino tutto lo spazio disponibile. Se volete aiutatevi con le guide, che possono indicarvi il centro dello spazio disponibile. Un modo veloce per farlo è visualizzare i righelli e poi semplicemente cliccare sul righello e trascinare la guida fino al punto desiderato.

Fatto questo, potete salvare il vostro sfondo completo, che troverete in basso insieme ad alcune varianti colorate.

Popularity: 10%