I am currently doing some work for one of my sites, for which among other things I am designing a logo. The logo partly consists of a few squares, which are aligned directly next to each other and should have a distance of 1px between them.
My question is, how can I keep the distance of 1px between the squares when resizing the logo, so that borders dont cross/overlapp/get anti aliased ect. as in the images I provided?
I would prever to find a solution for photoshop, but illustrator would be ok as well. I hope this is not too much of a dumb question, I dont design stuff that often :). Thanks in advance!