Hot answers tagged

68

Try using patterns. For your example of a square: Draw your initial square and marquee-select a smaller square that includes the top and left sides only. Then select Edit > Define Pattern... and save your pattern with a name. Next, marquee-select the area that you wish to fill. Then select Edit > Fill... , choose Use: Pattern and select your square ...


47

There are several locations in the settings that affect snapping to a grid. View Page Grid Document Properties Snap Controls Bar Preferences We will look at each of these. The images may look different for different operating systems, but the general settings should still be the same. View Page Grid This does not directly affect snapping to the grid, but ...


21

Click on the File menu, then go down to Document Properties. On first tab (called Page) you can set the default unit there and that'll change the ruler measurements.


17

Using Transform Effects isn't that hard; you just need three measurements.... The measurements are: X1: Width X2: 1/2 Width Y2: 3/4 Height You then need two* Transform Effects... The first set to move horizontally by X1 (with as many copies as needed) The second set to move horizontally by X2 and vertically by Y2 (again with a number of copies)... ...


16

Sadly, menu Extensions -> Render -> Grids > Grid... does only take pixels as the measurement. So I am pretty sure conversion is the way to do it. I find the easiest, most accurate way to do conversion calculations for Inkscape is to do it in Inkscape. Use the rectangle tool to draw a rectangle on the canvas, then in the tools control bar for the rectangle ...


15

Found an interesting option in this video. Start by creating a grid with the Rectangular Grid or Polar Grid tool. Click Object > Envelope Distort > Make with Mesh Add some perspective with the Effect > 3D > Rotate and adjust to your liking. Move the points from the Mesh grid (not your original grid) until you get the desired effect. Go back and tweak ...


14

Uncheck "View -> Show -> Pixel Grid" and "surprise", no pixel grid. ;)


13

I prefer to use Inkscape's built-in document grid option. Press Shift+Ctrl+D or navigate to File→Document Properties→Grids Select Rectangular Grid and hit the New button. You can then edit the properties (and units) of the created grid in the same dialog.


13

I would not continue trying to learn how to slice up a PSD for HTML. This practice is outdated and you're only going to be hurting yourself down the road. In regards to "current standards" people usually code in an IDE. One thing you have to understand with slicing is if you have a responsive website you're going to spend a ton of time trying to cut a ...


12

There are a few issues here. Not everyone uses a grid system and even if they do there's no guarantee the grids are consistent. Maybe your example uses a four column grid with a wider left column. Grids are a tool. A guideline. They don't necessarily mean you are bound to your grid 100% of the time. Often, if people are designing using a pre-baked framework ...


11

This took me forever to figure out as well. It's hardly intuitive. This bug report is what led me to the answer: https://bugs.launchpad.net/inkscape/+bug/1422296 The key is to make sure you have the right combination of 'snap to...' icons selected on the right side of the UI: To quote the above URL: - "Enable snapping", the topmost button - "Snap ...


10

I found the solution: see the screenshot bellow I don't understand why this option is hidden in preferences panel and why it is enabled by default, his place should be in "snap to" menu and disabled


8

Some thoughts first. There is a chance the feeling of stealing could be because you try to explore a finished product too deeply and not the general idea, the initial feeling. 1) Do not look for detail As a first step, instead of seeing your idea as the image you posted, try just to see a blurred, non-detailed image: This is the same process as the one you ...


7

