Creare sfondi con le strisce

Abbiamo già parlato di siti che offrono tool gratuiti per generare immagini con le strisce da poter usare come sfondi per i nostri siti, ma se vogliamo realizzare qualcosa di più complesso che si distingua dagli altri dobbiamo realizzarle tramite photoshop:

stripe tutorial

  1. creiamo un nuovo documento 100px * 100px con sfondo bianco, modalità RBG;
  2. attiviamo i righelli (Ctrl+R) e zoomiamo il più possibile (Ctrl+ +) ;
  3. tracciamo una guida (clicchiamo sul righello e trasciniamo) orizzontale e una verticale esattamente a metà (50px);
  4. tracciamo tre linee di 1px tenendo premuto Shift in questo modo:

    step 4

  5. creiamo un nuovo livello e con lo strumento secchiello, selezionando le opzioni ‘Tutti Livelli’ e ‘Contigui’ e deselezioniamo ‘Anti-alias’, coloriamo la prima e la terza porzione di area con un colore a vostro piacimento e nascondiamo il precedente livello con le linee:

    step 5

  6. selezioniamo dal menù Modifica -> Definisci pattern.. e diamogli un nome, ora abbiamo pronto il nostro pattern;
  7. creiamo un nuovo documento 500px * 500px e in riempiamo un livello con una sfumatura, ora clicchiamo due volte sul livello e nelle Opzioni di fusione scegliamo Sovrapposizione Pattern.. e andiamo a cliccare sull’ ultimo pattern, cioè quello appena creato ora giocando con l’ opacità e con i metodi di fusione possiamo ottenere risultati sorprendenti;
  8. ecco alcuni esempi con vari tipi di sfumature e colori:
  9. 3 1 2 4

vi allego anche il psd zippato: download psd

Share your passion on del.icio.us

One Trackback

  1. [...] Creare sfondi con le strisce Design and visual, Risorse [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*