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
20 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, ...
0
votes
0answers
36 views

Has anyone created a column grid for a Google Material design style app?

I'm aware Google Material uses a 8dp=8px square baseline grid in where components of the screen will fit like the example I want to build a column grid to give it structure, something like this, but ...
4
votes
1answer
94 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
51 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
22 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 ...
0
votes
1answer
26 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 ...
0
votes
1answer
37 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
170 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
24 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
57 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.
2
votes
1answer
75 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 ...
0
votes
1answer
190 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 ...
2
votes
0answers
97 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 ...
-1
votes
2answers
97 views

Illustrator basic: 3d grid view

Anyone knows how to hide this "3d grid looking" object? I must have used some smart shortcut.
1
vote
1answer
763 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 ...
2
votes
1answer
932 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
61 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
229 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 ...
1
vote
2answers
490 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.
1
vote
1answer
288 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
2answers
734 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 ...
3
votes
3answers
159 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 ...
0
votes
1answer
161 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 ...
1
vote
3answers
644 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 ...
2
votes
2answers
52 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
124 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
128 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 ...
3
votes
3answers
137 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 ...
1
vote
2answers
165 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
3answers
2k 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 ...
2
votes
3answers
1k 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
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
630 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 ...
2
votes
4answers
447 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 ...
3
votes
3answers
195 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)?
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 ...
0
votes
2answers
554 views

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

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?
2
votes
1answer
352 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..
3
votes
1answer
552 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 ...
0
votes
1answer
193 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 ...
2
votes
3answers
186 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 ...
1
vote
1answer
111 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:
3
votes
1answer
176 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
2answers
300 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 ...
1
vote
1answer
725 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
856 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
2answers
12k 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
2answers
10k 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
279 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. ...
1
vote
2answers
314 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: ...