Come fare un ripetendo sfondo in fibra di carbonio per il Web

September 15

Gli sfondi sono una parte essenziale del Web design, formando una solida base per la presentazione grafica di un sito web e la leggibilità. I due tipi più comuni di sfondi tutto il Web sono solidi (una singola immagine statica o un colore piatto) o ripetere, quando un grafico viene copiato attraverso il X ed o Y della pagina. Per creare uno sfondo ripetere seamless per una texture come la fibra di carbonio è necessario progettare una piccola, un'immagine chiara con alcuni parametri molto specifici.

istruzione

1 In primo luogo, familiarizzare con l'aspetto di fibra di carbonio reale. Se non è possibile richiamare il modello che ha esposto il materiale in fibra di carbonio rende, la ricerca degli aspetti visivi utilizzando Internet, prendendo nota della colore, modello e dimensione. Per un po 'di un collegamento, ci sono già un sacco di texture grafica in fibra di carbonio per voi di esaminare come riferimento.

2 Aprire Photoshop o il vostro editor di immagini raster di scelta. Creare un nuovo progetto. La dimensione o tela deve essere rettangolare e per facilità di realizzazione dovrebbe anche essere quadrato. Le esigenze per il sito particolare, possono variare, ma rendere la tela non inferiore a 10 da 10 pixel e non più grande di 30 per 30. Impostare la risoluzione a 72 pixel per pollice e la modalità colore RGB. Prova a impostare lo zoom al 100 per cento per vedere quanto è grande la piastrella sarà su una pagina Web attiva.

3 Creare un fondo nero o grigio scuro. Create un nuovo livello e utilizzare il vostro strumento di selezione, riempimento strumento e / o strumento di piazza per fare sfalsato, ad incastro quadrati o rettangoli di diverse sfumature di nero e grigio. Per facilità di allineamento, li rendono non più alto di 2 pixel e non più largo 6. 3-5 diverse tonalità con una transizione notevole dal nero al 50 per cento grigio funziona bene. Allineare il modello in modo che una riga è leggermente off-set da quelli sopra e sotto di essa, come un muro di mattoni e malta.

4 Copiare il modello fino a riempire la tela. Per creare l'effetto ripetendo senza soluzione di continuità rendono lati opposti coincidono: la riga superiore della tela dovrebbe essere identico al fondo e la fila di sinistra dovrebbe essere identica a quella destra. Se non sei sicuro del tuo lavoro, appiattire l'immagine, copiarlo su una tela o una finestra più grande, e posizionare il modello successivo a se stesso. Verificare che cuciture sono visibili quando le piastrelle sono posti sopra, sotto e al lato di ogni altro.

5 Salva il tuo piastrelle in un file JPEG o BMP. L'alta qualità non è necessario - piccola dimensione è essenziale. Importare il vostro tempo nel vostro HTML o Web Editor, quindi assegnare come l'immagine di sfondo. Impostare la piastrella ripetere lungo gli assi X e Y.


Articoli Correlati