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 ...

learn more… | top users | synonyms

3
votes
0answers
212 views

Aligning Brushes to Edge with Grid (PS)

I've made a custom brush in Photoshop and I'm trying to use it on a pixel grid that I've set up however whenever I try to use it, either with brush or pencil (I'm relying on the pencil tool for it's ...
3
votes
2answers
2k views

Tell element to not snap to custom baseline grid

I'm editing a template with a baseline grid (the pink lines). The one you turn on/off with Cmd+Option+' by default. I added an icon with Font Awesome and can't align it vertically with my text ...
-1
votes
2answers
250 views

Illustrator basic: 3d grid view

Anyone knows how to hide this "3d grid looking" object? I must have used some smart shortcut.
-2
votes
2answers
9k views

Can you save an image with a grid in Photoshop?

i am working with an image in Photoshop and applied grid but now I want to save that image with the grid. Is there any procedure to save images with a grid?
1
vote
4answers
3k views

Determining Gutter Size in Grid Design

Is there a rule of thumb for determining grid gutter size as it relates to type size? I'm struggling with this issue on the web, especially when dealing with larger size type set at 20px and above. ...
1
vote
2answers
2k views

How to align text exactly to grid?

I am having a very hard time trying to align my text (among other elements) to my grid. I want the text area to line up flush to my grid lines.
3
votes
1answer
2k 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 ...
0
votes
1answer
147 views

What is the natural aspect ratio of a 12 column grid?

If I have a 12 column grid, what's the natural aspect ratio for items in the grid? Or, more specifically, I'm using 3 content-columns - each 4 grid-columns wide. Is there a natural height of images ...
0
votes
1answer
610 views

How do I make an image grid with logos? Photoshop, Illustrator or Indesign

I'm looking for a way to make automated image grids to be filled with logos. Like this one: I work on a firm which every month makes an event and invites hundreds of companies to participate. There ...
4
votes
2answers
28k 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?
2
votes
1answer
473 views

What's more important, baseline font-size or baseline line-height when creating grids based on a modular scale?

I'm trying to understand grids based on modular scales and how to use them in web design. From what I understand, there's two ways to decide a baseline value for your scale...using your baseline ...
3
votes
3answers
256 views

Does the typographic baseline grid manage images and other elements as well?

Since we build a baseline grid to rule our copy on the web, on articles I read, it's not clear if we should use this base line for giving spaces to other elements of the web as well, such as images ...
4
votes
3answers
10k 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 ...
0
votes
1answer
637 views

checkerboard draw behind in Illustrator

Is there a way to create a quick checkerboard pattern that can used to draw behind a shape? I can use the Rectangle Grid to make a normal grid to do this but when I create a checkerboard shape the ...
2
votes
2answers
78 views

Trying to “select all” and dragging whole document - but some lines do not move

In Inkscape I am editing an SVG file (please click the Raw button to download; copyright CC-BY-SA by Denelson83). I have defined a grid of 15 x 15 for the whole document and toggled the Snap bounding ...
1
vote
2answers
160 views

Should the gutter and the baseline have the same value?

So, I'm trying to set up a rather strict grid system and wondering what the "rules" for dealing with the gutter and the baseline. Should they have the same value?
1
vote
1answer
247 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 ...
1
vote
2answers
218 views

Grid system building methodology for web

For a long time now, I have been using premade grid systems, like foundation grid for instance, which consists a grid of 12 70px columns, and 30 px gutters. But as my design passion seeks the best ...
0
votes
2answers
682 views

Pixel grid and Grid don't align in Photoshop CC (PS CS6 provided as a reference) [closed]

This is how it should be (PS CS6) This is how it is (PS CC) Seems to be some kind of issue with some kind of measurements?
1
vote
3answers
3k 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 ...
1
vote
0answers
30 views

Method of filling several cells in a grid quickly in Photoshop [duplicate]

I am using Photoshop 7.0 and want to fill a grid with diffent colors After creating a grid with the pattern-tool (works fine), each cell has to be individually clicked and filled with the ...
1
vote
1answer
1k views

How to create a grid system on a tri fold leaflet or brochure in InDesign

I’m new to working with grids and tri folds, and I was wondering if anyone could help me out? As you well know when creating a tri fold, the fold in panel width becomes a different size than the ...
8
votes
4answers
27k 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 ...
3
votes
3answers
313 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)?
2
votes
4answers
665 views

How to choose a grid, for a complex mixed content web page

Planning a web page design in wireframes is super easy, but the next step is to choose a grid and build the page in Photoshop. This is a mine field to me. What is your methodology for choosing a grid ...
0
votes
0answers
22 views

PDF gridlines only viewable when viewing via web [duplicate]

