PS widget guideguide to generate pixel-level guides

Small tools to improve efficiency guideguide

Today to introduce a very useful PS widget guideguide, it provides a very convenient way to generate pixel-level guides (columns, lines, midline ...)

Imagine in the PS inside create a group of more columns of the auxiliary line: the page is wide, 2 columns or 3 columns, and how many columns inside the column ... Students with poor math estimates palms are starting to sweat. Indeed, the creation of the grid in PS is a very painful thing, many design students are about to estimate the width and height to pull the auxiliary line, or draw a vector graphic, and then copy the move to the breakdown. If the total width changes, the whole La Conlai is again broken down. Impatient people have begun to shout: "I am a designer, not a mathematician," and the patient will come back again, and the formula is as follows:

(Page width – (Gap width x (column number –1)) Divide column = column width

Does that seem like a bit of a riot? Designing a page is a complicated thing to do.

Practical Gadgets Guideguide's here.

Why spend time on math, not worry, and set aside a little more time to make the design better? As long as you enter some numbers, Guideguide will use the auxiliary line in PS to automatically divide the grid in your document. When you use it, you will feel: very good very strong. And what's really powerful about this is that it supports the marquee tool – if you have a marquee in your document, it can generate the corresponding guides within the selection.

Columns and breakdowns

Page needs columns and equal gap? Guideguide easy to handle.

Find the Midpoint

Guideguide makes it easy for you to find the midpoint of the object, just draw a selection or create a selection on the Layers panel (ctrl + left mouse button) and click the Midpoint button to instantly create

Build a midpoint line.

Then align the other elements in this column as needed

Storage common partitioning for options

If you often use the same grid partitioning method, you can store it as an option to easily call at any time

Use your creativity.

The guideguide has a compartment, a margin, a midpoint ... Play with your imagination and it can do more

Divide navigation

When you want to divide a certain width of navigation into the N-divided columns, is it necessary to calculate the width? Now, don't worry, use guideguide.

1. Use the selection tool to draw a selection of your navigation width

2. Enter the number of columns you navigate and the spacing between them

Rectangular drawing with equal spacing

When you want to draw a rectangle with the same distance as your current element, is it calculated again?

1. Create a selection on the Layers panel (ctrl + left mouse button)

2. Enter a negative number in the margin bar, and then click on the icon, Guideguide will automatically enter the four edges equidistant index, and then enter create a guide

3. Draw a rectangle equidistant from the four edges based on the newly created guide line

Baseline Grid Rendering

Easily create a full page horizontal alignment baseline with guideguide convenient row height settings

1. Enter the line height you want

2. Align the elements in your page

Remaining pixel allocations

In the column is not always the perfect division, if you want to be in a 10px width of 3 columns, then what about the extra pixels? Set the remaining pixel allocation settings inside determines where the extra pixels are allocated, and the default is "lower right corner"

Click to download

After downloading, open the Adobe Extension Manager installation plugin, and then open PS to open the window under Windows> extensions

Category:

• PS Getting Started Tutorial