Come creare un motivo geometrico degli anni '90 utilizzando le forme di base in Adobe Photoshop

Cosa starai creando

I modelli degli anni '90 sono riconoscibili dal loro uso di colori vibranti e forme geometriche semplici. In questo tutorial, ti mostrerò come creare un motivo geometrico degli anni '90 usando la funzione vettoriale di Photoshop.

Per trarre ispirazione dagli schemi degli anni '90, ti suggerisco di dare un'occhiata agli elementi di design degli anni '90 su GraphicRiver.

1. Come preparare una tela per un motivo

Passo 1

Inizia creando un nuovo file con le dimensioni 600 pixel × 450 pixel. Clicca il ok pulsante.

Passo 2

Per lo sfondo, aggiungi un nuovo livello di colore solido facendo clic sul Aggiungi livello di regolazione icona nella parte inferiore del Livelli pannello e selezionando Tinta unita. Nella successiva finestra di dialogo, seleziona un vibrante colore blu. Clic ok una volta che sei soddisfatto del risultato.

Passaggio 3

Assicurati che il righello sia visibile. In caso contrario, fare clic su Visualizza> Righello. Fai clic e trascina dal righello per creare una guida in tutte e quattro le direzioni: in alto, in basso, a sinistra ea destra. L'area all'interno della guida verrà utilizzata come area del modello.

2. Come disegnare forme geometriche usando lo strumento vettoriale di Photoshop

Passo 1

Questo modello degli anni '90 è pieno di forme geometriche. Qui, li copriremo uno per uno. Attiva il Strumento ellisse. Assicurarsi Forma la modalità è selezionata nel Barra delle opzioni

Ricorda, abbiamo bisogno di questa modalità mentre disegna ogni forma in questo modello. Quindi assicurati che questa modalità sia sempre selezionata. 

tenere Cambio e quindi fare clic e trascinare per disegnare una forma circolare. Puoi quindi cambiare il suo colore dal Barra delle opzioni. Crea due forme di cerchio, una grande e una piccola.

Passo 2

Ora, disegna una forma di rettangolo sottile usando il Strumento ellisse.

Passaggio 3

Duplica la forma colpendo Control-C e poi Controllo-V. Ruota la nuova forma di 90 °. Selezionare Combina forme nel Barra delle opzioni combinare entrambe le forme in un segno più. Disegna un altro segno più, ma questa volta più spesso e con un colore diverso.

Passaggio 4

Continua con una forma ad anello. Disegna un'altra forma di cerchio. Ma, questa volta, impostalo Riempire a nessuno e aumentare il suo Ictus taglia. Fai un altro anello.

Passaggio 5

Disegniamo una forma a mezzo cerchio. È fatto di un cerchio che viene poi tagliato a metà da un rettangolo. La modalità rettangolo dovrebbe essere Sottrai la forma frontale. Per trasformare entrambe le forme in un singolo percorso, selezionare entrambe le forme e selezionare Unisci componenti forma. Usa un colore vibrante per il suo Riempire e Nessuna per il suo Ictus.

Passaggio 6

Impila due rettangoli in modo da avere una forma a L. Duplica queste forme finché non abbiamo questa forma a zigzag. Per il suo colore, usa il giallo. Fai un'altra forma, questa volta più spessa.

Passaggio 7

Utilizzare il Strumento Poligono fare un esagono. Ha sei lati. Assicurati di impostare il suo lati impostazione a 6 prima di fare clic e trascinare il mouse. Aggiungi alcuni rettangoli sopra l'esagono e imposta la sua modalità su Sottrai la forma frontale.

Passaggio 8

Doppio click lo stile del livello e attivare Ombra esterna.

Passaggio 9

Aggiungi un altro esagono, questa volta con un colore e una dimensione diversa.

3. Come disporre gli oggetti all'interno di un motivo

Passo 1

Come accennato in precedenza, l'area del modello si trova all'interno delle guide. Innanzitutto, dobbiamo conoscere le sue dimensioni esatte. Seleziona l'area usando il Strumento di marcia.

Passo 2

Apri il Informazioni pannello facendo clic Finestra> Informazioni. Nel pannello, puoi vedere le informazioni sulle dimensioni della dimensione del modello. In questo caso, lo è 491 pixel × 359 pixel. Ricordalo e scrivilo se devi. Ricorda che vuoi che la dimensione sia in pixel, non in centimetri, pollici o altre unità. Se tuo Informazioni pannello mostra altre unità, cambialo in pixel per clic destro il righello e selezionando pixel.

