Подписка на блог

РСС — лучше всего

Ещё есть автоматические трансляции в Тумблере и Же-же. Если что-то не работает, напишите мне: ilyabirman@ilyabirman.ru.

Композиции слоёв в Фотошопе

Написал я, что проникся функцией Layer Comps в Фотошопе, а ребята сразу просят научить. Не вполне понимаю, чему тут можно учить: Layer Comps (далее композиции) — одна из тех фич, в которые нужно просто поверить. Расскажу, что это такое.

Когда рисуешь макет сайта, часто удобно несколько страниц хранить в одной ПСДшке, ведь многие части у них общие, и при их изменении не хочется их копировать в кучу других файлов. Поэтому при грамотной организации слоёв можно добиться того, чтобы получать ту или иную страницу на экране, просто переключая «глазики» (видимость) у слоёв. Иногда получается разделить все слои на группы так, что всё общее живёт в одной группе, а всё частное живёт в отдельных группах (в своей для каждой страницы).

Однако чем сложнее макет, тем больше появляется нюансов: где-то получается, что у трёх страниц из пяти помимо общего общего есть ещё своё частное общее; где-то приходится разбивать группу на две и разносить в списке слоёв, чтобы добиться правильно z-порядка элементов; наконец, разные страницы имеют разную высоту основной части, а подвал приходится ставить на всех страницах на то место, где ему и положено быть. В результате, чтобы получить в такой ПСДшке нужную картинку, приходится довольно долго и упорно расставлять глазики, а иногда ещё и двигать что-нибудь вверх-вниз. А хочется, чтобы щёлк — и переключил, так ведь?

Композиция — это сохранённое состояние слоёв, включающее, на вкус пользователя, их видимость, координаты и настройку эффектов. Композиции, как не трудно догадаться, живут в панели Layer Comps, где изначально находится одна вырожденная композиция, которая называется Last Document State:

Layer Comps: Композиции слоёв в Фотошопе, как пользоваться?

Чтобы создать новую композицию, нужно нажать на обычный листочек внизу. В появившемся окошке можно дать ей название и выбрать, какие именно свойства слоёв она должна помнить:

Layer Comps: Новая композиция слоёв в Фотошопе, скриншот

Новая композиции при создании запоминает текущее состояние слоёв. Дальше уже, при внесении изменений в композицию, нужно делать ей Update Layer Comp по правой кнопке. Тут нужно понимать, что если композиция помнит положение слоя, то его перемещение является внесением изменения и требует апдейта, а если не помнит — то не является и не требует.

Я сто лет знал о существовании этой фичи, но просто только недавно стал активно пользоваться и сразу же оценил её удобство. Теперь не могу понять, чего я ждал столько лет.

Да, с композициями нужно быть осторожными: у них есть некоторые тонкие моменты, которые могут оказаться сюрпризом. То, с чем постоянно сталкиваюсь я, например, это то, что при изменении координат слоя через Free Transform путём вписывания новых координат вручную, Фотошоп не считает изменённым положение слоя с точки зрения композиции, то есть вы остаётесь в той же композиции, где и были до такого перемещения слоя. При этом если переключиться в другую композицию, то обнаружится, что там этот слой съехал на столько же в том же направлении.

Это кажется глюком, но я быстро научился использовать этот глюк во благо: когда нужно сделать одинаковое перемещение во всех композициях, так получается намного быстрее, чем перемещать в каждой отдельно, да ещё и апдейтить её. Впрочем, и это тоже не очень надёжный метод: если среди слоёв, подвергаемых такому хитрому перемещению, есть слой с векторной маской, то векторная маска останется с точки зрения композиции там где была.
Подписаться на блог
Поделиться
Отправить
7 комментариев
Аркатов Дмитрий
Ещё есть один полезный скрипт.
File → Scripts → Layer Comps to Files…
Валерий Сибиковский
Попробуйте ИнДизайн.
Меня Людвиг к нему пристрастил, когда объяснил последний момент который я не догонял. Оказывается, нужно включить Edit > Transparency Blend Space > Document RGB и тогда все прозрачности RGB цветов стают на свои места. Теперь корю себя, как это я раньше не допер, ведь видел же, и знал как работает, а с веб-дизайном не состыковал.
Илья Бирман
Видимо, вам придётся написать статью про это, потому что я, при всей своей любви к Индизайну, даже примерно не представляю, какое он имеет отношение к вебу.
Ян Захаров
Утренний кретинизм

Российским СМИ, а также министерствам и ведомствам будет рекомендовано называть соседнюю республику «Беларусь», а не «Белоруссия». Такое решение принято сегодня в Минске на заседании Объединенной коллегии министерств юстиции двух стран. Участники встречи объясняют это требованием времени. Сообщается, что соответствующее письмо будет направлено в адрес российских СМИ. В свою очередь, министр юстиции России Александр Коновалов отметил, что вопрос об использовании официального названия республики Беларусь «является не полемическим, а сугубо техническим».
http://www.echo.msk.ru/news/637296-echo.html

Илья, перенесите в раздел об идиотах.
Андрей Грабельников
Да Илья будет интересно послушать про индизайн и почему его никаким местом привязать нельзя
Антон Гридзь
Спасибо, Илья, за такую нужную статью. Очень нуждались в такой функции. Теперь вопрос такой. Может ли несколько человек редактировать такой файл одновременно, кто-то один кусок, кто-то другой? Сейчас приходится работать с Version Cue поэтому было бы очень здорово чтоб всё было в одном файле :)
Илья Бирман
Не знаю про это.
Николай Гурьянов
Мне тоже понравились Layer Comps. Потихоньку начинаю пользоваться ими после того, как прочитал советы дизайнерам Сергея Чикуёнка: http://conf.404fest.ru/conference/conf-64/#question-660

А еще недавно в очередной заметке Ильи про шорткаты Фотошопа кто-то спрашивал, как копировать слои, группы и всё, что угодно, ведь стандартный Cmd + J этого не умеет. Возможно, для кого-то это банально, но я не знал раньше. Оказалось, что в программе есть такая возможность, просто нужно навесить шорткат по вкусу, и всё сразу станет очень удобно. Я сделал Cmd + Shift + Q — теперь мне не нужно лезть в меню, чтобы что-то скопировать.

Инбокс про Индизайн на Лепрозории открывал Артем Шитов и делился там всякими приемами и хитростями, и все остальные тоже делились. Артем даже для примера в Индизайне страницу сверстал. Если честно, для меня описываемые преимущества Индизайна при работе с вебом не показались решающими. Хотя удобно, конечно, парой щелчков изменить стиль кучи текста на странице, например.
Дмитрий Балакирев
Илья, раз пошла такая тема, то хочу обратиться с просьбой. Мне очень давно хочется посмотреть, как ты раскладываешь и группируешь слои при создании макета сайта. Ты как-то раз поделился с народом заготовкой рамки браузера, чтобы макет был удобнее. Понравилось, как все четко переименовано и разложено по местам. После этого я стал у себя пытаться делать так же. Мог быт ты сделать скриншот ПСД-файла с раскрытыми папками слоев? А мы бы все посмотрели к чему стремиться! :) Заранее спасибо.

Пользовательский интерфейс
Доступны два раздела
электронного учебника

Популярное