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!
Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.
In Photoshop, crea un nuovo file premendo Comando / Ctrl + N. Imposta le sue dimensioni a 250 × 250 pixel.
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.
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.
Ripeti lo stesso passo, questa volta dal righello orizzontale.
Fai clic sul colore di primo piano per cambiarlo # 5a5b5d
.
Colpire alt-Elimina per riempire lo sfondo con il colore di primo piano.
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.
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.
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.
Aggiungi un altro cerchio con le stesse proprietà - Ictus e Riempire - e posizionarlo sul lato opposto. Assicurati che le loro posizioni siano entrambe simmetriche.
Disegna il cerchio più piccolo che interseca il lato sinistro del grande cerchio principale.
Disegna un altro cerchio con le stesse dimensioni e proprietà. Mettilo sul lato opposto.
Seleziona entrambe le cerchie usando Strumento di selezione del percorso.
Percorso duplicato e selezionare Comando / Ctrl-Alt-T ruotare il percorso -30 °. tenere Cambio mentre trascini per far scattare la rotazione su ogni 15 °.
Ripeti lo stesso passo, questa volta ruotalo 30 °.
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.
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.
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.
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.
Disegna un cerchio al centro della tela. Impostato Riempire a Nessuna e Ictus a 1 pixel, e colore bianco.
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%.
Disegna un cerchio più grande, sempre al centro della tela con 1 pixel colpo bianco.
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.
Uso Strumento di selezione diretta per fissare la posizione del punto.
Vogliamo che ogni punto sia esattamente sulla griglia dei pixel.
Seleziona il percorso del triangolo usando Strumento di selezione del percorso. Duplicalo. Mettilo sul lato opposto.
Colpire Comando / Ctrl-T e quindi ruotarlo 180 °.
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 °.
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.
Disegna un grande cerchio con Raggio di 110 pixel al centro della tela. Imposta la sua Ictus a 2 pixel.
Questa volta disegnare una forma di ellisse, dimensionata 14 × 20 pixel con un 2 pixel colpo bianco. Posizionalo sopra, toccando il cerchio.
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.
Seleziona il percorso con Strumento di selezione del percorso e quindi duplicarlo. Posizionalo sulla parte inferiore del cerchio grande.
Seleziona entrambe le forme. Colpire Comando / Ctrl-Alt-T. Ruota 15 ° trascinando Shift all'esterno del riquadro di delimitazione.
Ripeti questo colpendo Comando / Ctrl-Shift-Alt-T repeteadly.
Questo è il risultato con un ingrandimento del 100%.
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.
Disegna una stella a sei punte. Uso Strumento Poligono con l'opzione Stella selezionata nel Barra delle opzioni.
Riposiziona ogni punto finché non avremo una forma pixel perfetta.
Sotto, puoi vedere la differenza prima e dopo il riposizionamento del punto.
Duplica il cerchio e la stella a sei punte. Mettilo sul lato opposto.
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.
Duplica il percorso del cerchio. Mettilo sul lato opposto ...
Seleziona entrambe le forme. Colpire Comando / Ctrl-Alt-T duplicarli e trasformarli. Ruota 60 °.
Ripeti il processo premendo Comando / Ctrl-Shift-Alt-T.
Il risultato è un ingrandimento del 100%.
Disegna un cerchio con 2 pt Stroke.
Disegna un triangolo. Duplica e posizionala sul lato opposto. Ruota 180 °.
Duplica e ruotale 30 °.
Ripeti il processo fino a ottenere una forma circolare completa.
Usa i passaggi precedenti per aggiungere cerchi all'interno dei triangoli.
Aggiungi sei stelle appuntite all'interno del triangolo superiore e inferiore.
Duplica e ruotale.
Continua a ripetere questo processo.
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.
Disegna il cerchio più grande al centro della tela. Usa il Big Stroke, 4 pt.
Disegna un cerchio più piccolo con una linea più sottile, 2 pt.
Disegna un piccolo cerchio tra i due cerchi precedenti. Posizionalo sopra e sotto.
Seleziona entrambi i percorsi circolari. Colpire Comando / Ctrl-Alt-T e quindi ruotarlo 15 °.
Continua a ripetere e duplicare finché non li abbiamo in posizione circolare.
Aggiungi cerchi e stelle in alto e in basso ...
Duplicare e quindi ruotarli 45 °.
Combiniamo tutte queste tre forme come un modello. Inizieremo con il più piccolo.
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.
Incolla sulla tela come nuovo livello, colpisci Comando / Ctrl-V. Rinominare il livello come S, per piccolo.
Colpire Comando / Ctrl-T, dal Barra delle opzioni imposta la sua posizione per coordinare 0, 125.
Duplica il livello (Comando / Ctrl-J) e poi colpito Comando / Ctrl-T. Impostalo su 250, 125.
Duplica di nuovo. Questa volta mettilo a 125, 0.
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.
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.
Incolla come nuovo livello. Trasformare strato (Comando / Ctrl-T) e quindi posizionarlo a 0, 0.
Colpire Comando / Ctrl-J per duplicare il livello, posizionarlo su 250, 0.
Duplicalo di nuovo e poi posizionalo 250, 250.
Duplicalo di nuovo e questa volta posizionalo 0, 250.
Ultimo oggetto ora. Nascondi tutti i livelli tranne l'oggetto più grande. Colpire Comando / Ctrl-Shift-C e poi Comando / Ctrl-V.
Nascondi tutti i livelli di gruppo. Questo sarà il nostro modello geometrico.
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.
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.
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.
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.