Crea un effetto testo cucito per uno sfondo per iPad

In questo tutorial ti mostreremo come creare un effetto di testo cucito personalizzato per uno sfondo per iPad. Iniziamo!


Passo 1

Inizieremo creando il tessuto. Crea un nuovo documento a qualsiasi dimensione (ho creato una tela di 250 px per 250 px).


Passo 2

Usando lo strumento Rettangolo, crea un piccolo rettangolo nero su un nuovo livello.


Passaggio 3

Per creare una texture per questa forma, aggiungi i seguenti stili di livello:

Il risultato è l'elemento costitutivo della nostra trama.


Passaggio 4

Crea più istanze di questa forma e posizione come mostrato.


Passaggio 5

Appiattisci l'immagine e usa lo strumento Selezione rettangolare per effettuare una selezione. Si noti che ho effettuato una selezione che si tradurrà in un modello senza cuciture.


Passaggio 6

Una volta che hai dimestichezza con la selezione che hai fatto, vai su Modifica> Definisci modello. Assegna un nome al modello e fai clic su OK.


Passaggio 7

Ora che abbiamo uno schema, lo useremo per creare un campione più grande di tessuto che aggiungeremo alla scena finale. Crea un nuovo documento 2500 px per 2500 px.


Passaggio 8

Vai a Modifica> Riempi. Seleziona Pattern dal menu a discesa e scegli il nuovo Pattern personalizzato appena creato (dovrebbe trovarsi in fondo all'elenco).


Passaggio 9

Per aggiungere un po 'di colore, dai a questo livello il seguente stile di livello:


Passaggio 10

Voglio aggiungere un po 'di variazione al mio modello. Inizia creando un nuovo livello pieno di bianco. Aggiungi disturbo impostato su 100% e dargli un effetto movimento con un'impostazione di 40 px con un angolo di 55 gradi. Imposta il metodo di fusione su Moltiplica e l'opacità al 75%.


Passaggio 11

Per continuare ad aggiungere alcune variazioni alla nostra trama, crea un altro livello e Renderizza nuvole (Filtro> Renderizza nuvole). Impostare il metodo di fusione e l'opacità come mostrato.


Passaggio 12

Seleziona tutti i livelli nel pannello Livello e fai clic con il pulsante destro del mouse e seleziona Converti in oggetto avanzato. Rinominare lo Smart Object in? Fabric? e salva questo file.


Passaggio 13

Abbiamo bisogno di creare un nuovo documento per il nostro iPad Wallpaper. La risoluzione dell'iPad è di 1024 px per 768 px, il che significa che quando ruotato orizzontalmente o verticalmente, sarà al massimo 1024 di larghezza o 1024 di altezza. Per assicurarci che il nostro sfondo si adatti allo schermo con qualsiasi orientamento, dobbiamo creare un nuovo documento 1024 px per 1024 px.


Passaggio 14

Per aiutarmi visivamente, ho creato un nuovo gruppo che contiene le guide per gli orientamenti orizzontali e verticali dell'iPad.


Passaggio 15

Per ora, possiamo nascondere le guide. Importa oggetto avanzato del modello di tessuto in questa scena. Trasforma (Comando / Ctrl + T) questa trama in una prospettiva desiderabile. Salva il tuo documento.


Passaggio 16

Abbiamo bisogno di creare i punti in un documento separato. Dobbiamo anche assicurarci che il documento sia abbastanza grande in modo che ci sia poca distorsione quando lo mettiamo in prospettiva. La dimensione complessiva del documento dipende dal testo o dal logo. Per questo progetto ho creato un nuovo documento 2200 px di 500 px.


Passaggio 17

Trova un logo o un testo che ti piace e incollalo nella scena. Ridimensiona (Comando / Ctrl + T) per riempire lo spazio.


Passaggio 18

Ora creeremo i singoli punti. Se hai familiarità con Illustrator, potrebbe essere più facile crearli lì (specialmente con lo strumento di fusione), ma poiché questo è un tutorial di Photoshop, li creerò qui. Come puoi vedere, ho modificato l'Opacità del livello Logo in modo che sia più facile vedere il mio lavoro. Su un nuovo livello, usa lo strumento Linea per disegnare punti sul tuo grafico come mostrato.

Per ridurre il lavoro, disegna una linea e ne fai una copia (comando / Ctrl + J). Premi Comando / Ctrl + T per accedere alla modalità Trasforma. Sposta leggermente la linea e premi invio per impostare le modifiche. Ora premi Comando / Ctrl + Alt + Maiusc + T per ripetere la trasformazione. Continua a premere questa scorciatoia fino a quando non hai una linea di punti.

Questo processo si tradurrà in più livelli. Assicurati di unirli insieme quindi usa questi punti per riempire le aree appropriate del tuo logo.


Passaggio 19

Continua a disegnare punti per le aree rotonde del tuo logo.


Passaggio 20

Ora che abbiamo un logo convertito in linee, dobbiamo fare le estremità di ogni riga. Aggiungi il filtro medio (Filtro> Disturbo> Mediana) con un'impostazione di 1 px.


Passaggio 21

Potresti notare che il filtro ha causato la fusione di alcuni punti. Basta usare lo strumento gomma per pulire queste aree. Ora che i punti sono finiti, possiamo finire di costruire il nostro sfondo.


Passaggio 22

Carica i punti nella scena dello sfondo del tuo iPad e trasforma (Comando / Ctrl + T) in prospettiva sullo sfondo del tessuto. Assicurati di accendere le guide per verificare come apparirà il posizionamento sia in orizzontale che in verticale.


Passaggio 23

Abbiamo bisogno di aggiungere l'aspetto dei punti sollevati sopra la superficie. Per fare questo, useremo il filtro Fluidifica per aggiungere una leggera piega alla cucitura. Vai a Filtro> Fluidifica e, con lo Strumento curvatura in avanti selezionato, imposta la Densità del pennello su 99 e la Pressione del pennello su 10.


Passaggio 24

Inizia con una dimensione del pennello di 76 e inizia a spingere i punti in modo che appaiano sollevati. Lavora attraverso tutti i punti, modificando le dimensioni del pennello secondo necessità.

Il risultato dovrebbe assomigliare a questo:


Passaggio 25

Dal momento che vogliamo che i punti siano bianchi, vai avanti e regola i Livelli (Comando / Ctrl + L) usando i cursori inferiori.


Passaggio 26

Crea una copia di questo livello e aggiungi il filtro rumore con una quantità del 100%. Successivamente, vai su Filtro> Sfocatura> Sfoca più per attenuare il rumore. Questo ci darà quella trama ruvida di un punto di rotta.


Passo 27

Unisci questi due livelli e rinomina in? Punti.?


Passaggio 28

Per aggiungere alcune dimensioni a questo livello, aggiungi il seguente stile di livello:


Passaggio 29

Crea una copia del livello "Punti" e rinominalo in "Ombra". Rimuovi lo stile di livello e regola i livelli (comando / Ctrl + L) finché non diventa nero puro. Posiziona questo nuovo strato sotto i punti? strato.


Passaggio 30

Assegna a questo livello un sfocatura gaussiana di 14 px e imposta il metodo di fusione su Moltiplica e l'opacità al 50%.


Passaggio 31

Quindi, fai un'altra copia dei "Punti? livello e aggiungi i seguenti stili di livello (nota che stiamo sostituendo gli stili di livello esistenti facendo ciò):

Il risultato dovrebbe essere simile a questo:


Passo 32

Rinominare questo livello in? Stitch Texture? e usa i tasti freccia per spostare questo livello verso l'alto e verso destra.


Passaggio 33

Con la? Trama del punto? livello selezionato, Comando / Ctrl: fare clic sulla miniatura del livello per selezionarne il contenuto.


Passaggio 34

Su un nuovo livello, riempire la selezione con il bianco. Aggiungi disturbo con un importo dell'87% e vai a Filtro> Sfocatura> Sfocatura. Infine imposta il metodo di fusione su schermo e l'opacità al 35%.


Passaggio 35

Per finire i punti, fare una copia? Punti? strato. Rimuovi gli stili di livello e regola i livelli (comando / Ctrl + L) finché non diventa nero puro, proprio come abbiamo fatto nel passaggio 29. Sposta questo livello sotto i punti? livello e applica un Gaussian Blur con un'impostazione di 1,8 px. Infine, imposta Opacity al 71% e sposta leggermente il livello verso il basso in modo che diventi più visibile. Questo è un effetto sottile che aiuterà a fissare i punti sul tessuto.


Passaggio 36

L'ultima cosa che dobbiamo fare è applicare un effetto di profondità di campo all'immagine. Inizia a unire una copia dei livelli (Maiusc + Comando / Ctrl + Alt + E).


Passaggio 37

Su un nuovo livello, utilizzare lo strumento Sfumatura con l'opzione Sfumatura riflessa selezionata per creare il gradiente seguente.


Passaggio 38

Seleziona Tutto (Comando / Ctrl + A) e Copia (Comando / Ctrl + C) questo livello e vai al pannello Canali. Crea un nuovo livello nel pannello Canali e incolla (comando / Ctrl + V) la selezione. Useremo questo canale alfa appena creato quando aggiungiamo il Lens Blur.


Passaggio 39

Vai avanti e trash il livello del gradiente; non abbiamo più bisogno di questo. Seleziona la scena unita e vai su Filtro> Sfocatura> Sfocatura obiettivo. Aggiungi le seguenti impostazioni:


Conclusione

Infine, ho aggiunto una vignetta nera personalizzata per completare la scena. La tua immagine dovrebbe essere simile alla seguente: