Questo tutorial è stato scritto da Martijn Breeuwer soprattutto per Lorelei Web

In questo tutorial ti mostrerò come creare quei piccoli modelli per ravvivare la tua grafica o i tuoi progetti web. I modelli non sono difficili da creare, ma possono avere un grande effetto sul "sex appeal" dei tuoi progetti.

Ti mostrerò come creare alcuni modelli popolari e un modello antistrappo. Ti mostrerò anche alcuni esempi di modelli alternativi.

Linee di scansione diagonali
Inizieremo con un modello molto popolare. Le linee di scansione diagonali.

Apri un nuovo documento in Photoshop e rendilo 3 x 3 pixel.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Crea un nuovo livello ed elimina il "Sfondo" livello in modo che l'immagine diventi trasparente.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Ingrandire fino al 1600% premendo CTRL + un paio di volte.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Afferra il strumento matita e impostalo sulla dimensione 1px Modalità: Normale e Opacità 100%
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Rassegna Stampa D per ripristinare i colori in bianco e nero e dipingere una linea tratteggiata 3 dall'alto a destra in basso a sinistra.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Banner

Ora vai a Modifica>Definisci modello e chiamalo linee di scansione o come preferisci chiamarlo.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

È stato facile, vero?

Per utilizzare il tuo modello seleziona il Strumento di riempimento, Selezionare: Cartamodello dalla casella a discesa e scegli il tuo modello.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Oppure vai alle opzioni di fusione e applica una sovrapposizione di motivi.

Assicurati di creare un nuovo livello prima di applicare il motivo al tuo lavoro. A volte il modello avrà un aspetto migliore quando
l'opacità viene leggermente abbassata.

Controlla il risultato.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Naturalmente puoi anche creare un motivo in cui lo spazio tra le linee è più grande. Per fare ciò usa il metodo sopra ma crea una tela di 5 x 5 pixel.
Questo sarà il risultato.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Linee di scansione orizzontali
Che ne dici di alcune linee di scansione orizzontali? (Utile quando stai creando qualcosa come lo schermo di una TV o di un PC, ecc.)

Apri un nuovo documento in Photoshop e rendilo 1 larghezza per 2 pixel di altezza.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Ora crea un nuovo livello ed elimina il livello "Sfondo" in modo che l'immagine diventi trasparente.

Banner

Ingrandisci fino al 1600% premendo CTRL + un paio di volte.

Ora prendi lo strumento matita e impostalo sulla dimensione 1px Modalità: Normale e Opacità 100%. Stessa impostazione di prima

Premi D per ripristinare i colori in bianco e nero e dipingere il pixel superiore di nero.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Ora vai su Modifica>Definisci modello e chiamalo linee di scansione orizzontali.

Risultato.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Piccoli punti
Ok, ora stiamo creando dei piccoli punti.
Usiamo lo stesso metodo che abbiamo usato con le linee di scansione.

Apri un nuovo documento in Photoshop e rendilo 3 larghezza per 3 pixel di altezza.

Ora crea un nuovo livello ed elimina il livello "Sfondo" in modo che l'immagine diventi trasparente.

Ingrandisci fino al 1600% premendo CTRL + un paio di volte.

Ora prendi lo strumento matita e impostalo sulla dimensione 1px Modalità: Normale e Opacità 100%.

Banner

Premi D per ripristinare i colori in bianco e nero e dipingi un punto al centro della tela.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Ora vai su Modifica>Definisci modello e chiamalo piccoli punti.

Risultato.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

croci
Facciamo un modello a corsetto. Crea un documento da 5 x 5 pixel e utilizza il metodo sopra

Ma ora disegni una croce.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

vai su Modifica>Definisci modello e chiamalo croci1 o qualsiasi altra cosa.

Risultato
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Modello di protezione ANTI RIP/copyright
Ultimo ma non meno importante ti insegnerò a realizzare un modello antistrappo.

Apri un nuovo documento e assicurati di avere abbastanza spazio. 600 x 600 pixel andranno bene. Lo ritaglieremo più tardi.

Crea un nuovo livello ed elimina il livello "Sfondo" per rendere l'immagine trasparente.

Banner

Ora prendi lo strumento Testo e usa un carattere leggibile. Ariel, Tahoma, Verdana, Times, ecc.

Ho utilizzato queste impostazioni:
Verdana | grassetto | 12 punti | aa: nessuno

La dimensione dovrebbe essere di circa 12px, non renderla troppo grande altrimenti non funzionerà bene come modello.

Ora digita qualcosa come: "creato da tuonome" o "(c) tuonome". Digito (c) e poi il mio nome.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Fai clic con il pulsante destro del mouse sul livello di testo e seleziona il tipo di rasterizzazione o vai a Seleziona > rastarizza > tipo.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Ora premi CTRL T (trasformazione libera) e ruota il nome di circa -30 gradi.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Premi Invio per confermare la rotazione. Ingrandisci leggermente e seleziona lo strumento di ritaglio.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Posiziona il mouse sulla parte inferiore del testo, fai clic e trascinalo nella parte superiore del testo. Assicurati di selezionare tutto il testo e di lasciare un po' di spazio in alto e in basso.

Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Banner

Ora premi invio.
Ora dovresti avere qualcosa di simile.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Vai a Modifica>Definisci modello e chiamalo copyright.

Apri il tuo ultimo webdesign che desideri proteggere dallo scarificatore e crea un nuovo livello.

Seleziona lo strumento Secchio di vernice e seleziona il modello di copyright. Abbassa l'opacità in modo che l'immagine sia visibile per chi vuole guardarla
ma più difficile per chi vuole strappare.

L'ho applicato a un modello su cui sto lavorando. L'opacità è di circa il 20%.
Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Combinare e sperimentare
Ora che conosci il modo di creare un modello, è tempo di combinarlo e sperimentarlo.

Dai un'occhiata a questi diversi modelli. Le possibilità sono infinite. Dal testo, alle forme (fiori, ecc.) e alle linee, tutti possono essere utilizzati per creare motivi.

Tutto quello che devi sapere su come lavorare con i modelli: crea e implementa - Tutorial PS Lorelei Web Design

Grazie per aver dato un'occhiata a questo tutorial, spero che tu abbia imparato qualcosa.