1

I have an eps file containing some vector images. Is there a way in Photoshop to remove blank space in between the images? I know about trim but this only removes space on the outside border I want to remove all space outside and in between. Hope that makes sense. I also have Illustrator if that helps. Many thanks.

image

  • Hi Bob, it may be helpful to provide a sample of the image and tell us what part is not hidden when using trim. But if the graphic is in vector format, you will want to use the path finder options in Illustrator to hide parts of the vector. – AndrewH Feb 5 '16 at 17:39
  • @AndrewH example image can be seen here. In other words I want to remove the whitespace in between the file type images without manually moving them. Just wondering if there is something similar to trim for space in between. – Bob Feb 5 '16 at 17:44
  • I'm very confused about what "blank space" you are referring to and want to remove. Do you mean that you would like it so all of the icons are touching each other? That will have to be done manually. – Manly Feb 5 '16 at 18:10
  • Yes I want them touching each other. I guess you have answered my question then. My purpose was to create a sprite image and reduce file space and make the positioning a little easier for a web project. – Bob Feb 5 '16 at 18:25
  • @JohnManly There kinda is an auto way of doing this in AI and it works very nice when having a lot of icons, check out my answer. – Alin Feb 5 '16 at 18:46
1

AUTOMATICALLY ARRANGE ICONS SIDE BY SIDE

While illustrator does not provide a one click auto way of doing exactly what you want, there are a series of other functions that if combined, it will get you exactly there.

  1. You have 20 icons (make sure they are grouped individually)
  2. Create another artboard or document the same height as one icon but the width of 20 icons (multiply the width of one icon by the number of icons you have)
  3. Copy your icons and paste them in the newly created artboard.
  4. Select all of them and click from the top menu Vertical Align Center and then Horizontal Distribute Center :

enter image description here

And there you have it, auto-arranged, side-by-side icons.


Original answer:

If you want to create a sprite for the web out of these, you can simply click on the icon you want to move and while Holding SHIFT, drag it to the left till it intersects the margin of the other icon. Holding shift locks the direction while dragging therefore it's very important. Look:

PS: If you can't select in Illustrator each icon individually, you will have to ungroup them like I mentioned in step 4 above.

enter image description here

| improve this answer | |
  • I appreciate your comment, it wasn't what I was looking for, as I want the file types to be touching each other. Sorry if it wasn't clear enough in my question. John says there is no way to do this without manually moving them myself. My hope was there was a similar effect to trim for space in between – Bob Feb 5 '16 at 18:27
  • @Bob Uhm, yes there is...I will update my question now – Alin Feb 5 '16 at 18:28
  • @Bob , Updated my question. – Alin Feb 5 '16 at 18:33
  • The SHIFT trick was very helpful. Thank you! – Bob Feb 5 '16 at 18:36
  • @Bob , just now I saw you updated your question...there is a way of doing this much faster too. Just wait a second and I will update the answer – Alin Feb 5 '16 at 18:37

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.