Creare un motivo geometrico complesso, ripetuto in Photoshop

Per molti, il pensiero di creare un motivo geometrico complesso in Photoshop potrebbe sembrare un compito scoraggiante. Mentre gli schemi complessi possono sembrare complicati, le tecniche utilizzate per crearli non sono in realtà così avanzati. In questo tutorial, utilizzeremo forme vettoriali per progettare un motivo geometrico complesso, senza l'uso di alcun plug-in o effetti speciali. Iniziamo!

Risorse Tutorial

Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.

  • 26 pattern pixel ripetibili

1. Preparazione della tela

Passo 1

In Photoshop, crea un nuovo file premendo Comando / Ctrl + N. Imposta le sue dimensioni a 250 × 250 pixel.


Passo 2

Colpire Comando / Ctrl-R rivelare Righello a sinistra e in cima alla tela. Fare clic con il tasto destro per cambiare le unità di misura e selezionare pixel.


Passaggio 3

Trascina dal righello verticale per aggiungere guida a 125 pixel o metà della larghezza della tela. Questa guida ti aiuterà a posizionare le forme in modo accurato.


Passaggio 4

Ripeti lo stesso passo, questa volta dal righello orizzontale.


Passaggio 5

Fai clic sul colore di primo piano per cambiarlo # 5a5b5d.


Passaggio 6

Colpire alt-Elimina per riempire lo sfondo con il colore di primo piano.


2. Prima forma geometrica

Passo 1

Il modello è composto da tre oggetti geometrici. Inizieremo creando l'oggetto più piccolo perché è il più semplice. Avremo molti oggetti. È sempre una buona idea organizzare i tuoi livelli. Crea un nuovo livello di gruppo facendo clic sull'icona della cartella nella parte inferiore di Livelli pannello. Fare doppio clic per denominarlo piccolo modello.


Passo 2

Attivare Strumento ellisse a partire dal Toolbar. Fare clic una volta al centro della tela. Apparirà una finestra di dialogo che richiede i parametri dell'ellisse. accedere 40 pixel per formare un cerchio. Seleziona Dal centro per posizionarlo al centro della tela. Clic ok.


Nel Pannello Proprietà puoi impostare la proprietà della forma del cerchio. Assicurati di averlo selezionato usando Strumento di selezione del percorso. Nel Dettagli forma, impostato Riempire a Nessuna e Ictus a bianca, 2 pt.


Passaggio 3

Aggiungi un altro cerchio, questa volta dimensioni 20 × 20 pixel. Mettilo come mostrato sotto. Imposta la sua Riempire a Nessuna e Ictus a 1 punto.


Passaggio 4

Aggiungi un altro cerchio con le stesse proprietà - Ictus e Riempire - e posizionarlo sul lato opposto. Assicurati che le loro posizioni siano entrambe simmetriche.


Passaggio 5

Disegna il cerchio più piccolo che interseca il lato sinistro del grande cerchio principale.


Passaggio 6

Disegna un altro cerchio con le stesse dimensioni e proprietà. Mettilo sul lato opposto.


Passaggio 7

Seleziona entrambe le cerchie usando Strumento di selezione del percorso.


Passaggio 8

Percorso duplicato e selezionare Comando / Ctrl-Alt-T ruotare il percorso -30 °. tenere Cambio mentre trascini per far scattare la rotazione su ogni 15 °.


Passaggio 9

Ripeti lo stesso passo, questa volta ruotalo 30 °.


Passaggio 10

Attivare Strumento Poligono. A partire dal Barra delle opzioni, impostato lati a 6. Fai clic sulla piccola freccia accanto all'icona di impostazione e seleziona Stella e impostare Indent Sides By 25%. Fare clic e trascinare per disegnare una stella a sei punte.


Passaggio 11

Aumentare lo zoom avvicinando facendo clic sulla stella alcune volte utilizzando Strumento Zoom. Esaminare la posizione del punto sulla griglia di pixel. Assicurati che ogni punto sia posizionato proprio sull'intersezione. Manualmente, trascina ogni punto usando Strumento di selezione diretta.



Se non vedi questa griglia di pixel, puoi attivarla facendo clic vista > Mostrare > Pixel Grid.


Passaggio 12

Ripeti questo processo su tutti gli altri pixel.


Sotto, puoi vedere la differenza prima e dopo la regolazione del pixel.



Questa è la forma geometrica che abbiamo.


3. Seconda forma geometrica

Passo 1

Ora, lavoriamo sul nostro secondo oggetto. Crea un gruppo chiamato modello med. I passaggi sono relativamente simili al primo oggetto. Disegneremo molti cerchi e poligoni, quindi li duplicheremo e li ruoteremo. Nascondere il primo oggetto facendo clic sull'icona dell'occhio nel Livelli pannello.


