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
4answers
316 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 ...
1
vote
1answer
117 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, ...
0
votes
0answers
12 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 ...
1
vote
1answer
3k 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 ...
3
votes
3answers
16k 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
vote
1answer
27 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 ...
7
votes
4answers
15k 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 ...
4
votes
1answer
71 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 ...
1
vote
1answer
51 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. ...
7
votes
1answer
107 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
93 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
118 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
161 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
18k 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
111k 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
681 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
64 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
73 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
2k 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
55 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 ...
1
vote
2answers
61 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
1answer
92 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
54 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
982 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
44 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
344 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
52 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
230 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
179 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
64 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
350 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
26 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
161 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.
3
votes
3answers
158 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
7k 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
82 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 ...
2
votes
0answers
169 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
1k 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
178 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
8k 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?
0
votes
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
1k 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.
2
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
112 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 ...
8
votes
5answers
44k 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?
0
votes
1answer
436 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
27k 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?
1
vote
1answer
415 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 ...