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

0
votes
0answers
13 views

How do I adjust grids in Photoshop?

I'm wondering if it is possible to adjust my grid in Photoshop CS6 so that it is central on my work space instead of looking like this... I find it difficult to drag my guides to equal distances if ...
1
vote
3answers
67 views

Can't figure out how to snap object to grid

I am learning Illustrator right now, and I follow this Adobe guide to learn how to create pixel-aligned objects. The problem is that I seem to do everything as described in the guide, but regardless ...
0
votes
0answers
30 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 > ...
0
votes
1answer
65 views

How to adjust online grids to desktop web design and mobile web design in Photoshop?

There are many good grids online (1200px.com, unsemantic.com) that can be downloaded as PSD and used in web design in Photoshop. Now I have 2 questions in relation with this: When I apply this ...
3
votes
4answers
19k views

Illustrator CC: align new objects to pixel grid - TURN OFF!

I have inadvertently created an illustration with the align new objects to pixel grid turned on (not sure why it was on, I did not know or ever turn it on) and want to now scale the image. When I ...
-1
votes
0answers
29 views

How to make objects snap to grid. Not the pixel grid, but the grid guides,

I know how to make objects snap to the pixel grid in Illustrator. However I would not like to snap my objects only to the pixel grid, but also to the grid that I can setup in Preferences -> Guides ...
1
vote
2answers
39 views

Why Bootstrap's grid gutters in the middle are twice as large as on the edges?

The Grid System of the popular Bootstrap Framework creates column grid where the gap in the middle between columns is twice as large as the edge margins: http://jsbin.com/baxunex/edit?html,css,output ...
8
votes
5answers
48k 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?
16
votes
4answers
99k 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 ...
2
votes
1answer
107 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. ...
2
votes
2answers
26 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. ...
1
vote
1answer
177 views

Reliable Grids in Photoshop CC15 artboards

So I was/am really happy that Photoshop finally came out with artboards. It's great for a series of web ads and a whole host of other things, but what I use it for most is what it was intended for, ...
13
votes
3answers
143 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 ...
1
vote
2answers
84 views

Are iPhone apps based on a grid?

Google provides all design specifications in their design documentation, which is very rich and outlines every single element - its size, padding etc. Everything, including material icons and text ...
0
votes
2answers
46 views

How to work with subheads and baseline grid in InDesign?

I'm trying to figure out how to deal with subheads and baseline grid in InDesign. I want them to have different space before and space after values. But I also want my body text to have consistent ...
1
vote
1answer
6k 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 ...
0
votes
1answer
38 views

Slice/Cut/Divide an artwork and paste them in different artboards (Illustrator)

I have an vector Logo file. I need to increase its size to 10m x 10m. Printer can only take upto 1.3m x 2.5m , so he asked me to slice/cut/divide/tile(I dunno the exact word for it) the entire file ...
0
votes
4answers
391 views

When designing PSDs for responsive design, how do grids and columns behave?

Ok, so I have this question that has been bugging me for quite a while, I'll try to explain it in detail. I'm designing a regular marketing website, and did the desktop version first using the ...
7
votes
4answers
17k 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 ...
5
votes
1answer
139 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 ...
7
votes
1answer
178 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 ...
2
votes
3answers
1k views

Designing properly for the web - grids for bootstrap and preparing files in photoshop

I have graphic design skills but never designed anything from scratch for the web (except using WordPress templates). I have a lot of experience in Photoshop but not a lot in web. I want to start a ...
5
votes
1answer
185 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 ...
0
votes
1answer
931 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 ...
4
votes
3answers
388 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?
6
votes
3answers
21k 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 ...
9
votes
5answers
130k 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 ...
3
votes
1answer
735 views

Restore snap-to-grid behaviour for path handles in AI CC 2014

one of the new features in AI CC 2014 is path handles ignoring any grid. However, when one wants to construct C2-contious joins between separate objects, precise control over the handle position is ...
1
vote
1answer
72 views

How to achieve this kind of color effect (colors in “anarchic grid”)?

I'm trying to get a result close to the one below in Illustrator, but I never end up with a satisfactory result. I think this kind of logos was pretty popular some time ago, with vivid colors and ...
0
votes
1answer
117 views

Can't find preferences tab to adjust and customize grids

I was just going through this tutorial HERE , and this guy adjusts his grids, by going to preferences, see the screenshot that I grabbed from the video: Now I have the following Photoshop ...
3
votes
4answers
3k 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 ...
1
vote
2answers
66 views

Visible grid using Indesign CS6

I am volunteering at a non-profit, and creating a document for an upcoming event. One of the pages will resemble a 'blueprint' like theme that contains instructions for people to follow. I want it to ...
0
votes
1answer
127 views

Why do they use “dp square” unit for measurements of baseline grid in relation to “icons”, but “dp” unit in relation to “type”?

In this specification document for Material Design in Android, it is written, All components align to an 8dp square baseline grid. Type aligns to a 4dp baseline grid. Iconography in toolbars ...
0
votes
1answer
77 views

Snapping to grid while using smart guides

Here it says I can't use snap to grid and smart guides at the same time: Note: When Snap To Grid or Pixel Preview is turned on, you cannot use Smart Guides (even if the menu command is ...
4
votes
1answer
1k views

Is there an automated, configurable way to organize many layers into a sprite sheet grid with exact pixel coordinates in Photoshop?

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
50 views

Change snapping boundary

Here it says when using "snap to grid", that it snaps when I am within 2 px of the grid When the object’s boundaries come within 2 pixels of a gridline, it snaps to the point. How can I change ...
1
vote
2answers
360 views

How to align a single letter within a text object to the edge of the bounding box in Adobe Illustrator?

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
0answers
69 views

How do I stretch the texture on a specific area GIMP

I am trying to stretch a texture on a specific area, to do that I thought of trying to use the Cage Tool, and when I finish(join) the path(curve) around my texture I don't see anything like this, ...
4
votes
1answer
392 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, ...
0
votes
0answers
225 views

Should I adjust the 960 grid system width for bigger screens?

I'm designing a website in photoshop and using the 960 Grid System 12 column. Automatically the canvas width is 1,020 Pixels. For bigger screen resolution screens should I expand the width of the ...
0
votes
1answer
76 views

Forcing decimal guide with Photoshop

I'm trying to create a Bootstrap grid. But on 1170 width, each column is 97.5 wide, so I will need to create decimal guides. But when I add a guide with the "add new guide" tool, it always round up ...
1
vote
0answers
419 views

Photoshop CC 2015 artboards have phantom grid lines being displayed [closed]

I am seeing strange 1px black lines on 'unselected' artboards. I've gone through my 'view' settings thinking, maybe, I had inadvertently hit a quick command that toggled on my grid. But I quickly ...
1
vote
1answer
27 views

What does the Dreamweaver grid layout refer to, and what is the standard?

I saw that in Dreamweaver, as well as in .psd, designers use guides to separate the page layout in 'grids'. I suppose this is tied to the idea of responsive web design, but I want to know why a ...
0
votes
1answer
243 views

Inkscape: How to export the grid to PDF?

When saving an Inkscape graphics as a PDF, I also want to save the grid. How can I do this? If I just export to PDF, the grid is not saved.
4
votes
3answers
164 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 ...
8
votes
2answers
9k 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 ...
2
votes
1answer
84 views

What's the reason of this statement? “Content is usually best served by appearing as far left as reasonably possible” [closed]

I was reading "Ordering Disorder" Grid principles of Web design from Khoi Vinh, in where he mentions that without much explanation. He got a long copy (8 units wide) inside a column of 10 units, in ...
3
votes
0answers
204 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 ...