Come creare rapidamente e facilmente una griglia con Adobe Photoshop?


32

Supponiamo che abbia bisogno di disegnare una griglia in Photoshop, ogni quadrato abbia le stesse dimensioni e una certa quantità di pixel alti e larghi e le linee della griglia che abbiano una certa larghezza di pixel. Come questo:

inserisci qui la descrizione dell'immagine

Attualmente lo faccio disegnando un quadrato, copia + incolla + muovendo + unendo alcune volte per creare una riga, copiandolo / incollandolo alcune volte per creare più righe una sopra l'altra.

Funziona, ma sembra molto goffo, sono sicuro che dovrebbe esserci un modo più efficiente per farlo?

Quali sono alcuni metodi efficienti per creare una griglia di quadrati di uguali dimensioni?


3
Se hai Illustrator, lo farei lì. Vedi questo: graphicdesign.stackexchange.com/questions/16869/… - quindi semplicemente copia / incolla su Photoshop.
Scott,

Risposte:


61

Prova a usare i modelli. Per il tuo esempio di quadrato:

Disegna il quadrato iniziale e seleziona un riquadro più piccolo che include solo i lati superiore e sinistro. Quindi selezionare Edit > Define Pattern...e salvare il modello con un nome.

Quindi, selezionare la selezione dell'area che si desidera riempire. Quindi selezionare Edit > Fill..., scegliere Use: Patterne selezionare il modello quadrato.

inserisci qui la descrizione dell'immagine


come puoi farlo in modo che non ci siano mezze celle, in quanto si adatta perfettamente?
omino

1
Nell'esempio sopra, ho usato la palette delle informazioni per misurare la dimensione della griglia. In questo caso, era 86 px. Se vuoi affiancare una tela senza "semicelle", usa un valore che si moltiplica uniformemente nelle dimensioni della tela.
Alex Blackwood,

Bene, ho il livello in cui ho disegnato il quadrato selezionato e il riquadro di selezione è tutto impostato, tuttavia Modifica> Definisci modello è una scelta di menu disabilitata per me. Sconcertante.
Dave Munger,

6

Se stai tentando di creare una griglia solo a tuo vantaggio durante la progettazione, c'è un'estensione chiamata GuideGuide che lo farà in modo efficiente.

Se hai bisogno che la griglia faccia parte del progetto, ti consiglio di creare una linea usando lo strumento Selezione e quindi di duplicarla tutte le volte che vuoi, quindi di utilizzare le Layer >> Distributeopzioni per renderle perfettamente uniformi.


2
  1. Seleziona Photoshop → Preferenze → Guide, griglie e sezioni.

  2. Definire la griglia come desiderato

  3. Seleziona Visualizza → Mostra → Griglia; quindi controlla gli extra.

  4. Controlla vista → aggancia alla griglia; quindi controlla lo snap.

  5. Attiva la finestra Percorsi se non è già visibile. Crea un nuovo percorso chiamato Orizzontale.

  6. Usa lo strumento penna ( P). Definire un segmento di linea orizzontale nella parte superiore della griglia. Fai clic prima sul lato sinistro, poi sul lato destro.

  7. Utilizzare lo strumento di selezione del percorso ( Afreccia nera). Fare clic sul percorso, tenere premuta l' opzione ( Alt) per creare copie dell'oggetto.

  8. Crea un altro nuovo percorso chiamato verticale.

  9. Usa lo strumento penna ( P). Definire un segmento di linea verticale della griglia sul lato sinistro. Fai clic prima in alto, poi in basso.

  10. Utilizzare lo strumento di selezione del percorso ( Afreccia nera). Fare clic sul percorso, tenere premuta l' opzione ( Alt) per creare copie dell'oggetto.

  11. Crea un nuovo livello per la griglia (opzionale). Altrimenti, la griglia verrà disegnata su qualunque livello sia attivo.

  12. Finestra della tavolozza → Seleziona il tracciato orizzontale , quindi scegli il tracciato (usando il colore di primo piano) dal sottomenu delle opzioni (fai clic sul triangolino con tre linee nell'angolo in alto a destra della finestra della tavolozza), scegli pennello o matita.

  13. Ripetere il passaggio precedente per tracciare il percorso verticale .


1
È un'enorme quantità di lavoro per farlo in questo modo.
Evan Carslake,

In realtà, è stato abbastanza veloce per me. Esiste un modo migliore per creare una griglia di percorsi (anziché pixel)? Molto pulito con lo snap alla griglia. Grazie!
emrys57,

2

Ho trovato un modo rapido per risolvere il mio problema (ho PS CS4): ho usato "Mostra griglia", ho regolato le dimensioni ecc. In Preferenze, l'ho ottenuto esattamente come lo volevo, e poi ho preso uno screenshot dell'immagine, incollato in il mio file come nuovo livello e lo ho ritagliato per ridimensionarlo e ridimensionarlo. Questo non sarà sufficiente per alcuni utenti, ma è stato super veloce e ha funzionato per le mie esigenze.


2

Nella scheda "Visualizza" Nuovo layout guida

questo aprirà una nuova finestra Predefinito - è possibile salvare, caricare e creare un layout guida da utilizzare più e più volte controllare o deselezionare colonne o righe in base alle proprie esigenze Suggerisco di avere "anteprima" selezionato Numero = Il numero di guide desiderate Larghezza = La distanza tra le guide generate Grondaia = lo spazio tra le guide Margine = imposta i margini desiderati per i disegni, puoi digitare un valore per superiore, sinistro, inferiore e destro

è possibile selezionare anche colonne centrali e chiare guide esistenti

Questo è per Photoshop CC 2015.5

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.