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
9
votes
5answers
39k 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 ...
7
votes
3answers
21k 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 ...
35
votes
5answers
471k 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 ...
31
votes
4answers
183k 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 ...
5
votes
2answers
17k views

Generating isometric grids in Illustrator CC

How does one generate accurate isometric grids in Illustrator CC?
3
votes
3answers
4k views

What is the PSD to HTML best practices with HTML5?

I'm getting quite confused with all the different methods of converting from psd to html 5. I'm trying to practice converting PSDs to HTML so i get enough experience. There are a ton of complicated ...
8
votes
1answer
1k 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 ...
5
votes
4answers
5k 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 ...
8
votes
1answer
10k 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'...
6
votes
2answers
3k 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 ...
1
vote
1answer
607 views

How to paint the pixel I'm currently hovering on, not the one underneath it or to the right, with the 1px pencil in Photoshop?

I'm trying to use Photoshop for some quick pixel art. I have my 1 px grid set up, and am using the 1 px pencil to color in pixels. However, if the crosshair is even slightly below center of the ...
0
votes
2answers
5k views

Why is my grid not aligning properly?

I'm using Photoshop CS6 and for some reason the grid is not aligned 1 pixel by 1 pixel on my 20 pixel by 20 pixel image. I've tried everything and it still doesn't work. Any help would be appreciated. ...
0
votes
1answer
5k views

Possible to use fill tool in grid cells?

I would like to reconstruct a simple bitmap to vector, so I have put a grid and a layer on top of it. Is it possible to e.g. use the fill tool, to just fill out one of the grid squares at a time? Or ...
31
votes
4answers
61k 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 ...
19
votes
3answers
72k views

Drawing grid in Inkscape in millimeter

If I try to draw a grid in Inkscape, there are two different options: Extra -> Render -> Grid Extra -> Render -> Kartesian Grid But both of them use pixel-metric(?). Is it possible to use other ...
23
votes
4answers
6k 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 ...
8
votes
4answers
5k 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 ...
7
votes
3answers
10k 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?
8
votes
6answers
76k 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?
10
votes
4answers
42k 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 ...
6
votes
1answer
4k 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 ...
3
votes
1answer
2k 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 ...
3
votes
2answers
16k views

Setting up responsive grids in Photoshop

I'm having some serious trouble understanding one aspect of responsive design. I understand almost all of the basics but one thing that is troubling me is setting up correct grids in Photoshop for ...
0
votes
1answer
2k views

Logo construction (grid?)

I'm trying to figure out how this logo was constructed but I can't make sense of the highlighted (in pink) circles... Can anyone tell me how that was made? I'm looking for an Adobe Illustrator ...
0
votes
1answer
245 views

Geometric circles gridding/guidelines workflow illustrator

does anyone here have any advice or know of any good resources/video tutorials, that would demonstrate how to work with circles & grids in a nice easy workflow. I saw something about using plugins ...
9
votes
7answers
523 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 ...