Photoshop: Add even spacing align (distribute space) like Illustrator

  • 54
  • Idea
  • Updated 8 months ago
  • Under Consideration
  • (Edited)
Something I love in illustrator is spacing out objects evenly no matter the object's width. IE: putting 20px between each differently shaped nav item.
Photo of Julian Kussman

Julian Kussman

  • 18 Posts
  • 0 Reply Likes
  • frustrated

Posted 5 years ago

  • 54
Photo of Jeffrey Tranberry

Jeffrey Tranberry, Chief Customer Advocate

  • 11169 Posts
  • 892 Reply Likes
Hi Julian, great idea.

There is a workaround that may work for you in the meantime. Trevor Morris has created some slick scripts to do this:

Distribute Layers Horizontally - This script distributes all selected layers horizontally, so that the layers are evenly spaced.

Distribute Layers Vertically - This script distributes all selected layers vertically, so that the layers are evenly spaced.
Photo of Paul Riggott

Paul Riggott

  • 277 Posts
  • 97 Reply Likes
I have another script Andrew that will space the selected layers to a given pixel spacing, that might be of use..
http://www.scriptsrus.talktalk.net/Sp...
Photo of timur IC

timur IC

  • 31 Posts
  • 6 Reply Likes
Oh, this is fantastic, I was searching for it a lot. Thank you very much!
Photo of andrew forrester

andrew forrester

  • 3 Posts
  • 0 Reply Likes
Great - thanks for the link Paul! I must have missed it the first time you posted it ...
Photo of nicole leblanc

nicole leblanc

  • 1 Post
  • 0 Reply Likes
Help! Once I installed the script, and restarted photoshop cs6 I was not able to choose it in file>scripts.
Photo of lovely

lovely

  • 2 Posts
  • 0 Reply Likes
This also happened with me. I'm on a Mac and sometimes when saving files from the web, it adds .txt to the end of the file, making it a text file. You can rt-click the file and click "Get Info" and change the file extension to .jsx

When I did this, I re-opened Photoshop and it was therein the scripts.
Photo of Joergen Geerds

Joergen Geerds

  • 32 Posts
  • 5 Reply Likes
while aligning something is nice to have, it can be done manually, if all fails. what I would like to see is a "spread randomly" (both in PS and AI), since good randomness is incredible hard to achieve.
Photo of Andreas Linnert

Andreas Linnert

  • 2 Posts
  • 0 Reply Likes
Yes, you can do it manually but the needed time increases with the number of objects you want to align. Plus you have to repeat it every time you change the content. E.g. when you change the text of a horizontal navigation bar.
Photo of Edward

Edward

  • 92 Posts
  • 21 Reply Likes
Also important is for the distribute and align features to move shapes within a pixel grid!
Photo of Scott Weichert

Scott Weichert

  • 39 Posts
  • 1 Reply Like
Please, please, please, please.

Thank you :)
Photo of kckfm

kckfm

  • 35 Posts
  • 2 Reply Likes
Hi,

Will be really handy if Distributing function is per layer bounds not per layer centers. Not so handy now as I can evenly distribute layers with even measures ...

Thanks.

This reply was created from a merged topic originally titled
Distributing.
Photo of andrew forrester

andrew forrester

  • 3 Posts
  • 0 Reply Likes
Add a spacing control in the layer alignment panel - the same kind of control that already exists in Illustrator, InDesign and Fireworks ...

I have been waiting for this in Photoshop for ages, but I still have to measure and space layers manually using rulers etc. If it can be done automatically in the other CS software why not in Photoshop as well?

As an example, it would be really useful for laying out buttons - create your button layers, specify a spacing distance and it's done. No need to lay out guides, measure distances and so on.

This reply was created from a merged topic originally titled
Photoshop: Spacing control in the Alignment panel?.
Photo of Martin Schilde

Martin Schilde

  • 1 Post
  • 0 Reply Likes
In InDesign there is a very nice feature called "Distribute Objects", which means: ID will distribute objects (horizontally or vertically) depending on the space in-between those objects. Unfortunately PS does not get this, although there is a feature with the same name, but it only distributes layers according to their center/left or right side. The result: gaps between objects that do not have the same width. This feature would come in so handy! Why hasn ́t anybody thought of it yet?

This reply was created from a merged topic originally titled
Photoshop: Distribute Objects/Layers.
Photo of Tom Avetis

Tom Avetis

  • 11 Posts
  • 0 Reply Likes
​With the Move Tool selected, the horizontal and vertical sorting tools "Distribute vertical centres" & "Distribute horizontal centres" do exactly that, they distribute distances or sort objects in relation to their centre. This works fine if you have objects that have​​ equal proportions and size, but breakes down when you try to distribute distances between object with different ​withs and heights.
​The result of distributing objects with different proportions​ is practically unusable and ugly, and often times you get overlapping objects.
Those tools can be enhanced to calculate the edges of each object, figure out their size, and then distribute equal amount of distance between the selected objects. Bottom line... make them smart.

This reply was created from a merged topic originally titled
Photoshop Smart Distribute Tools.
Photo of Andreas Linnert

Andreas Linnert

  • 2 Posts
  • 0 Reply Likes
I wouldn't change them because sometimes this behavior is desired and I don't want this functionality to become more complicated. I would add a new button "align with fixed distance" - next to the buttons you showed in your screenshot - and open a dialog where you can enter the number of pixels that should be between all objects + the orientation (horizontally/vertically). [ OK ] and done.
Photo of Kristian Daugaard

Kristian Daugaard

  • 2 Posts
  • 0 Reply Likes
This reply was created from a merged topic originally titled
Space evenly from fireworks to photoshop.


I think Photoshop should have the ability to space layers evenly. Simply add the "Space evenly" function from Illustrator or Fireworks into photoshop. Its annoying having to eyeball menu items, in webdesign
Photo of Mako Tako

Mako Tako

  • 4 Posts
  • 0 Reply Likes
I need this in Photoshop, really time saver!
Photo of Charles Uebele

Charles Uebele

  • 15 Posts
  • 2 Reply Likes
I have an extension panel that works with PS CC and 2014 that distributes layers based on the spaces. You can get it here:

https://creative.adobe.com/addons/pro...
Photo of Jaroslav Bereza

Jaroslav Bereza

  • 378 Posts
  • 41 Reply Likes
I would also appreciate this thing built into Photoshop. Especially in the horizontal menu items in web design.
Photo of Flakërim Ismani

Flakërim Ismani

  • 1 Post
  • 0 Reply Likes
Here it is: http://morris-photographics.com/photo...

How to install in inside a script, but here it is:

1. Place script in:
PC(32): C:\Program Files (x86)\Adobe\Adobe Photoshop CS#\Presets\Scripts\
PC(64): C:\Program Files\Adobe\Adobe Photoshop CS# (64 Bit)\Presets\Scripts\
Mac: /Applications/Adobe Photoshop CS#/Presets/Scripts/
2. Restart Photoshop
3. Choose File > Scripts > Distribute Layer Spacing Horizontal
Photo of Jaroslav Bereza

Jaroslav Bereza

  • 346 Posts
  • 34 Reply Likes
This I know, but I do not consider it a good solution. Scripts are slow. Every time I'm not on my PC I have to re-download the file. I use this feature often. There is no a button on the toolbar where you can quickly and easily click. I must always browse the menu. You can set it shortcut, but you must devise a shortcut that is not assigned to anything and then it learned. Instead of a single button on the toolbar there are three and neither does what I want. Moreover, it is inconsistent in comparison with illustrator