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 (1)

3
votes
2answers
13k 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 ...
0
votes
1answer
112 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 ...
1
vote
0answers
23 views

How to divide photo into cirlcles - for wall decoration [duplicate]

There are paintings/photographs designed and separated into parts like this one: I would also like to slice a photo similarly but into smaller and bigger circles. Additionally I would need to ...
3
votes
1answer
35 views

How to warp a group of points in a grid?

Hi All, I need some guidance on how to properly warp a group of dots. I tried using the lower arc tool as well as the upper arc tool but it still need a lot of manual tweaking. I'm also thinking of ...
0
votes
1answer
37 views

How many columns should be used for small screen devices?

We use Bootstrap with default settings (i.e., 12 columns throughout using a fixed container, and 30px gutters between the columns). We also use default break points. I want to give my software ...
0
votes
0answers
27 views

Adobe Illustrator Rectangular Grid Tool: How to remove boxes after drawn

Hey guys, I am quite new to Adobe Illustrator (last time I used it was 5 years ago) and I am really rusty. I am trying to make some 8bit artwork via using "Rectangular Grid Tool" and would like to get ...
2
votes
1answer
222 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. ...
0
votes
3answers
20k views

How can I recreate a graph paper grid in Photoshop?

In Photoshop we can display the grid, but I want this grid to be printed so I want to make the grid myself. What's an easy way to make this?
0
votes
1answer
82 views

how do I create this type of grid in illustrator?

I'm trying to create a logo grid and I would like to know how I can achieve something such as the image below in illustrator
-3
votes
1answer
58 views

Make a grid easily in Photoshop [duplicate]

I do not like the youtube link showing how to do a grid in photoshop. It is really archaic, drawing line by line etc etc. I have a portrait that I need to draw grid over. Is there a simple way in ...
3
votes
4answers
3k 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 ...
7
votes
5answers
20k 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 ...
2
votes
2answers
188 views

Generating isometric grids in Illustrator CC

How does one generate accurate isometric grids in Illustrator CC?
11
votes
6answers
148k 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 ...
2
votes
1answer
242 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, ...
8
votes
1answer
509 views

How do I manipulate a field grid in Illustrator to resemble spacetime so that the center of the grid dips below a sphere?

Think of a bowling ball that has rolled to the center of a trampoline. I would like to depict that in Illustrator, except the trampoline would be a grid that conforms to the weight of the bowling ball ...
0
votes
2answers
66 views

What's a simple way to make a perfect multi-colored tile grid in illustrator?

I Googled "illustrator repeat shape" and none of the results gave a clear answer from what I could tell. I want to make a simple multicolored grid something like this, without duplicating and ...
2
votes
2answers
4k 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 ...
0
votes
1answer
57 views

How to grid inside of a shape on Illustrator

I'd like to make a shape with a grid inside of it. O course, fitting a grid exactly into a square is simple. But I'm having a hard time fitting a grid into an irregular shape like an ellipse. My ...
1
vote
1answer
45 views

Should Widgets Follow the Vertical Rhythm?

When designing for a vertical rhythm on the web, should form elements also follow along with the rhythm? I am currently working on developing a new set of guidelines and patterns for an enterprise ...
0
votes
1answer
36 views

How can I reset the grid rotation in Illustrator? [closed]

For some reason the grid got tilted in my Illustrator. Now everything has this tilted grid, even when I open new projects. I can't find anything online. Any clue what's going on?
1
vote
3answers
103 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 ...
1
vote
0answers
22 views

In Dreamweaver, is it enough to just use “media queries” for layout, or it's better to use “fluid grid” as well? [closed]

I'm a new to web design (my experience in print design). I'm using Dreamweaver, and I would like to understand more about responsive websites. My question: is it enough to use "media queries" to make ...
5
votes
2answers
87 views

Creating nested grids in Illustrator

I'm currently using Illustrator and Photoshop CS6 and my goal is to create a UI for a Battleship game. I have my eyes on this to use as a reference: Photoshop cannot do much vector and grid work so ...
0
votes
1answer
87 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 > ...
1
vote
3answers
109 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 ...
4
votes
4answers
23k 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 ...
8
votes
5answers
51k 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?
18
votes
4answers
106k 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 ...
4
votes
2answers
49 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. ...
13
votes
3answers
168 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
98 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
104 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
9k 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
0answers
261 views

What is meant by an 8dp square baseline grid, in Android Material Design specification?

I am a newb. My question is from this Material Design specification document: All components align to an 8dp square baseline grid for mobile, tablet, and desktop. The image at the end of the ...
0
votes
1answer
53 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
1answer
176 views

How to design .PSD or .AI file for Bootstrap?

This is my first question on this website so here we go! I'm graphic and web designer. When creating sites or apps I don't deal with front end and I don't want (for now). All I do is UI/UX design, and ...
0
votes
4answers
493 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 ...
5
votes
1answer
214 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
245 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
2k 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
331 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 ...
4
votes
3answers
730 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
23k 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 ...
3
votes
1answer
768 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
73 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
171 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 big, ...
1
vote
2answers
82 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 ...