Questions tagged [grids]

Questions about grids, a guide laid under or over a graphic with user or software specified measurements. They're often used in the development process to create layouts, align elements, and/or restrict the size of a graphic element. Ask anything about creating, defining and using grids in a design project.

Filter by
Sorted by
Tagged with
57 votes
5 answers
129k views

Snap to grid in Inkscape

How do I set up snap to grid in Inkscape? I have a grid enabled but snapping doesn't seem to be working. This answer pointed me in the right direction but still didn't solve my problem. I am sharing ...
Suragch's user avatar
  • 4,115
42 votes
5 answers
630k views

How to quickly and easily create a grid with Adobe Photoshop?

Suppose I need to draw a grid in Photoshop, each square being the same size, and a certain amount of pixels tall and wide, and the grid lines having a certain pixel width. Like this: Currently I do ...
Sheldon Pinkman's user avatar
35 votes
4 answers
238k views

How to cut a large photo into a grid of smaller photos automatically in Photoshop?

Is there a way, maybe a script, that would help me cut an image into say 50 images? I have a massive panorama I would like to print on normal stock photo paper and I am using Photoshop. The output ...
nana's user avatar
  • 901
28 votes
3 answers
106k views

Drawing grid in Inkscape in millimeter

If I try to draw a grid in Inkscape, there are two different options: Extensions -> Render -> Grid Extensions -> Render -> Kartesian Grid But both of them use pixel-metric(?). Is it ...
Tik0's user avatar
  • 451
26 votes
4 answers
7k views

Baseline Grid vs. Readability

Any designer worth their salt will talk about the importance of the grid, and rightfully so. However, as I've continued to practice my trade, I've found that the baseline grid in particular doesn't ...
Brendan's user avatar
  • 16.3k
20 votes
2 answers
32k views

How to set ruler measurements in Inkscape

New to Inkscape and I just noticed that I can change the grid units. But can I also change the ruler units, If so, how?
Jeff Seale's user avatar
15 votes
2 answers
35k views

Grid is not zeroed in Illustrator