Passaggio 3

Posiziona una delle forme nell'angolo dell'area del modello. Come modello, questa forma sarà tagliata. Deve ripetutamente apparire negli altri tre angoli. In matematica, quello che faremo è chiamato traduzione, che sta spostando un oggetto in una determinata direzione.

Passaggio 4

Duplica la forma usando la scorciatoia Control-J. Quindi, colpisci Control-T posizionare l'oggetto. Dobbiamo essere molto precisi. Ecco perché non faremo clic e trascineremo, ma ci limiteremo solo alla casella di input. Nota che in questo caso la nostra forma è posizionata su coordinate (59 px, 43 px).

Passaggio 5

La larghezza del pattern è 491 pixel. Abbiamo bisogno di spostare la forma orizzontalmente di 359 pixel verso destra in modo che appaia nell'angolo destro. Imposta la nuova posizione x su 550 px, che è da 59 (la coordinata x originale) + 491 (la larghezza della tela).

Passaggio 6

Vogliamo che appaia nell'angolo in basso a destra. Sposta l'ultima forma in basso a coordinate (550 px, 402 px). La nuova coordinata y, 402, viene da 43 (la vecchia coordinata y) + 359 (l'altezza della tela).

Passaggio 7

Infine, vogliamo che appaia nell'ultima curva. Possiamo duplicare la prima forma e spostarla verso il basso della quantità di altezza del modello.

Passaggio 8

Se non siamo soddisfatti del risultato, possiamo spostarli. Ricorda, dobbiamo spostarli tutti insieme. Altrimenti, dobbiamo ripetere di nuovo la procedura di traduzione per mantenere la consistenza ripetibile del modello. Puoi farlo selezionando tutti i livelli correlati e spostandoli usando il Sposta strumento.

Passaggio 9

Aggiungi un'altra forma, questa volta non nell'angolo ma su uno dei bordi del modello. In questo caso, mettiamo un semicerchio sul bordo superiore. Come schema ripetibile, l'altra parte del semicerchio dovrebbe apparire sul bordo opposto, il bordo inferiore. Quindi dobbiamo duplicare e inserire un'altra copia della forma lì.

Passaggio 10

Duplica la forma. Colpire Control-T e cambia la sua coordinata y con la vecchia coordinata y + la larghezza del modello. Nel mio caso, è 52 + 359 = 411.

Passaggio 11

Ecco la parte facile. Puoi semplicemente posizionare oggetti all'interno dell'area del disegno senza alcun contatto con i bordi o gli angoli, senza preoccuparti di rompere il modello ripetibile. Puoi aggiungere tutti gli oggetti che vuoi purché non tocchino né i bordi né gli angoli.

Passaggio 12

Di nuovo, ricorda sempre la regola di base di uno schema ripetibile. Se posizioni una forma toccando un bordo, deve apparire sul bordo opposto. Dai un'occhiata al segno più sul lato sinistro. Dovrebbe essere duplicato e quindi spostato sul lato opposto.

4. Come salvare e usare un pattern in Photoshop

Passo 1

Seleziona l'area che useremo come modello. Utilizzare il Strumento di marcia per fare questo. Clic Modifica> Definisci modello. Nella successiva finestra di dialogo, salva il nome del suo modello. Clic ok pulsante.

Passo 2

Per utilizzare il modello, tutto ciò che devi fare è fare clic Modifica> Riempi. Selezionare Contenuto: modello e scegli il modello che abbiamo appena realizzato. Clic ok.

Risultato finale

Ecco il risultato finale del pattern degli anni '90. In questo suggerimento rapido, ti ho mostrato suggerimenti e trucchi per creare un pattern ripetitivo coerente usando il metodo di traduzione. 

Ho scritto un altro suggerimento rapido simile a questo sette anni fa su Envato Tuts +. Il concetto è fondamentalmente lo stesso. Se hai familiarità con il compagno di squadra di Photoshop, Illustrator, è sorprendente Opzioni del modello pannello che rende più semplice e veloce la progettazione di questo tipo di pattern. Auguriamo anche a Photoshop.

Grazie per aver letto. Se segui questo tutorial, non dimenticare di mostrarci il tuo pattern nella sezione commenti qui sotto.