S
S
Sergey delphinpro2017-04-19 13:17:50
Adobe Photoshop
Sergey delphinpro, 2017-04-19 13:17:50

How to quickly make a stack of guides in Photoshop?

How to quickly make a grid of guides in Photoshop?
Specifically interested in bootstrap from vertical and for vertical rhythm from horizontal. But I think this nuance is not important.
Fast in my understanding is to set the parameters and press the button, without manually placing each guide.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
S
Sergey delphinpro, 2017-04-19
@delphinpro

Ok, I'm answering my own question.
The solution is found here pskurs.ru/book/napravlyayuszie-v-fotoshop.html
A couple of scripts (scripts in Photoshop terminology) are used to create a grid.
The first script takes as parameters the absolute values ​​of the distance between the guides, the second one calculates the grid based on the required number of guides.

Download and copy the GuidesUnitGrid.js and NumberGuidesGrid.js scripts by going to C:/Program Files/Adobe/Adobe Photoshop/Presets/Scripts. After that, open Photoshop and go to the tab File> Scripts> Browse (File - Scripts - Browse), in the window that opens, find the copied script and open it.
In the dialog box, you will need to specify the size of the grid, the number of guides and the distance between them.
These scripts work starting with Photoshop CS5 and later. Also, once again, make sure that the guides are displayed View> Show> Guides (View - Show - Guides).
To delete the guides at once, go to View> Clear Guides (View - Delete Guides).

* The path C:/Program Files/Adobe/Adobe Photoshop/Presets/Scripts may differ depending on operating system and program versions.
Scripts can be taken from the source site, or (if it ceases to exist =) ) from my Ya.Disk https://yadi.sk/d/XQim5NfJ3H8TQJ
In my archive, there is also a BootstrapGrid script just written to create the appropriate grid. It takes as parameters the number of columns, the distance between them and the width of the container.
As the width of the container, enter a number equal to the width of the container minus the width of the gutter. Those. the number that is set in less/sass (or the customizer on the site) in the @container-*-desktop parameter
For example, given the value "(1140px + @grid-gutter-width)" - you should enter the value 1140.
The fourth parameter (Yes / No) determines whether the guides will be created on the boundaries of the columns, or only on the boundaries of the gutter.
This script does not work if the rulers are not displayed in pixels. However, this is written "on the knee" and I wrote a script for Photoshop for the first time, so it will do. Maybe someday I'll figure it out.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question