Suggerimento rapido come creare un effetto di sfondo geometrico in Photoshop

Come Illustrator, Photoshop include anche alcuni strumenti di editing vettoriale molto potenti. In questo tutorial, ti mostreremo come creare un effetto di sfondo geometrico per un design di poster in Photoshop utilizzando alcune forme semplici, metodi di fusione e trasparenze. Iniziamo!


1. Creare uno schema di colori

Il mio modo preferito per creare una combinazione di colori per questo effetto è iniziare in Illustrator. illustratore di Strumento di fusione è un ottimo modo per creare schemi cromatici graduali e matematicamente corretti che si adattano l'uno all'altro senza problemi. Se non hai Illustrator, prova a disegnare una sfumatura in Photoshop, usando i codici dei colori qui sotto. Quindi, usa il selettore di colori a intervalli regolari per produrre una combinazione di colori simile.

Passo 1

Il primo passo è creare un nuovo documento in Illustrator. Il documento che ho creato era 45,72 cm x 60,96 cm.

Passo 2

Disegna una forma rettangolare e applica un colore. ero solito # 553.895.

Passaggio 3

Ora duplica quella forma quadrata tenendo premuto alt e trascinandolo attraverso la tela.

Cambia il suo colore in qualcosa di più leggero. ero solito # CFC4E0. Tieni presente che aggiungeremo alcuni passaggi tra questi colori, quindi scegline uno che sia abbastanza distante dal tuo colore originale.

Passaggio 4

Ora vai a Oggetto > Miscela > Opzioni di fusione. Selezionare Passi specificati. Usa tutti i passaggi necessari ma ricorda, potrebbe essere necessario impostare alcuni passaggi per produrre abbastanza colori per riempire la tela di Photoshop nei passaggi successivi. Ciò potrebbe richiedere alcuni tentativi ed errori da parte tua. Per questo tutorial, ho usato 28 passaggi.

Seleziona entrambi gli oggetti e vai a Oggetto > Miscela > Rendere. Ora dovresti vedere qualcosa come l'immagine qui sotto. Tieni presente che questo è solo per aiutare a creare la tua combinazione di colori. Quindi il tuo oggetto blended non deve apparire uguale a quello qui sotto.


2. Crea forme base

Questo effetto di sfondo può essere creato utilizzando diverse forme esagonali sovrapposte. Tieni presente che non devi davvero usare Photoshop per questo. Anche Illustrator fa un lavoro fantastico. Le tecniche utilizzate nei passaggi sottostanti sono molto simili ai passaggi di Illustrator, quindi se sei a tuo agio con Illustrator, provalo, se ti piace.

Passo 1

Creare un Nuovo documento in Photoshop, chiamalo Impostazione Schema colori. Useremo questo documento per applicare la combinazione di colori che abbiamo appena creato per le forme che stiamo per creare. Ho usato le impostazioni mostrate di seguito, ma sentitevi liberi di creare un documento coerente con il progetto su cui state lavorando.

Incolla l'oggetto della combinazione di colori nella scena. Puoi incollare come Oggetto intelligente o pixel, non importa davvero.

Passo 2

Ora inizieremo a creare le forme base. Seleziona il Strumento Poligono e disegna un esagono come mostrato. Le dimensioni di ciascun esagono dovrebbero essere intorno 6 cm x 5,1962 cm. È possibile inserire le dimensioni esatte selezionando lo strumento Poligono e facendo clic in qualsiasi punto dell'area di disegno.

Riduci il Trasparenza del poligono a 80% e duplicare la forma 29 volte, come mostrato. Questo ti darà un totale di 30 esagoni. In questo passaggio, è davvero utile abilitare Snapping andando a vista > schiocco. Quando duplichi la forma, assicurati che il lato sinistro del poligono si agganci al centro del poligono alla sua sinistra.

Inizia dall'estrema sinistra della tela e assegna a ciascun esagono lo stesso colore del rettangolo corrispondente. Questa è probabilmente la parte che richiede più tempo del processo. Quando hai finito, raggruppa i tuoi strati. Il tuo documento dovrebbe essere simile all'immagine qui sotto. Ora puoi ignorare l'oggetto Blend che hai incollato da Illustrator.


3. Creazione del modello

Ora che la parte più lunga del processo è completa. Ora creeremo il nostro modello. Potresti aver notato che il Impostazione Schema colori il documento che hai creato era abbastanza grande rispetto alle forme con le quali stavi lavorando. Questo perché il pattern deve essere molto grande per coprire lo sfondo del poster che finiremo per creare. Quindi impostiamo l'altezza un po 'più grande di 60,96 cm (24 pollici).

Passo 1

Seleziona il Gruppo 1 strato e tieni premuto il tasto alt chiave. Con il alt tenendo premuto il tasto, trascina il contenuto di quel livello verso il basso e verso destra. Assicurati che Snap sia abilitato e posiziona ogni nuovo gruppo come mostrato finché il pattern non riempie completamente lo schermo.

Passo 2

Crea un nuovo documento Photoshop delle stesse dimensioni del documento Illustrator che hai creato nel primo passaggio. Il documento che ho creato era 45,72 cm x 60,96 cm.

Passaggio 3

Ora torna al Impostazione Schema colori documento. Raggruppa tutti i tuoi livelli di forma. Assegna un nome a quel gruppo Modello.

Passaggio 4

Vai a Finestra > Organizzare > Affianca tutto verticalmente.

Passaggio 5

Ora trascina e rilascia tutti i livelli dal Impostazione Schema colori documento nel tuo Effetto di sfondo geometrico documento.

Passaggio 6

Ora posiziona il Modello strato sulla tela come mostrato.


4. Dettagli aggiuntivi (facoltativo)

Se sei soddisfatto del tuo effetto sullo sfondo, congratulazioni! Hai finito questo tutorial. Mi sento come se l'immagine fosse un po 'piatta, comunque. Quindi mi piacerebbe aggiungere un paio di dettagli in più per renderlo un po 'migliore.

Passo 1

Vai a Strato > Nuovo livello di regolazione > livelli e regolare le impostazioni come mostrato. Questo renderà i colori un po 'pop.

Passo 2

Dato che questo modello è composto da molte forme esagonali, hai un po 'di controllo sull'aspetto dell'immagine finale. Se desideri rompere un poco la sfumatura, puoi fare clic sui singoli livelli di forma e modificarne le proprietà per rendere l'effetto molto più interessante.

Clicca sul Strumento di selezione del percorso e seleziona alcuni esagoni a caso con il Cambio chiave selezionata. Con tutti i percorsi selezionati, sperimenta diverse modalità di fusione, opacità e colori. Nella mia esperienza, Overlay, Hard Light, Multiply e Screen funzionano davvero bene. Il risultato sotto è stato fatto in pochi minuti. Con un po 'più di modifiche dovresti essere in grado di ottenere un risultato molto più lucido.


Conclusione

In questo tutorial, ti abbiamo mostrato come creare rapidamente un effetto di sfondo geometrico usando alcune semplici forme e trasparenze in Photoshop. La parte più difficile di questo effetto è capire quante forme hai bisogno per coprire completamente la tela. Una volta capito, il resto dei passaggi è abbastanza facile. Spero che questo tutorial ti sia piaciuto e puoi utilizzare queste tecniche per creare effetti di sfondo personalizzati.