I don't know if the answer is to specific, but since their is no general solution to this problem, I cloned Inkscape and patched the grid functionality. I'll try to improve my patch, so it will be maybe in a release version one day (so please don't down-vote instantly). Until then, one has to clone my repository and build it. My solution is as follows: ...


7

If you are attempting to create a grid just for your benefit while designing, there's an extension named GuideGuide that will do this efficiently. If you need the grid to be part of the design, I'd recommend creating a line using the marquee tool and then duplicating it as many times as you need, then using the Layer >> Distribute options to get them ...


7

The truth is, few are using Photoshop to mock up entire sites anymore. That's just not how modern web design is done in my experience. Wireframing has become much more of a starting point for design than it was 5 years ago. The days where you'd spend hours creating the perfect mock up in Photoshop, then recreating everything again in HTML are long gone. Any ...


7

Make sure that you don't have any layers locked. That could prevent items from being moved.


7

The first example seems to be based more on a classic layout than on a rigid grid. It seems to be based on a "squished" version of the golden section. The reasons why it is "squished" might be many: the section was applied to a larger page that was trimmed afterwards the photo might be slightly distorted the designer said "what the heck" and pushed the ...


6

Under the "view" tab New Guide layout this will open a new window Preset - you can save, load & create a guide layout to use over and over again check or uncheck columns or rows depending on your needs I suggest having "preview" checked Number = The number of guides you desire Width = The distance between the generated guides Gutter = the space between ...


6

As far as I can tell, the only place you can override the document's baseline grid and set a different baseline grid is at the text frame level. There are a few ways to do this: As a one-off: select a text frame, then Text Frame Options > Baseline options For a class of text frames: in the Object Styles window, create an Object Style, then set the new ...


6

If you only have internal gutters, the content might seem cramped within the borders of the sheet or screen. When you add the external gutter, you create some breathing room between content edges and physical edges, making it look like things fit more comfortably. On borderless media (paper, signage) it also creates some buffer space between the background ...


6

The Bootstrap Documentation doesn't seem to have a great example for this as far as I can tell. I set up an example to try to visualize what Bootstrap does with the columns (I added your guide lines for comparision). The gist of it is, the column div is full width (Box #4) but has left and right padding (15px) so the content of the column will be padded by ...


6

Illustrator's hexagons snap to each other, if you make one and use only its copies, maybe differently colored have snap to points ON, no other snaps! Smart guides can mislead you, switch them OFF use direct selection tool to drag new hexagon to the pattern as follows: unselect all, for ex. click an empty place select the new hexagon with the normal ...


6

It's really difficult to achieve this effect. I used two different shapes to test using them as Art Brushes. I applied the first one and I use the Widht tool to make the endpoints smaller. The second I used it as it is. Some tweaking to the spiral shapes were necessary. Unfortunately, I could not make the lines interact making them fluid as you can see. ...


6

If you want the vertical cut of the line to have a certain height This is very easy to do with skewed rectangles. Move the two magenta rectangles in the left side so they snap to the inside of the yellow rectangle. Change their color to the wanted green. In the upper green rectangle, select the two anchor points in the right side with Direct Selection Tool. ...


6

A "strict" isometric grid would be 360°/3 = 120° So we start with an axis at 0°, another at 120°, and another at 240°. But we do need a vertical axis, not a purely horizontal one, so let's rotate all our grid 90° so we have now 120°+90°=210° 240°+90°=330° 0°+90°=90° A common color coding of the axis is Red for X, Green for Y, and blue for Z ...


5

In order to snap the whole group, you need to enable "Snap bounding box corners", by clicking on the proper icon in snap toolbar: Usually this flag isn't enabled and you see the snap to text baseline: Enabling this flag you can see the snap to the bounding box of the group (or the selection); You can change the behaviour of the snap using the other ...


5

Don't let the grid get you into problems. It's a tool, a means to an end, but it should never govern your work. If it's in the way, ignore it. More concretely: try and determine your outer margins, your leading and your vertical pacing (baseline grid is great for that last one). Then include those margins on each of the tri-fold's six pages separately. Mark ...


5

For inline elements you can merely highlight the icon with the Text tool and adjust the baseline to reposition the element. Dingbat.... Inline vector....


5

The type designer defines where the letters begins in the text box. If you want to make sure the path lies flush to your grid line, you have to work around this. The easiest way is to make use of the convert to outline function. However, if you want to keep the text editable, you can use this workaround: A step-by-step breakdown: Set the x-value of your ...


Only top voted, non community-wiki answers of a minimum length are eligible