Passo 2

Disegna un cerchio al centro della tela. Impostato Riempire a Nessuna e Ictus a 1 pixel, e colore bianco.


Passaggio 3

Aggiungere un Maschera di livello sul livello. Fare un 2 pixel selezione a forma di croce usando strumento per selezione di un'area rettangolare e poi riempirlo di nero.


Questo è il risultato in un ingrandimento del 100%.


Passaggio 4

Disegna un cerchio più grande, sempre al centro della tela con 1 pixel colpo bianco.


Passaggio 5

Attivare Strumento Poligono e quindi fare clic una volta sulla tela. Le dimensioni dovrebbero essere 14 × 18 pixel con 3 lati. Dallo 1 pixel colpo bianco


Questo ci darà un triangolo.


Passaggio 6

Uso Strumento di selezione diretta per fissare la posizione del punto.


Vogliamo che ogni punto sia esattamente sulla griglia dei pixel.


Passaggio 7

Seleziona il percorso del triangolo usando Strumento di selezione del percorso. Duplicalo. Mettilo sul lato opposto.


Passaggio 8

Colpire Comando / Ctrl-T e quindi ruotarlo 180 °.


Passaggio 9

Seleziona entrambi i triangoli usando Strumento di selezione del percorso. Colpire Comando / Ctrl-Alt-T per eseguire duplicazione e trasformazione contemporaneamente. Shift-trascinamento fuori dal riquadro di delimitazione per ruotarlo a 30 °.


Passaggio 10

Assicurati che il percorso sia ancora selezionato. Colpire Comando / Ctrl-Alt-Shift-T per ripetere il comando di duplicazione e trasformazione.


Ed ecco il risultato al 100% di ingrandimento.


Passaggio 11

Disegna un grande cerchio con Raggio di 110 pixel al centro della tela. Imposta la sua Ictus a 2 pixel.


Passaggio 12

Questa volta disegnare una forma di ellisse, dimensionata 14 × 20 pixel con un 2 pixel colpo bianco. Posizionalo sopra, toccando il cerchio.


Passaggio 13

Attivare Converti strumento punto. Fare clic una volta in alto per trasformare il punto in un punto acuto. Fallo anche tu al punto più basso.


Passaggio 14

Seleziona il percorso con Strumento di selezione del percorso e quindi duplicarlo. Posizionalo sulla parte inferiore del cerchio grande.


Passaggio 15

Seleziona entrambe le forme. Colpire Comando / Ctrl-Alt-T. Ruota 15 ° trascinando Shift all'esterno del riquadro di delimitazione.


Passaggio 16

Ripeti questo colpendo Comando / Ctrl-Shift-Alt-T repeteadly.


Questo è il risultato con un ingrandimento del 100%.


Passaggio 17

Disegna un piccolo cerchio toccando in alto a sinistra del grande cerchio. Imposta la sua Ictus a 1 punto con colore bianco.


Fai una selezione quadrata dal centro della tela al centro del cerchio. Il cerchio dovrebbe essere alla fine della selezione.


Passaggio 18

Disegna una stella a sei punte. Uso Strumento Poligono con l'opzione Stella selezionata nel Barra delle opzioni.


Passaggio 19

Riposiziona ogni punto finché non avremo una forma pixel perfetta.


Sotto, puoi vedere la differenza prima e dopo il riposizionamento del punto.


Passaggio 20

Duplica il cerchio e la stella a sei punte. Mettilo sul lato opposto.


4. Terza forma geometrica

Passo 1

Questo è il nostro obiettivo finale e più complesso. Inizia disegnando un esagono usando Strumento Poligono. Quindi, disegna un piccolo cerchio su uno dei suoi angoli. Impostare entrambi colpi a 2 pixel, e bianco.


Passo 2

Duplica il percorso del cerchio. Mettilo sul lato opposto ...


Passaggio 3

Seleziona entrambe le forme. Colpire Comando / Ctrl-Alt-T duplicarli e trasformarli. Ruota 60 °.


Passaggio 4

Ripeti il ​​processo premendo Comando / Ctrl-Shift-Alt-T.


Il risultato è un ingrandimento del 100%.


Passaggio 5

Disegna un cerchio con 2 pt Stroke.


Passaggio 6

Disegna un triangolo. Duplica e posizionala sul lato opposto. Ruota 180 °.


Passaggio 7

Duplica e ruotale 30 °.


Passaggio 8

Ripeti il ​​processo fino a ottenere una forma circolare completa.


Passaggio 9

