Tutorial: come disegnare un foglio di carta

Di recente ho letto vari utenti che chiedevano aiuto per poter disegnare un foglio in photoshop, visto che ho dovuto realizzare qualcosa di simile per lavoro, mi è sembrato opportuno scrivere un breve e semplice howto.

deswign.com

  1. Creaimo un nuovo documento 500px*500px in RGB/8 bits con sfondo bianco;
  2. tracciamo con lo strumento rettangolo, tenendo premuto il pulsante shift, un grosso quadrato (es: 400px*400px) ;
  3. ora clicchiamo due volte sul livello contenente il quadrato e aggiungiamo: dell’ ombra esterna, con questi valori opacità 20%, distanza 2px, dimensione 2px. Ora applichiamo un pattern: carichiamo tra i vari set il ‘Color Paper’ e scegliamo quello che fa più al caso nostro e cambiamo la modalità in Luminosità.pattern Infine aggiungiamo una sfumatura per simulare le pieghe del foglio, applicatela con un’ angolatura di 90° e regolate l’ opacità per renderle più o meno visibili ( io l’ ho impostata all 8%) gradient
  4. il più è fatto ora se volete anche aggiungere un altro pattern sul foglio, create un nuovo livello, posizionatelo sotto e disegnate un altro quadrato con le stesse dimensioni e posizioni ora applicategli l’ effetto Sovrapposizioni Pattern e sceglietene uno tra quelli che riproducono una texture della carta;
  5. ora cliccate sul livello precedente contenente il foglio e diminute l’ opacità del livello (es:85%).

Download il psd

Se cercate qualcosa di più avanzato vi suggerisco questi due tutorial: webdesignerwall , spoongraphics

Per poterlo usare in una pagina html è sufficiente impostare l’ immagine come background di un div con le sue stesse dimensioni, inserire il testo in un paragrafo dentro al div e modificare la proprietà line-height del paragrafo in modo tale che i caratteri vadano a posizionarsi tra le linee del foglio.

Share your passion on del.icio.us
  1. Posted 10 Maggio, 2008 at 11:56 am

    Bel tutorial, grazie, però non riesco a creare le sfumature sul pattern, perché mi dice che il livello non è direttamente modificabile, come posso fare?

  2. Posted 10 Maggio, 2008 at 12:09 pm

    grazie per i complimenti Francesco.Che procedura usi per impostare la sfumatura? basta che clicchi col tasto destro sul livello (del foglio), scegli Stile Livello e infine Sovrapposizione sfumatura.

  3. Posted 6 Giugno, 2008 at 10:38 pm

    Ciao, scusa se rispondo al commento soltanto ora, è che non ho tanto tempo di seguire i blog che mi interessano, e a questo proposito ti consiglierei di usare un plugin per la sottoscrizione ai commenti, così quando avessi risposto al commento mi sarebbe arrivata una email di avvertimento.

    Comunque, veniamo a noi: il fatto è che il mio Photoshop sarà un po pazzo, certe volte posso tranquillamente sfumare, altre volte no, anche con le stesse impostazioni. Altre volte invece mi è capitato di avere impostato un pennello desaturante e non poterlo più rimuovere. Ma alla fine penso che è colpa mia, e che devo imparare bene a usare i livelli e gli strumenti…

    Comunque, per impostare la sfumatura io clicco semplicemente su sfumatura, imposto i colori e traccio la linea per creare la sfumatura, ma molto spesso non tiene conto dei colori (fa sempre una sfumatura in bianco e nero) e non tiene conto del livello (fa una sfumatura come se il livello fosse vuoto). Cosa mi consigli?

    Grazie tanto del commento veloce (vedo che mi hai risposto la stessa giornata) e scusami per il mio commento arrivato così tardi.

    Ciao, e grazie ancora.

    P.S. prendi in considerazione il plugin che ti ho consigliato, può rendere la vita molto più facile ai lettori, se ti servissero altri dettagli dimmelo ;)

  4. Posted 9 Giugno, 2008 at 10:50 am

    @Francesco: ciao, se ti segnala che il livello non è direttamente modificabile allora devi prima rasterizzarlo (tasto destro sul livello > rasterizza), poi per applicare una sfumatura devi selezionare prima il contenuto del livello (Ctrl + click sul livello) altrimenti lui la applica a tutta l’ area di lavoro, comunque in generale il consiglio del commento precedente dovrebbe andare bene in tutti i casi.
    Sicuramente installerò il plugin, grazie del consiglio. a presto

  5. Posted 16 Giugno, 2008 at 7:48 pm

    Ciao, scusa (di nuovo) per aver risposto in ritardo, ma il tempo è quello che è, e il motivo è lo stesso di prima (noto con rammarico che le modifiche utili non sono state apportate).
    Quando avrò un po di tempo proverò la tua tecnica, che mi convince, sarà sicuramente quella giusta.
    Grazie tantissimo dei consigli, potrebbero essere determinanti.
    Io credo anche che selezionando il contenuto del livello allora non ci sia bisogno magari di rasterizzare il contenuto…
    Ciao, e grazie ancora tantissimo per avermi seguito.
    A presto!

Post a Comment

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

*
*