40 Photoshop Seamless Patterns per il web-design (Basic-Pack #1)

Durante la progettazione delle interfacce grafiche per vari siti a cui ho lavorato, mi è spesso capitato di aver bisogno di donare vitalità ad elementi altrimenti “piatti”, come ad esempio gli sfondi.

In questi casi un ottimo strumento che ci viene in aiuto sono i patterns, ovvero tracciati preimpostati che si ripetono lungo gli assi x e y in un’area definita dall’utente.

anteprima_down_pattern

Una tipologia di patterns sono quelli denominati seamless, letteralmente “senza cucitura”, ovvero quei patterns che possono essere utilizzati su una porzione infinita di interfaccia senza che si riconosca la matrice di base.

Nella rete esistono molti pacchetti di risorse scaricabili gratuitamente, ma molte volte mi sono ritrovato a dover cercare insiemi di patterns che però no soddisfacevano le mie esigenze.

Proprio per questo motivo ho deciso di creare questo pacchetto di patterns personale, formato da 8 tipologie fondamentali di patterns, ognuna con 5 misure differenti.

Il pacchetto è scaricabile cliccando sull’immagine in alto, oppure da qui (brusheezy) o da qui (deviantart) mentre nell’immagine qui sopra potete vedere un’anteprima dei pattern che ho raggruppato in questo set.

Essendo il primo pacchetto che rilascio, ho deciso di condividerlo pienamente e quindi di non includere nessun tipo di restrizione all’utilizzo, perciò buon divertimento!

Una volta scaricato sul proprio computer prelevandolo dal link sopra indicato, esistono diversi modi per installarlo:

1 -  (con sistema operativo Windows) copiarlo e incollarlo all’interno della cartella C:\Documents and Settings\*(* indica il nome dell’utente corrente)\Dati applicazioni\Adobe\Adobe Photoshop CS*(* indica versione del programma)\Presets\Patterns. Così facendo aprendo photoshop, troveremo direttamente il nostro pattern tra quelli predefiniti del programma.

2 – (tutti i sistemi) aprire Photoshop, puntare sul secchiello (paint bucket) e nel menù a tendina dello strumento selezionare “pattern” al posto di “foreground”. Cliccare sulla freccina a destra del pattern preimpostato e successivamente sulla nuova freccina che si trova nel tondino a destra. Scegliere quindi Load Patterns e selezionare il pattern desiderato.

menu

Et-voilà! Il pattern è ora pronto all’uso per i nostri progetti.

Questo articolo è stato pubblicato in Tutorials, Utility e ha le etichette , , , , . Aggiungi ai preferiti: link permanente. Scrivi un commento o lascia un trackback: Trackback URL.

2 Commenti

  1. spooks
    Pubblicato 14 giugno 2010 alle 6:20 pm | Link Permanente

    Hi firstly thanks for what you did with the patterns.

    Can they be used for commercial purposes?

    Thanks in advance.

  2. Luca
    Pubblicato 15 giugno 2010 alle 11:11 pm | Link Permanente

    hi there spooks!
    yes, i have licensed this pack under creative commons licence.
    They are free to use in your commercial projecs as long as you follow these rules http://creativecommons.org/licenses/by-sa/3.0/ and only mention me as the author somewere in your work!

    happy to be useful!

    cya!

Scrivi un Commento

Il tuo indirizzo Email non verra' mai pubblicato e/o condiviso. I Campi obbligatori sono contrassegnati con *

*
*

Puoi usare questi HTML tag e attributi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>