Usa i passaggi precedenti per aggiungere cerchi all'interno dei triangoli.


Passaggio 10

Aggiungi sei stelle appuntite all'interno del triangolo superiore e inferiore.


Passaggio 11

Duplica e ruotale.


Passaggio 12

Continua a ripetere questo processo.


Passaggio 13

Ho preso ulteriori passaggi ruotando ogni stella fino a quando non si trovano nelle stesse condizioni, un punto in alto e in basso.


Ecco cosa abbiamo al 100% di ingrandimento.


Passaggio 14

Disegna il cerchio più grande al centro della tela. Usa il Big Stroke, 4 pt.


Passaggio 15

Disegna un cerchio più piccolo con una linea più sottile, 2 pt.


Passaggio 16

Disegna un piccolo cerchio tra i due cerchi precedenti. Posizionalo sopra e sotto.


Passaggio 17

Seleziona entrambi i percorsi circolari. Colpire Comando / Ctrl-Alt-T e quindi ruotarlo 15 °.


Passaggio 18

Continua a ripetere e duplicare finché non li abbiamo in posizione circolare.


Passaggio 19

Aggiungi cerchi e stelle in alto e in basso ...


Passaggio 20

Duplicare e quindi ruotarli 45 °.


5. Combina tutte le forme come modello

Passo 1

Combiniamo tutte queste tre forme come un modello. Inizieremo con il più piccolo.


Passo 2

Nascondi lo sfondo facendo clic sulla sua icona a forma di occhio. Assicurati che la piccola forma sia rivelata e l'altra sia nascosta. Colpire Comando / Ctrl-A e poi Comando / Ctrl-Shift-C per copiare tutti i livelli visibili.


Passaggio 3

Incolla sulla tela come nuovo livello, colpisci Comando / Ctrl-V. Rinominare il livello come S, per piccolo.


Passaggio 4

Colpire Comando / Ctrl-T, dal Barra delle opzioni imposta la sua posizione per coordinare 0, 125.


Passaggio 5

Duplica il livello (Comando / Ctrl-J) e poi colpito Comando / Ctrl-T. Impostalo su 250, 125.


Passaggio 6

Duplica di nuovo. Questa volta mettilo a 125, 0.


Passaggio 7

Duplicare di nuovo e posizionarlo a 125, 250. Tutti questi oggetti sono in quattro strati. Potresti voler semplificarlo selezionandoli e poi colpisci Comando / Ctrl-E per unirli.


Passaggio 8

Lavoriamo sulla seconda forma, di medie dimensioni. Nascondi tutti i livelli, eccetto l'oggetto che vogliamo usare. Seleziona tutto (Comando / Ctrl-A) e colpito Comando / Ctrl-Shift-C.


Passaggio 9

Incolla come nuovo livello. Trasformare strato (Comando / Ctrl-T) e quindi posizionarlo a 0, 0.


Passaggio 10

Colpire Comando / Ctrl-J per duplicare il livello, posizionarlo su 250, 0.


Passaggio 11

Duplicalo di nuovo e poi posizionalo 250, 250.


Passaggio 12

Duplicalo di nuovo e questa volta posizionalo 0, 250.


Passaggio 13

Ultimo oggetto ora. Nascondi tutti i livelli tranne l'oggetto più grande. Colpire Comando / Ctrl-Shift-C e poi Comando / Ctrl-V.


Passaggio 14

Nascondi tutti i livelli di gruppo. Questo sarà il nostro modello geometrico.


Passaggio 15

Salviamolo come nuovo modello. Vogliamo che sia trasparente, quindi nascondi il livello Sfondo. Seleziona tutto (Comando / Ctrl-A). Clic modificare > Definisci modello. Dagli un buon nome e poi clicca ok.


6. Applicazione del modello

Passo 1

Cercheremo di applicare il modello a un livello. Crea un nuovo livello vuoto. Clic modificare > Riempire.


Questo è il risultato. Il motivo viene applicato su un livello vuoto con sfondo grigio.


Passo 2

Puoi anche applicare un altro motivo sullo sfondo per aggiungere effetti interessanti. Fare doppio clic su Livello di sfondo e quindi selezionare Sovrapposizione modello. In questo caso, un modello di questo set viene utilizzato con un colore di sfondo più chiaro.


Conclusione

Congratulazioni! Ora sai come progettare un motivo geometrico senza soluzione di continuità. All'inizio, potrebbe sembrare un processo complesso, ma ora sai che è una combinazione di disegno, duplicazione e trasformazione di oggetti. Spero che questo tutorial ti sia piaciuto e puoi utilizzare le tecniche che hai imparato per creare i tuoi pattern ripetuti in Photoshop.