Usually refers to a grid as a guide to create layouts, aligning elements, and/or restricting the size of a graphic element.

learn more… | top users | synonyms

1
vote
1answer
43 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
42 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
163 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
1answer
131 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
2answers
310 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
70 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
58 views

Align text field glyph anchor to box/grid

I want to align a textfield to the top left of a box, as per how the Grid Systems cover looks: The round letters in the headlines should overhang slightly. I am able to get quite close by using: ...
0
votes
1answer
50 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
67 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 ...
1
vote
1answer
126 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 ...
4
votes
2answers
340 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 ...
0
votes
2answers
144 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 ...
2
votes
1answer
118 views

Any way to organize *lots* of layers in Photoshop with exact pixel amounts?

I have a huge grid of icons that need to be positioned so that I can write sprites out of them after I'm done. Right now, I have so many layers, it'd take me forever to click on each one ...
0
votes
1answer
1k views

How do I efficiently create a grid in Photoshop?

Suppose I need to draw a grid in Photoshop, each square being a certain amount of pixels tall and wide, and the grid lines having a certain pixel width. Like this: Currently I do this by drawing ...
1
vote
1answer
218 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 - ...
-2
votes
2answers
978 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?
2
votes
3answers
3k 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 ...
0
votes
1answer
64 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 ...
3
votes
1answer
2k 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 ...
2
votes
1answer
942 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 ...
1
vote
1answer
119 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 ...
0
votes
1answer
552 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) ...
1
vote
2answers
181 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 ...
5
votes
1answer
249 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: ...
1
vote
0answers
52 views

Formula for grid that supports 2:1 and 1:1 units?

I'm trying to create a grid that supports 2:1 and 1:1 units. I cannot figure out if this can be done or is even mathematically possible without compromising the 1:1 or 2:1 unit. The grid will be ...
1
vote
2answers
344 views

Specific-sized grids such as 49x49 in Photoshop for sprite generation?

I need to generate sprites where images must not intersect. How can I get a custom-sized grid in Photoshop?
2
votes
4answers
563 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 ...
2
votes
1answer
133 views

How does Grid design helps and what are their roles in Website Design

I'm not a designer but I'm learning how to implement an efficient design on a website. How do we decide on the grid used, as far as I can grasp, 3x3 boxes looks good to me. But as I keep reading, i ...
8
votes
2answers
315 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: http://i.imgur.com/ZErtNHC.jpg ...
1
vote
2answers
121 views

Is there a way to record an action that sets guides to a 3 or 5 grid for a variable doc size?

I'm looking to record an action that will set guides in a 3x3, 5x5, 3x5 and 5x3 grid on my canvas in equal partitions, but I want it to be able to work for any document size. I'm interested in doing ...
6
votes
2answers
3k 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 ...
0
votes
1answer
161 views

Designing by the grid 1140px

I'm using a theme based on 1140px grid and I'd like to make the content area narrower while making the sidebar wider (currently it's 250px). How do I ensure everything stays proportional? I'm looking ...
5
votes
2answers
530 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 ...
1
vote
1answer
171 views

How can I use align to pixel grid without messing up the outline view in Adobe Illustrator?

In Adobe Illustrator there is the feature of using 'Outline View'. It shows you the wireframes of your objects so you can see that they are properly aligned. When I use 'Pixel Preview' I can see what ...
14
votes
4answers
1k 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 ...
1
vote
2answers
610 views

Grid Template Not Snappable in Fireworks CS6

I've seen many blogs highly recommend using a grid like 960 for prototyping in newer version of Fireworks. I'm using CS6. When I create a new fireworks document from template, I select the ...
0
votes
1answer
131 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 ...
0
votes
4answers
627 views

How to remove the black grid from pictures done with black-gridded papers?

Suppose I draw with grid -paper, I want some automated way to remove the grid fast. I have earlier used the magic-wand tool in Gimp but it is not really robust and now looking some good solution for ...
0
votes
3answers
697 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
3answers
23k 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 ...
6
votes
3answers
38k views

Cut large photo into a grid of smaller photos automatically?

Is there a way (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. I am using Photoshop. EDIT: Just to clear it ...
0
votes
2answers
121 views

How can graphics be made with “snap-to-grid” movements?

In an image like the one below, the graphics are organized very neatly. The mugs are aligned horizontally and vertically, the text below is centered with the mug, as well as the text in the mug ...
2
votes
1answer
685 views

Please help me grid this A4 landscape poster

I'm working on this simple A4 landscape poster basically saying "adobe.com/" (newline) "indesign" with big letters in the middle of the page, and a small lipsum footer at the bottom. But I'm having a ...
3
votes
2answers
577 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 ...
6
votes
3answers
1k 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 ...
4
votes
1answer
643 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 ...
3
votes
1answer
14k 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?
5
votes
4answers
695 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 ...
4
votes
4answers
398 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 ...