I have a PDF file that shows grid-lines, but only when viewing it in Firefox (when I open the PDF on my computer, or in Chrome, I see no grid-lines). Does anybody know how to remove the grid-lines ...
2
votes
1answer
594 views

How to create an irregular triangle grid in Illustrator?

How might I create an irregular trianglular grid like this one? It would be nice to be able to distort the pentagons/hexagons rather than drawing the grid using the pen tool. Thanks..
1
vote
2answers
744 views

Is there a way to snap the brush to the guidelines in Adobe Illustrator?

In Adobe Illustrator CS5, is there a way to snap the brush to the guidelines? This is the effect I'm aiming to create: I have created my grid and now I want my brush to align or snap to the ...
2
votes
3answers
224 views

Make your own grid with custom ratio, start

How do you make the formula to make divisions in a grid given a ratio? For example 2÷3. I like the tool gridappset.com, but I would prefer to do the math myself and experiment with the results. Any ...
0
votes
1answer
229 views

gap between text on baseline grid

I have applied a baseline grid to some text but there is a gap between the two lines of text. I want the text to sit on the baseline underneath the top baseline. It has a character style applied to it ...
3
votes
1answer
240 views

How to make gradient tool annotators snap to grid

I'd like to have precise control over a gradient fill. From Expression Studio I'm used to the gradient tool annotator to automatically snap to a grid. By default, the Adobe Illustrator gradient ...
1
vote
1answer
146 views

How make rulers relate with grid somehow in Illustrator?

How to make rulers and grid show the same coordinates and units? Currently it shows absolute delirium for me:
1
vote
1answer
176 views

Is it possible to show symbol grid in Illustrator?

If I turn on grid inside symbol, then it has no relation with symbol's coordinates and it's registration point, which is at zero. So I can't use snap-to-grid function correctly. How to ...
7
votes
2answers
14k 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 ...
4
votes
1answer
1k 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 ...
1
vote
1answer
909 views

What is proper methodology for creating a mood board for a logo design?

There exists a fair amount of references online on how to create mood boards using various online services. I'm looking to create a mood board that has a visual hierarchy, incorporated's colors, ...
2
votes
2answers
12k 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 ...
2
votes
2answers
443 views

How can I create a curved grid

I would like to create a (preferably conformal, but not necessary) curved grid like this: trying to match the outline of a curve I have: Kind of like the lines on an athletics track, but a grid. ...
0
votes
1answer
1k 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. ...
1
vote
1answer
413 views

Adjusting leading on headers vs. working with a set baseline grid

I've been trying to lay out my type on a baseline grid. The head of my department always wants me to add more leading between my headings and body copy. I've attached two images to illustrate what I ...
2
votes
3answers
53k views

Grid / ruler toggle button at top of photoshop missing in CS6

In Photoshop CS5 there was a button at the top bar of the program where you could toggle rulers / grids (it was a square button and the had a ruler-looking border). I'd like to know how I can get this ...
1
vote
1answer
151 views

How can I display text results/posts/sections in a user-friendly and intuitive way?

I've been exploring design trends that use various ways to lay out text data (i.e. an Email app, Search Results, Blog Posts, etc.), and so I'm curious if anyone has any ideas for new ways to display ...
6
votes
1answer
4k 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: ...
0
votes
2answers
469 views

Learning how to design graphics using grids

I am a web designer, using grids in web design is pretty easy. I would really like to try and design 2d illustrations, though I am not good at drawing. Recently I keep coming across drawings (like the ...
6
votes
2answers
2k 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
690 views

Draw a grid for a Scrabble-like word game

In Gimp (preferrably) or Photoshop, how would you please draw such a board for a word game? I wonder how to: Draw a grid with equidistant lines for a 15 x 15 board? In the colored rectangles - ...
0
votes
1answer
279 views

Toggle visibility of Photoshop group on the fly

While watching PSD to WordPress Minimal Portfolio Theme in Tuts+, i notified that the author toggle the first group of layers GRID on the fly in order to move some elements, i jest see this group of ...
2
votes
1answer
4k views

Why don't Photoshop shapes align to the pixel grid?

I have Photoshop CS3 on a Windows 7 32bit machine with onboard / integrated Q45/Q43 chipset graphics. I have a problem where it seems any Photoshop element; shapes, text and the like do not align ...
0
votes
1answer
3k views

12 or 16 column grid for a full width website? [duplicate]

So I'm looking for the right answer for my grid system: 1) Should I use 12 or 16 column grid for a full width website similar to these websites: http://xfinitytv.comcast.net http://www.vevo.com 2) ...
2
votes
2answers
538 views

How does the grid system work for a full width page?

How does the grid system work for those websites that expand to the full size of the browser (no matter how you resize) while working with a base 12 grid system (such as 960.gs)? For example, take a ...