Smart Object в Photoshop – поможет и верстальщикам, и дизайнерам / Хабр
- Как уменьшить количество слоев для визуально одного объекта (кнопочки, например), сохранив возможность его редактирования?
- Как уменьшить количество слоев, объединив в один слой header, footer на макетах внутренних страниц, при этом снова-таки оставив возможность их изменения?
- Как облегчить верстальщику вырезание линий из одно- двух пиксельных линий, составляющих единую линию, теней, а так же кнопочек, иконок?
- Как быстро вносить изменения на все однотипные элементы на странице?
- Как уменьшать растровую картинку без потери качества и сохраняя правильные пропорции эффектов (тень в 5px для объекта 200*200px – смотрится совсем по-другому, нежели для этого же объекта при его размере 100*100px)
Я работаю дизайнером, и вот уже несколько последних проектов использую Smart Object. Эта функция присутствует в Photoshop давно, но идея использовать ее в веб-дизайне, лично мне, пришла недавно.
Smart Object – это слой, содержащий изображения из растровых или векторных слоев Photoshop, сохраняющий все стили и эффекты в редактируемом состоянии, или слои Illustrator. Слои Smart Object обозначаются специальным значком (рис. 1).
Рис.1
При двойном щелчке левой кнопкой мышки на этом значке открывается новый файл (с разрешением .psb), со всеми вложенными в этот Smart Object слоями. С ними можно работать так же, как и с обычными слоями. Размер этого файла зависит от слоев, находящихся в нем (рис.2).
Рис.2
Если к слою не применены тени или внешнее свечение – размеры Smart Object строго соответствуют размерам включенных в него слоев, если применены – то появляется отступ со всех сторон, это позволяет не обрезать случайно тень, которую не видно на плохом мониторе (рис.2). Эта функция облегчает вырезание вот таких теней (рис.3).
С этого файла ее можно сразу сохранить как отдельную картинку в .png.
Рис.3
Здесь правда есть несколько подводных камней. Нужно учесть, если на макете масштабировать размер слоя со Smart Object – во внутреннем файле(.psb) все слои будут в 100% масштабе. У Smart Object отображается особая рамка при масштабировании (рис.4).
Рис.4
И второе, если вы включите в состав Smart Object корректирующий слой (Adjustment Layer) – размер Smart Object будет таким, как размер всего вашего макета страницы, а не нужной иконки, например.
Еще одна радость, при копировании Smart Object вы получаете несколько слоев, которые являются точной копией друг друга, и при внесении изменений в один из них – меняются все. Что это нам дает? У вас есть макет страницы каталога с 9 кнопками «Купить», заказчик посмотрел и захотел добавить на эти кнопочки иконку корзины. Это не требует значительных трудозатрат, мы заходим в один из слоев Smart Object, вносим необходимые изменения, сохраняем – и о счастье! – у нас все кнопочки имеют новый вид.
И снова полезность – включив большую растровую картинку в Smart Object, вы можете свободно ее масштабировать, не теряя качество изображения. Пример масштабирования с использование Smart Object и без – рис.5 ( здесь четче видно детали)
И в любой момент вы сможете растрировать свою картинку, если изменение масштаба уже не планируется, а смысла передавать, дальше в работу большой по весу файл – нету.
Рис.5
Как же создать этот полезный Smart Object? Все так же легко, как и легко, с ним работать. Выбираем необходимые слои. И на панели слоев нажимаем правой кнопкой на одном из выделенных слоев – выбираем Convert to Smart Object (рис.6) или можно прописать свое сочетание клавиш.
Рис.6
Выбирать нужные слои легко с помощью инструмента Move Tool при включенной функции авто выбора слоев (рис.7). То есть выбирается тот слой, на который нажали левой кнопкой мышки, но это кому как удобно — включать ее или нет.
Рис.
Использование Smart Object несколько увеличивает вес файла, но вам решать стоит ли оно того.
Для себя я сделала вывод – стоит!
Почему смарт-объекты Photoshop полезны для фотографии
Adobe Photoshop не превращает слои в смарт-объекты по умолчанию, поэтому можно легко забыть насколько они полезны. А ведь у них есть удивительные преимущества, о которых вы должны знать. Это, прежде всего, возможность повторно редактировать фильтры, которые вы применили к слою. Также смарт-объекты упрощают усреднение изображения и выполняют неразрушающее преобразование/деформацию слоев. В статье фотограф Спенсер Кокс (Spencer Cox) подробно рассказывает о смарт-объектах Photoshop.
Что такое смарт-объект?
Смарт-объект — это последний неразрушающий слой в Photoshop. Любые изменения, которые вы применяете к смарт-объекту, можно отменить, они никогда не «запекаются» в слое навсегда.
Продемонстрируем, чем смарт-объект отличается от обычного слоя. Если вы используете инструмент преобразования (transform tool) для сжатия обычного слоя, он превратится в версию самого себя с низким разрешением.
Попытка увеличить его до исходного размера даст вам размытое изображение.
Изменение размера обычного слоя
Если же вы проделаете тот же процесс со слоем, который был преобразован в смарт-объект, вы можете сжать и изменить размер слоя по своему усмотрению, и он останется по-прежнему резким.
Изменение размера смарт-объекта
Как создавать смарт-объекты в Photoshop
Преобразовать слой в смарт-объект очень просто. Кликните правой кнопкой мыши по нужному слою и далее «Преобразовать в смарт-объект» (Convert to Smart Object).
Вы также можете создать смарт-объект из нескольких слоев. Нажмите Shift + клик, чтобы выбрать нужные слои, кликните правой кнопкой мыши и выберите «Преобразовать в смарт-объект». Слои объединятся в один слой смарт-объекта. Затем Photoshop позволяет вам выбирать, как слои компонентов в смарт-объекте смешиваются друг с другом — зайдите в меню Слой> Смарт-объекты> Режим стека (Layer > Smart Objects > Stack Mode), и вы увидите несколько вариантов.
Вы также можете преобразовать слой в смарт-объект прямо из Adobe Camera Raw, что автор настоятельно рекомендует. После того как открыли RAW-файл в Adobe Camera Raw и закончили редактирование, просто удерживайте клавишу Shift, и вы увидите, что кнопка «Открыть» (Open) в нижней части Camera Raw изменится на «Открыть объект» (Open Object). Нажмите на нее, и фотография, которую вы редактировали, откроется как смарт-объект для дальнейшего редактирования в Photoshop.
Преимущества смарт-объектов для фотографов
Есть масса причин использовать смарт-объекты в Photoshop. Приведем те, которые наиболее важны для фотографов.
- Неразрушающие фильтры
Фильтры Photoshop очень помогают в фотографии, особенно когда Camera Raw уже есть в качестве опции фильтра Photoshop. Автор обычно использует фильтр Camera Raw для глобальных корректировок в Photoshop, и иногда использует такие фильтры, как повышение резкости (sharpening), шумоподавление (noise reduction) и размытие по Гауссу (Gaussian blur).
Что произойдет, если вы примените фильтр и только позже поймете, что зашли слишком далеко? Возможно, вам придется удалить слой и начать заново. Вместо этого, если вы конвертируете слой в смарт-объект перед применением каких-либо фильтров, они вместо этого становятся «умными фильтрами». Список всех ваших смарт-фильтров отображается под смарт-объектом, и вы можете дважды щелкнуть любое из имен, чтобы повторно открыть диалоговое окно фильтра.
Это может быть огромным подспорьем для фотографов. Вы слишком поздно поняли, что ваша ранняя нерезкая маска была слишком сильной? Дважды щелкните на словах «Unsharp Mask» под смарт-объектом, и вы сможете уменьшить свои предыдущие правки. Пропустили место в локальной корректировке Camera Raw? Не нужно удалять слой и начинать заново; все это хранится в смарт-объекте и может быть отредактировано в любое время, дважды щелкнув заголовок «Camera Raw Filter». (Вот почему рекомендуется «открывать как объект», а не просто «открывать» изображение каждый раз, когда вы заканчиваете работу с RAW файлом в Adobe Camera Raw.
)
Вы даже можете смешивать интеллектуальные фильтры, используя режимы наложения слоев, дважды щелкнув значок на правом краю любого интеллектуального фильтра.
Значок режима наложения смарт-фильтра
Появится диалоговое окно, в котором можно изменить непрозрачность и режим наложения, как и любой другой слой.
Параметры наложения для смарт-фильтров Photoshop
В целом, возможность повторного редактирования любых фильтров — самая большая причина преобразовать слой в смарт-объект в Photoshop.
- Неразрушающее преобразование
Еще одна полезная причина для использования смарт-объектов — деформировать или преобразовать слой без постоянного запекания преобразования в слой. Однако это применимо только в том случае, если вы делаете какую-то композиционную фотографию. Если вы объединяете изображения вместе, лучше всего преобразовать слои в смарт-объекты, прежде чем изменять их размер.
Например, если вы редактировали это составное изображение, вам следует начать с преобразования каждого из трех слоев луны в смарт-объект, чтобы не терять разрешение при уменьшении и увеличении их размера.
NIKON Z7 + 300mm f/4 @ 420mm, ISO 200, 10 seconds, f/8.0
- Усреднение изображения для уменьшения шума.
Техника усреднения изображения в последнее время становится все более привлекательной, особенно если это фотографии с дронов. Если сделать несколько одинаковых фотографий и затем усреднить их вместе в Photoshop, общий уровень шума существенно снизится.
Усредненное изображение для одного изображения и усредненный шум для восьми фотографий
Но как на самом деле усреднить кучу слоев в Photoshop? Вы можете менять значения с ползунком «Непрозрачность» (Opacity), но во многих случаях проще использовать смарт-объект.
Сначала выберите все слои, которые вы хотите усреднить, нажав Shift + клик. Щелкните правой кнопкой мыши, чтобы преобразовать их в один смарт-объект. Затем перейдите в меню Слой> Смарт-объекты> Режим стека> Среднее (Layer > Smart Objects > Stack Mode > Mean). Некоторые фотографы предпочитают Median вместо Mean, но автор считает, что Mean работает лучше.
Слои будут идеально усреднены вместе, независимо от того, есть у вас два слоя или их несколько десятков.
Недостатки смарт-объектов
Самая большая проблема со смарт-объектами заключается в том, что они занимают больше места, чем обычные слои. Вы можете заметить, что Photoshop замедляет работу, если у вас слишком много смарт-объектов (или много смарт-фильтров). Это также значительно увеличит размер файлов, если вы сохраняете файл со слоями, например, PSD или PSB.
Однако, когда вы экспортируете файл в формат JPEG или иным образом сведете слои смарт-объекта, проблема с размером файла исчезнет. Другими словами, эти недостатки проявляются только тогда, когда в документе есть активные слои смарт-объектов.
Помимо этого некоторые изменения на слоях смарт-объектов невозможны. Это, например, использование инструмента «Кисть» (Brush), инструмента «Ведро с краской» (paint bucket), инструментов Dodge, Burn, Blur/Sharpen/Smudge и т.п. Если вы все равно решили внести одно из этих изменений, вам просто нужно сначала растрировать слой.
Растрирование слоя превращает его из смарт-объекта в обычный слой, что позволяет вам вносить эти изменения. Просто щелкните слой правой кнопкой мыши и выберите «Растрировать слой» (Rasterize Layer). Вы также можете растрировать слой, пытаясь отредактировать (скажем, рисовать на слое) и, нажав «ОК», чтобы растрировать смарт-объект, когда Photoshop запрашивает об этом.
Запрос Photoshop на растрирование смарт-объекта
Заключение
Если вам не нужно применять фильтры, усреднять слои или выполнять корректировку деформации/преобразования, то лучше оставить слои такими, какие они есть. Минимизируя количество смарт-объектов, вы можете уменьшить размер файлов PSD и ускорить работу Photoshop.
Однако смарт-объекты имеют решающее значение, когда вы работаете с фильтрами Photoshop. В таких случаях не рекомендуется вживлять фильтр в слой; вместо этого просто преобразуйте слой в смарт-объект заранее, чтобы можно было вернуться к фильтру позже и настроить его по своему вкусу.
Что такое смарт-объект? Как использовать смарт-объект в Photoshop?
АвторAlyssa Walker
ЧасовОбновлено
Что такое смарт-объект Photoshop?
Смарт-объект Photoshop никогда не потеряет качество любого векторного объекта или изображения, даже если мы масштабируем или передискретизируем его, меняем его положение или поворачиваем, как мы хотим в нашем документе.
Каждый дизайнер должен знать о пользе «умного объекта».
Означает, что вы добавляете любые фотографии или любые векторные объекты в свой документ и масштабируете их снова и снова. В этом процессе масштабирования изображения вверх и вниз, если вы не хотите потерять реальное качество вашего изображения, вы должны сначала сделать это изображение «умным объектом»