I have a document with several artboards (7), which I resized, but now my grid (cmd–") is not centered or zeroed correctly (please see photo). I need to adjust the elements on the artboards, and I ...
R. Fischer's user avatar
14 votes
3 answers
987 views

What is the logic behind loose grids?

I am trying to understand the logic behind these "loose" grid systems often used to display photographs. I have tried deconstructing these types of grids but can't seem to find a coherent explanation ...
gmorissette's user avatar
14 votes
5 answers
50k views

Adobe Photoshop: Creating a matrix grid / collage of images

Is there a convenient way of creating a grid, or a collage of images, without having to do it manually? Ideally I want a 64x64 square grid of images that are each 100px * 100px. I've seen them done a ...
James Jeffery's user avatar
10 votes
4 answers
15k views

How to make a hexagonal grid?

I'm trying to make a hexagonal grid, I want each hexagon to be it's own shape, with no extra paths. I've tried a bunch of different methods to create a hexagon grid, something like this (where each ...
Welz's user avatar
  • 9,989
10 votes
1 answer
3k views

How do I manipulate a field grid in Illustrator to resemble spacetime so that the center of the grid dips below a sphere?

Think of a bowling ball that has rolled to the center of a trampoline. I would like to depict that in Illustrator, except the trampoline would be a grid that conforms to the weight of the bowling ball ...
55 Cancri's user avatar
  • 203
10 votes
4 answers
44k views

Disable pixel grid magnetism (snap) in Photoshop CC

In previous Photoshop versions, we were able to move freely anchor points in the document but in Photoshop CC, by default, anchor points follow the pixel grid. I found how to disable it (visually) but ...
alex's user avatar
  • 301
10 votes
2 answers
1k views

Where can I find visual examples of the thought process behind different logo designs?

In this image you can see a preliminary grid and then circles are added that are aligned with the grid and then the shapes are formed by the intersecting circles, etc: I'm looking for some examples ...
Vidbot's user avatar
  • 191
10 votes
1 answer
11k views

How to create grid in GIMP (not sure if the filter is good)

I'm a beginner to GIMP, and I'd like to create a grid. I searched Google and all it gave me was to use the Filter > Render > Grid plugin, but for my job all I want to do is something like this: Let'...
user63898's user avatar
  • 345
9 votes
7 answers
578 views

How do I progress my design aesthetic beyond the linear minimalist style i use for everything?

I love the clean style but I feel like whenever I'm given a design project I research and I see all of these templates with these cool diagonals and curves. I want to utilize the style but I feel like ...
WorkInProgress's user avatar
9 votes
3 answers
3k views

Vertical rhythm/baseline grid in Web Design

I recently read some articles about the importance of good vertical rhythm/using a baseline grid for good typography in web design. I decided to try using a baseline grid, like the 960 grid pictured ...
Santaji's user avatar
  • 91
8 votes
1 answer
10k views

Is it possible to determine how many columns a web design grid has?

So I'm doing this lynda.com HTML/CSS task and it asked me to take my favourite web design, determine how many columns the grid has and then try to recreate the layout structure by myself. So let's ...
Limpuls's user avatar
  • 81
8 votes
6 answers
81k views

Photoshop CS6 - Can't find Show -> Pixel Grid

I can't find the Pixel Grid option like I would have in CS5. I just upgraded. Any ideas?
EGHDK's user avatar
  • 453
8 votes
1 answer
2k views

Script to automatically snap all points to grid in Adobe Illustrator?

How would you write a script to move all points of all selected paths to the nearest (non-pixel grid) grid point? e.g. I want all of the points of each polygon/path to snap to the nearest point on a ...
Johnnystackexchange's user avatar
7 votes
1 answer
51k views

Remove white grid lines when zoomed in Photoshop

I'm working on a game with lots of precise pixel artwork, and I need to be zoomed in on my work 24/7. Recently I switched to a Mac computer and this version of Photoshop automatically creates an ...
Liam Wofford's user avatar
7 votes
3 answers
12k views

What is the purpose of having outside gutters on a responsive grid?

Sketch has the option to add outside gutters to the grid. What are these for and what would be an example of a situation where these are useful?
Ben Suarez's user avatar
7 votes
3 answers
24k views

Grid-based design in Illustrator -- need help setting up a grid!

I'm trying to explore grid-based layout design in Illustrator to help me create mockups for prototypes. I was wondering if anybody here could help me set up a grid based layout easily in Illustrator ...
yeahumok's user avatar
  • 457
6 votes
3 answers
1k views

Inkscape: how to set the spacing of new pages?

Is there a way to set the spacing of the pages instead of moving them one by one? I'm working with grids, and the grids on the second page do not align as it is on the first page.
Clydinite's user avatar
  • 373
6 votes
1 answer
5k views

Copy, paste, move colored squares - but keep them aligned to the grid

I am developing a word game for iOS and would like to use an SVG file as the gaming board. The SVG file (author: Denelson83, Wikimedia Commons) is almost perfect for my game - except for displaced ...
Alexander Farber's user avatar
6 votes
3 answers
2k views

Looking for a grid template for PowerPoint

I'm new to this community. I wouldn't describe myself so much as a designer but rather someone who has a need to create presentations as part of my job and would like to improve the design of those ...
Nick's user avatar
  • 161
6 votes
2 answers
547 views

The basics of webdesign for responsive grids

I've never designed using a grid layout. I want to do that now so my developer can easily change the current layout, that is already made using a row/column grid. I opened my software, made a grid ...
Summer's user avatar
  • 2,696
6 votes
2 answers
4k views

How to align all selected points to a grid?

I'm working with Illustrator to make some icons. I use grid with step = 1px and after I scale/rotate shape elements I want them to automatically align to the grid. I know CS4+ has such an option in ...
Kromster's user avatar
  • 264
5 votes
6 answers
51k views

Photoshop: is there any shortcut to create guide lines?

I am trying to create new horizontal and vertical guides lines in Photoshop using: View > New Guide > Vertical (this is for vertical guide line) View > New Guide > Horizontal (this is for horizontal ...
Suresh Pattu's user avatar
5 votes
7 answers
20k views

Tell element not to snap to baseline grid

I'm editing a template with a baseline grid. I added an icon with Font Awesome and can't align it vertically with my text because it snaps to the baseline. How can I tell InDesign not to align this ...
Nelu's user avatar
  • 483
5 votes
4 answers
2k views

When to break out of a grid in webdesign?

Grid systems like the 960 grid and BluePrint can be useful to place the main elements for a website in a mockup: header, slider, content blocks, sidebar, footer etc. But do you use the same grid ...
Mattvic's user avatar
  • 191
5 votes
2 answers
918 views

Creating nested grids in Illustrator

I'm currently using Illustrator and Photoshop CS6 and my goal is to create a UI for a Battleship game. I have my eyes on this to use as a reference: Photoshop cannot do much vector and grid work so I'...
Enkrypton's user avatar
5 votes
1 answer
4k views

How to align elements to Bootstrap grid?

Sorry for the beginner question, but I'm having a hard time trying to figure this out. I'm using a grid for a Bootstrap design but my problem is how do I align elements to the grid? See my image for ...
Coco's user avatar
  • 53
5 votes
1 answer
9k views

Set an alternate baseline grid in an InDesign document, different to the rest of the document

Baseline grids in InDesign are set on a per-document basis, in preferences. What if I need a different baseline grid somewhere in a document? Can I override the document baseline grid in one section,...
user56reinstatemonica8's user avatar
5 votes
2 answers
19k views

Generating isometric grids in Illustrator CC

How does one generate accurate isometric grids in Illustrator CC?
MJC's user avatar
  • 73
5 votes
2 answers
740 views

Is it possible to give an offset to page grid in Scribus?

Is it possible to offset the page grid in Scribus? My page layout has the following settings: Margins = 1.5 cm (top, left, right, bottom) Page Grid = Main spacing 5.0 cm, Secondary spacing 0.5 cm. ...
user avatar
5 votes
1 answer
3k views

How to choose a grid system for print

Grid systems are one of the most useful tools in graphic design. They can range from a simple baseline grid and margins to a complicated modular system. Some examples: I'm interested in how to decide ...
Cai's user avatar
  • 40.6k
5 votes
1 answer
1k views

How would I restrict a path to a hexagonal grid?

So I need to create a world map using only hexagons. I have an svg of every country on earth that I got from QGIS. Basically, I need to do what I did with China (above) to every single country. ...
stapleshotz's user avatar
5 votes
3 answers
687 views

What should be the relation between margin and padding?

In grid-based layouts, should there be any relation between margins (the distance between elements) and padding (the distance between an element content to its edges)?
Yosef Waysman's user avatar
4 votes
2 answers
3k views

Create a geometric mobius strip in illustrator

I'm trying to create the following image of a Mobius Strip in illustrator: Now I can create the following image in illustrator, by intersecting two circular shapes and using the same tool. This ...
Yahboysurge's user avatar
4 votes
4 answers
6k views

How do I decide how many columns to use in my grid?

I'm trying to create a UI design for my 1024x768 screen. I know there's a grid system out there. I've read about the benefits, etc. I understand, I think from a fundamental level, why I need to use ...
yeahumok's user avatar
  • 457
4 votes
2 answers
2k views

Mixing the classic type size scale, grid systems and modular scales

I'm coming from a programmers background and just trying to understand how sizes should relate. I read in the book "designing for the web" that these are the classic type sizes and text set in these ...
firefusion's user avatar
4 votes
4 answers
16k views

In Illustrator how can I set X and Y relative to the pixel grid?

When I use Illustrator CS5 on another machine, all objects X and Y are relative to their artboard, not the overall pixel grid (by pixel grid I mean the entire screen). How can I change this so the X ...
CastToInteger's user avatar
4 votes
2 answers
10k views

How to create evenly spaced grids in Inkscape?

I would like to create a pattern of rectangular/circular grids with specified spacing from their center (that is supposed to defines the pixel pitch in my pattern). I am able to make patterns with a ...
Sarah's user avatar
  • 41
4 votes
3 answers
25k views

How to stop Photoshop CC from snapping to other elements?

I'm trying to move elements around on the grid, but Photoshop CC keeps trying to snap to other elements in the image. I've tried turning off View > Snap and then turning on View > Snap To > ...
Doktor J's user avatar
  • 291
4 votes
2 answers
40k views

What's the best way to create custom grid lines in Photoshop?

Is there a way to quickly define a baseline grid on photoshop using the guides tool? For example, if I want to create a 24px vertical rhythm, can I do this quickly on PS?
aayush's user avatar
  • 41
4 votes
1 answer
3k views

Spacetime Fabric Curvature

I'm using Illustrator to create a 10x10 grid that I wish to manipulate so I can achieve this effect: But I'm unsure how to do it. Using the various Warp filters does not achieve the result I need, ...
Matthew's user avatar
  • 61
4 votes
4 answers
605 views

designing websites using grids

I read a lot about grids and how they make the websites look good (needless to say I agree) though I have not been able to work with them. Have not been able to "feel" the advantage whilst using the ...
aurel's user avatar
  • 881
4 votes
3 answers
287 views

Aesthetic rules for sizing items in grid cells

(TL;DR: How big should the black boxes be in the grid below?) I have a grid of cells containing a rectangular shaped image (it's actually the same image repeated). The ratio of the image width/height ...
MachineElf's user avatar
4 votes
1 answer
4k views

How to make a glowing neon perspective grid in Gimp?

I’ve been experimenting in GIMP; I didn’t get on so well with Inkscape. I want to get into retro designs in an 80's style. I found this old (closed) question with an 80's text made in GIMP but the ...
DeeKey's user avatar
  • 41
4 votes
6 answers
16k views

Why is Photoshop's pixel grid smaller than my actual pixels?

I'm trying to set up Photoshop cc 2014 for pixel art graphics, but I have this weird issue where my pixels don't align to the grid. I can't work out if it's my pencil which is creating pixels too big, ...
Phil's user avatar
  • 151

1
2 3 4 5