Lavoro spesso per creare trame di sfondo in Photoshop da utilizzare sul web. Purtroppo di solito devo indovinare, o semplicemente usare omaggi da altri siti Web.
Vorrei creare le mie trame in Photoshop e verificare se si tessono correttamente prima di esportare l'immagine. C'è un modo per farlo rapidamente? Ricordo un metodo usando offset, ma non ho familiarità con gli strumenti.
Di seguito sono riportati alcuni esempi di riquadri di sfondo in modo da poter vedere di cosa sto parlando:
Risposte:
Per immagini più complesse, potrebbe essere necessario eseguire un offset finale di 1/4 delle dimensioni dei pixel per ritoccare i bordi che potresti aver perso la prima volta che è caduto vicino al bordo della tela.
DA01 risponde come realizzarlo ma la tua domanda è come testarlo. La risposta a questa domanda è:
Tradizionalmente salvo l'immagine come jpg o png e quindi utilizzo HTML di base per testare la piastrellatura.
<html>
<head></head>
<body style="background: url(image.jpg) repeat 0 0;">
</body>
</html>
Apri quello in un browser e puoi vedere la piastrellatura e semplicemente salvare nuovamente "image.jpg" e aggiornare la pagina web per controllare le revisioni.
C'è anche un altro modo per farlo, ma il limite è che tutti gli altri schemi devono avere le stesse dimensioni, vedrai il perché.
passi:
Esiste un ottimo strumento (freeware per uso personale) chiamato AMP Tile Viewer che ti consente di controllare molto rapidamente se un'immagine è piastrellabile e come sarà piastrellata. Lo uso sempre e funziona benissimo. Non è necessario creare motivi in Photoshop che non verranno mai utilizzati o eliminati successivamente.
Ho scritto un'estensione di Chrome chiamata Tile View che ti consente di fare clic con il pulsante destro del mouse su un'immagine e vedere come le piastrelle.