Сохраняйте минимальное расстояние в 1 пиксель при изменении размера логотипа

В настоящее время я выполняю некоторую работу для одного из своих сайтов, для которого, помимо прочего, я разрабатываю логотип. Логотип частично состоит из нескольких квадратов, которые выровнены непосредственно рядом друг с другом и должны иметь расстояние в 1 пиксель между ними.

Мой вопрос в том, как я могу сохранить расстояние в 1 пиксель между квадратами при изменении размера логотипа, чтобы границы не пересекались/не перекрывались/не сглаживались и т. д. как на изображениях, которые я предоставил?

Большой размер

маленький размер

Я бы предпочел найти решение для фотошопа, но иллюстратор тоже подойдет. Я надеюсь, что это не слишком глупый вопрос, я не так часто занимаюсь дизайном :). Заранее спасибо!

Не уверен, что это возможно с прозрачной областью. Вы можете добавить штрихи, чтобы создать видимость разрыва в Illustrator, а затем сохранить штрихи размером 1pt при масштабировании, это поможет?

Ответы (1)

Лучший способ сделать это в Illustrator, а также в Photoshop — сначала уменьшить его до нужного размера, а затем (возможно, продублировав слой , чтобы у вас была ссылка) аккуратно настроить квадраты, чтобы они соответствовали сетке (подготовьте сетку 1 пиксель и выберите привязка к сетке), чтобы гарантировать точность и соответствие промежутков в 1 пиксель с пиксельной сеткой. Следите за исходным масштабированием, чтобы не слишком сильно отклоняться от исходного дизайна.

Нередко логотипы перерисовываются под меньшие размеры. Вопрос только в том, сколько менять (как можно меньше).

Мне бы этот урок очень помог в этом вопросе, они называют это «подсказкой по пикселям»: http://methodandcraft.com/videos/pixel-hinting-vectors-in-photoshop

Редактировать: в вашем примере, если вы исследуете границы и квадраты, все они имеют размер 53x53px. Так что все, что вам нужно сделать, это удалить полупрозрачные элементы для быстрого исправления. Более сложные логотипы следует импортировать в виде векторных фигур или сделать это в Illustrator.

введите описание изображения здесь