GuideGuide

Наконец нашелся умный человек, который сделал человеческий плагин для создания сетки из гайдов в фотошопе. Человека зовут Cameron McEfee, страница про плагин у него на сайте.

Вбиваете в окошечко какие отступы по краям, сколько колонок, и какое расстояние между колонками. Трык! И у вас сетка готова.

Я раньше делал это руками и калькулятором. Иногда пробовал слоями отдельными рисовать. Это всё не то, и не для этого. Встроенные гайды в фотошопе — самое лучшее решение, не хватало только автоматизации. А теперь есть!

Большая картинка

Масштаб

Рисую в крупном размере:

Один компьютер сдался, мигрировал за другой.

Фотошоп против индизайна

То тут то там некоторые дизайнеры заговорили, что вместо фотошопа для создания массы макетов удобнее использовать индизайн (или иллюстратор). Серьёзных аргументов два:
1. В индизайне удобнее заменить сразу на всех макетах какой-то встречающийся везде элемент. Хранить этот элемент прилинкованым, и если он обновится, то изменение произойдет везде.
2. Индизайн больше заточен на работу с текстом. Быстро отображает много текста и есть стили, которые можно опять же сразу для всех текстов применить.

Удобство переходить на индизайн только из-за того что в фотошопе нет палитры прилинкованых файлов и стилей для текста я нахожу сомнительным, поскольку гибкость редактирования сразу пропадает.

Мне в реальности ни разу ещё не приходилось переделывать пачкой все макеты — когда идет обсуждение о внесении каких-то изменений когда часть работы уже сделана обычно достаточно показать лишь макет обсуждаемого куска, и нет необходимости вставлять этот кусок во все макеты. Но, у меня не десять разных дизайнеров которые работают над одним проектом, и нет надобности железобетонно подписывать макеты, а видимо именно для этих случаев решение использовать индизайн и появилось.

То же и с изменением стиля текста — если такое и происходит то только на ранней стадии, когда ещё эскиз. Во время создания пачки макетов такой проблемы в моей практике не встречалось. По-моему, один раз была такая просьба, когда уже была вёрстка и с этим не было проблем заменили строчку в цсс.

Но то что фотошоп тормозит с большим количеством editable текста это священная правда. В многотекстовых макетах перемещение текста тормозит на любом мощном компе.

Задумавшись об этих проблемах я вспомнил о том, что в шопе есть SmartObject которые хоть и не имеют палитры для линковки, но тем не менее исполняют две возложенные на них функции — их можно обновить на другой SmartObject и они не тормозят если всунуть в них кучу текста. Т.е. при большом количестве макетов достаточно сделать отдельный файл с нашим элементом который требует многократных правок (например, шапка.psd), и вставлять его во все макеты смартобъектом. Конечно, обновление будет не одной кнопкой а по числу макетов — везде придется нажать Replace Contents. И если в смартобъект засунуть блок текста, то он с одной стороны останется редактируемым, но в то же время перестанет быть нагрузкой для фотошопа.

Ну а решения для смены стиля пачкой у всех текстов я пока не придумал.

Гравюра

Кривой чайник, но какая гравюра! Думаю, я разобрался как имитировать это в фотошопе. Если подойти аккуратно и проводить гладкие линии, а не мышкой за пару минут, то эффект должен быть потрясающим. Попробую как нибудь на досуге.

Тут сложно лишь нарисовать чайник, и потом маску положить в нужных местах на черные и белые параллельные полоски.