Comment créer rapidement et facilement une grille avec Adobe Photoshop?

32

Supposons que je doive dessiner une grille dans Photoshop, chaque carré ayant la même taille et une certaine quantité de pixels de hauteur et de largeur, et les lignes de la grille ayant une certaine largeur. Comme ça:

entrez la description de l'image ici

Actuellement, je le fais en dessinant un carré, copier + coller + déplacer + le fusionner plusieurs fois pour créer une ligne, copier / coller plusieurs fois pour créer plus de lignes les unes sur les autres.

Cela fonctionne, mais je me sens très maladroit, je suis sûr qu'il devrait y avoir un moyen plus efficace de le faire?

Quelles sont certaines méthodes efficaces pour créer une grille de carrés de taille égale?

adobe-photoshop workflow grids measurement Sheldon Pinkman
la source
3
Si vous avez Illustrator, je le ferais ici. Voir ceci: graphicdesign.stackexchange.com/questions/16869/… - puis copiez / collez simplement dans Photoshop.
Scott

Réponses:

61

Essayez d'utiliser des modèles. Pour votre exemple de carré:

Dessinez votre carré initial et sélectionnez un carré plus petit qui comprend uniquement les côtés supérieur et gauche. Ensuite, sélectionnez Edit > Define Pattern...et enregistrez votre modèle avec un nom.

Ensuite, marquez la zone que vous souhaitez remplir. Puis sélectionnez Edit > Fill..., choisissez Use: Patternet sélectionnez votre motif carré.

entrez la description de l'image ici

Alex Blackwood
la source
comment pouvez-vous le faire pour qu'il n'y ait pas de demi-cellules, en ce sens qu'il convient parfaitement?
petit homme minuscule
1
Dans l'exemple ci-dessus, j'ai utilisé la palette d'informations pour mesurer la taille de la grille. Dans ce cas, c'était 86px. Si vous souhaitez appliquer une mosaïque à une toile sans «demi-cellules», utilisez une valeur qui se multiplie de manière égale dans les dimensions de votre toile.
Alex Blackwood
Eh bien, j'ai le calque dans lequel j'ai dessiné le carré sélectionné et le rectangle de sélection configuré, mais Editer> Définir le motif est un choix de menu désactivé pour moi. Déconcertant.
Dave Munger
6

Si vous essayez de créer une grille uniquement pour votre avantage lors de la conception, une extension appelée GuideGuide le fera efficacement.

Si vous souhaitez que la grille fasse partie de la conception, nous vous recommandons de créer une ligne à l'aide de l'outil de sélection, puis de la dupliquer autant de fois que nécessaire, puis d'utiliser les Layer >> Distributeoptions pour les obtenir parfaitement.

Helen
la source
2

  1. Sélectionnez Photoshop → Préférences → Guides, grilles et tranches.

  2. Définir la grille comme vous le souhaitez

  3. Sélectionnez Affichage → Afficher → Grille. puis vérifiez les extras.

  4. Vérifier la vue → accrocher à la grille; puis vérifiez snap.

  5. Activer la fenêtre Chemins si elle n'est pas déjà visible. Créez un nouveau chemin appelé Horizontal.

  6. Utilisez l' outil crayon ( P). Définissez un segment de ligne horizontale en haut de la grille. Simple clic d'abord sur le côté gauche, puis le droit.

  7. Utilisez l' outil de sélection de chemin ( A, flèche noire). Cliquez sur le chemin, maintenez l' option ( Alt) enfoncée pour faire des copies de l'objet.

  8. Créez un autre nouveau chemin appelé vertical.

  9. Utilisez l' outil crayon ( P). Définissez un segment de ligne verticale de la grille sur le côté gauche. Cliquez une fois en haut, puis en bas.

  10. Utilisez l' outil de sélection de chemin ( Aflèche noire). Cliquez sur le chemin, maintenez l' option ( Alt) enfoncée pour faire des copies de l'objet.

  11. Créez un nouveau calque pour la grille (facultatif). Sinon, la grille sera dessinée sur la couche active.

  12. Fenêtre Palette → Sélectionnez le tracé horizontal , puis choisissez le tracé (en utilisant la couleur de premier plan) dans le sous-menu Options (cliquez sur le petit triangle avec trois lignes dans le coin supérieur droit de la fenêtre de palette), choisissez un pinceau ou un crayon.

  13. Répétez l'étape précédente pour tracer le chemin vertical .

David
la source
1
C’est beaucoup de travail à faire comme ça.
Evan Carslake le
En fait, ce fut assez rapide pour moi. Existe-t-il un meilleur moyen de créer une grille de chemins (plutôt que de pixels)? Très chouette de l'avoir accroché à la grille. Merci!
emrys57
2

J'ai trouvé un moyen rapide de résoudre mon problème (j'ai PS CS4): j'ai utilisé "Afficher la grille", ajusté la taille, etc. dans les préférences, je l'ai exactement comme je le voulais, puis j'ai pris une capture d'écran de l'image, collée dans mon fichier en tant que nouvelle couche, et l'a rogné à la taille et à l'échelle. Ce ne sera pas assez salut-res pour certains utilisateurs, mais c'était super-rapide et a fonctionné pour mes besoins.

David Parker
la source
2

Sous l'onglet "Vue", mise en page du nouveau guide

cela ouvrira une nouvelle fenêtre Paramètre prédéfini - vous pouvez enregistrer, charger et créer une mise en page de guide à utiliser encore et encore, cochez ou décochez les colonnes ou les lignes en fonction de vos besoins. Je suggère de cocher la case "Aperçu" Nombre = Le nombre de guides que vous désirez Largeur = La distance entre les guides générés Gouttière = l'espace entre les guides Marge = définit les marges souhaitées pour vos conceptions, vous pouvez taper une valeur pour le haut, la gauche, le bas et la droite

les colonnes centrales et les guides clairs existants peuvent également être sélectionnés

Ceci est pour Photoshop CC 2015.5

Clérrique
la source