Что такое смарт объект в фотошопе: Создание смарт-объектов и работа с ними
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). То есть выбирается тот слой, на который нажали левой кнопкой мышки, но это кому как удобно — включать ее или нет.
Рис.
7
Использование Smart Object несколько увеличивает вес файла, но вам решать стоит ли оно того.
Для себя я сделала вывод – стоит!
Что такое смарт-объект в фотошопе, как и в каких случаях его применять.
Содержание
быстрая навигация по статье
Посмотреть видео-урок
Я часто встречаю такие вопросы, как: «что такое смарт-объект?», «когда, зачем и как его использовать?» В основном, подобные вопросы поступают от начинающих пользователей фотошоп, которые смотрят какой-нибудь туториал и не понимают зачем в ходе работы какие-то слои преобразуются в смарт-объекты, а какие-то нет. Но, кроме главной особенности смарт-объекта, которой является «обратимая трансформация», существует и ряд других, о которых могут не знать и более опытные пользователи.
В данной статье я постараюсь максимально подробно раскрыть тему работы со смарт-объектами в фотошопе.
Смарт-объект в фотошопе — это слой, который содержит данные изображения, т.е. как и обычный слой, но в отличии от обычного он обладает рядом особенностей, давайте рассмотрим их по порядку.
1. Обратимая трансформация
Smat-object, в переводе с английского — умный объект, сохраняет все исходные характеристики изображения, что позволяет производить обратимое редактирование слоя. Говоря простым словами, слой со смарт-объектом можно редактировать сколько угодно раз без потери исходного качества изображения.
Рассмотрим конкретный пример. Я взял изображение, которое разместил на двух слоях, один слой простой, а второй я преобразовал в смарт-объект.Теперь, если обычный слой с изображением как-то трансформировать, например уменьшить его размер с помощью «свободного трансформирования» и применить изменения, то увеличить его в первоначальное состояние без потери качества будет уже не возможно.
Всё это произошло из-за того, что когда мы задали изображению меньший размер и применили изменения, оно сохранило данное значение. Смарт-объект всегда хранит именно первоначальные характеристики изображения, после любых манипуляций с ним. Если мы уменьшим изображение преобразованное в смарт-объект и применим изменения, то мы снова можем его увеличить до исходного состояния без потери качества.
Данная особенность смарт-объекта актуальна не только при изменении размера изображения, но и при любой другой трансформации. Если мы данное изображение будем трансформировать в перспективе, допустим, разместим его в качестве картины на стене и применим изменения, то в последующем, если потребуется его как-то поправить или повернуть в случае с обычным слоем у нас ничего не выйдет, а точнее произойдёт значительная потеря качества.
В случае же со смарт-объектом изображение можно будет трансформировать как угодно от начального его значения.
Работая с обычным слоем, даже при элементарном повороте изображения на не большой градус, без какой-либо серьёзной трансформации, мы его уже не сможем вернуть в исходное состояние без потери качества. Если взять изображение на простом слое, сделать его копию и повернуть эту копию немного, применив изменения, то при повторном повороте до обратного положения мы увидим потерю качества и чем больше манипуляций мы будем проделывать с данным изображением тем больше оно будет терять качество, при каждом нашем действии.
Почему же происходит потеря качества изображения при его трансформировании? При каждом нашем действии — будь то изменение размера, изменение угла наклона или деформация формы фотошоп, да и любой другой растровый графический редактор, производит расчёт расположение пикселей внутри изображения и старается их разместить как можно выгоднее, т.е. равномерно по плотности друг к другу.
Практически все инструменты фотошоп не работают со смарт объектами, такие как «ластик», «заливка», «кисть», «палец», «осветлитель» и т.д.., потому что смарт-объекты, в первую очередь, предназначены для работы с трансформированием. Поэтому, если требуется произвести какие-то манипуляции с изображением преобразованным в смарт-объект, его придётся растрировать, а после изменений можно снова преобразовать в смарт-объект.
Исходя из всего выше сказанного, преобразование слоя с изображением в смарт-объект актуально именно перед его трансформацией, преобразовывать все слои подряд не имеет никакого смысла, потому что это будет только мешать при работе с инструментами.
2. Обратимая фильтрация
Смарт-объекты дают возможность использовать смарт-фильтры.
Смарт-фильтр — это любой фильтр подключенный к смарт-объекту. Рассмотрим обычный слой с изображением. Если мы изменим ему цветовой тон, то для того чтобы откатить изменения можно будет лишь использовать команду «Ctrl+Z».
Но, если вы измените изображению цветовой тон, а потом в ходе работы произведёте еще какие-то действия с другими слоями и решите вновь вернуть этому изображению первоначальный тон, то у вас ничего не выйдет. В случае со смарт-объектом, при применении той-же коррекции цветового тона она автоматически преобразуется в смарт-фильтр, который в любое время можно откорректировать, кликнув по названию фильтра два раза левой кнопкой мыши, либо вообще отключить или удалить данный фильтр и вернуть изображению исходный тон.
Таким образом, на смарт-объект можно навешивать сколько угодно фильтров и в любое время корректировать каждый по отдельности, отключать или удалять. Кроме этого, к смарт фильтру можно применять различные режимы наложения, а так же настраивать его непрозрачность, кликнув два раза левой кнопкой мыши по соответствующему значку.
Для обычного слоя, не преобразованного в смарт-объект такие возможности не доступны.
3. Работа с маской слоя
Маску слоя лучше всего использовать внутри смарт-объекта, а не просто подключенную снаружи. Что я имею в виду: необходимо сначала наложить на слой маску, а потом данный слой вместе с этой маской преобразовать в смарт-объект.
Таким образом сама маска будет сохранена смарт-объектом и при трансформации не будет искажаться. Если же маску просто накладывать на сам смарт-объект снаружи, то при трансформации она будет подвержена искажению. Саму маску, упакованную в смарт-объект можно так же всегда корректировать, кликнув по смарт-объекту два раза левой кнопкой мыши, в результате чего объект с маской откроется в отдельной вкладке и его можно будет изменять.
4. Связанные смарт-объекты
Если мы скопируем слой со смарт-объектом и внесём какие-нибудь изменения в маску слоя, то данные изменения будут применены и ко второму объекту.
Но, данная связка будет работать, при условии, что маска будет внутри смарт-объекта, а не просто подключена снаружи. Кроме того, что связанные смарт-объекты можно редактировать одновременно, они не занимают лишнего места в памяти программы, т.е. вес файла не измениться, даже если вы сделаете хоть 20 копий, фотошоп будет их видеть, как один объект.
Если же вы хотите копировать слой со смарт-объектом, но так, чтобы он не был привязан к первому слою, то нужно просто кликнуть по нему правой кнопкой мыши и выбрать «Создать смарт-объект путём копирования», но при этом данная копия будет считаться новым слоем и соответственно, она будет занимать определенное место в памяти программы.
Группирование слоёв
Ну и последнее, что хотелось бы отметить — это уже не особенность, а улучшения работы со смарт-объектами от разработчиков, которые реализованы в последней на данный момент версии фотошоп СС2020.
Если в ранних версиях фотошоп, при создании смарт-объекта из нескольких слоёв, в дальнейшем, по отдельности данные слои редактировать было не возможно и приходилось вырезать нужный объект на новый слой, а потом опять преобразовывать все слои в смарт-объект, то в фотошоп СС2020 функция смарт-объекта работает, как функция группирования слоёв.
Можно создать смарт-объект из нужных слоёв, а потом редактировать слои по отдельности прямо внутри смарт-объекта. Для этого необходимо кликнуть два раза левой кнопкой мыши по значку смарт-объекта и в открывшемся новом окне редактировать нужные слои.
Подводя итог, можно с уверенностью сказать, что применение смарт-объектов в работе является не просто удобством, а необходимостью, поэтому обязательно используйте данные возможности фотошоп в работе.
Поделиться:
Почему они полезны для фотографии
Adobe Photoshop по умолчанию не превращает слои в смарт-объекты, поэтому можно легко забыть, насколько они полезны. Но у них есть несколько замечательных преимуществ, о которых вы должны знать — прежде всего, возможность повторно редактировать фильтры, которые вы применили к слою.
Это не единственная причина для преобразования слоя в смарт-объект, но одна из самых важных. Две другие причины, важные для фотографии, заключаются в том, что смарт-объекты упрощают усреднение изображения и выполняют неразрушающее преобразование/деформацию слоев.
Они также полезны в графическом дизайне для различных целей.
Содержание
Что такое смарт-объект?
Смарт-объект — это последний неразрушающий слой в Photoshop. Любые изменения, которые вы применяете к смарт-объекту, можно отменить или вернуться к ним; они никогда не запекаются в слое навсегда.
Позвольте мне показать, чем смарт-объект отличается от обычного слоя. Если вы используете инструмент преобразования Photoshop для уменьшения обычного слоя, он превратится в версию самого себя с низким разрешением. Попытка увеличить его до исходного размера даст размытое изображение:
Изменение размера обычного слоя в PhotoshopЕсли вы проделаете тот же процесс со слоем, который был преобразован в смарт-объект, вы можете сжать и изменить размер слоя по своему усмотрению, и он останется таким же четким:
Изменение размера смарт-объекта в Photoshop Неразрушающий характер смарт-объектов выходит за рамки простого изменения размера слоев, как я покажу чуть позже.
Однако сначала давайте рассмотрим различные способы создания смарт-объекта.
Как создавать смарт-объекты в Photoshop
Преобразование слоя в смарт-объект в Photoshop очень просто. Вы просто щелкаете правой кнопкой мыши по соответствующему слою и выбираете «Преобразовать в смарт-объект».
Вы также можете создать смарт-объект из нескольких слоев. Shift + щелчок (или Ctrl/Cmd + щелчок), чтобы выбрать нужные слои, щелкните правой кнопкой мыши и выберите «Преобразовать в смарт-объект». Слои будут объединены в один слой смарт-объекта. Затем Photoshop позволяет вам выбрать, как слои компонентов внутри смарт-объекта смешиваются друг с другом; просто зайдите в главное меню Photoshop> Слой> Смарт-объекты> Режим стека, и вы увидите несколько вариантов.
Вы также можете преобразовать слой в смарт-объект непосредственно из Adobe Camera Raw, что я настоятельно рекомендую. После того, как вы открыли необработанный файл в Adobe Camera Raw и завершили редактирование, просто удерживайте нажатой клавишу Shift, и вы увидите, что кнопка «Открыть» в нижней части Camera Raw изменится на «Открыть объект».
Щелкните ее, и фотография, которую вы редактировали, откроется прямо как смарт-объект для дальнейшего редактирования в Photoshop.
Преимущества смарт-объектов для фотографов
Существует множество причин для использования смарт-объектов в Photoshop, и я ограничу эту статью тремя, которые считаю наиболее полезными для фотографии. (Вы можете увидеть более длинный список того, что они делают, включая некоторые нишевые применения, на веб-сайте Adobe.) Вот те, которые наиболее важны для фотографов:
1. Неразрушающие фильтры
справка для фотографии, особенно теперь, когда диалоговое окно Camera Raw было добавлено в качестве параметра фильтра в более новых версиях Photoshop. Я регулярно использую фильтр Camera Raw для глобальных настроек в Photoshop, а также иногда использую такие фильтры, как повышение резкости, шумоподавление и размытие по Гауссу.
Но что произойдет, если вы примените фильтр и только позже поймете, что зашли слишком далеко? Возможно, вам придется удалить слой и начать заново, что может стать серьезной проблемой, если за это время вы внесли ряд других изменений в этот слой.
Вместо этого, если вы преобразуете слой в смарт-объект до применения каких-либо фильтров, они вместо этого станут «умными фильтрами». Список всех ваших смарт-фильтров появляется под смарт-объектом в Photoshop, и вы можете дважды щелкнуть любое из их имен, чтобы снова открыть диалоговое окно фильтра.
Дважды щелкните имя любого фильтра (выделено красным), чтобы снова открыть его параметры редактирования. Это может быть огромным подспорьем для фотографов. Вы слишком поздно поняли, что ваша предыдущая нерезкая маска была слишком сильной? Дважды щелкните слова «Нерезкая маска» под вашим смарт-объектом, и вы сможете смягчить свои предыдущие изменения. Пропустили место в локальной настройке Camera Raw? Нет необходимости удалять слой и начинать заново; все это хранится в смарт-объекте и может быть отредактировано в любое время, дважды щелкнув заголовок «Camera Raw Filter».
(Вот почему я рекомендую «открыть как объект», а не просто открывать изображение каждый раз, когда вы заканчиваете работу с необработанным файлом в Adobe Camera Raw.)
Вы даже можете смешать смарт-фильтры, используя режимы наложения слоев, дважды щелкнув значок на правом краю любого смарт-фильтра:
Дважды щелкните этот значок, чтобы изменить режим наложения фильтраПри этом появится диалоговое окно, которое выглядит как это, позволяя вам изменять непрозрачность и режим наложения, как и любой другой слой:
В целом, возможность повторного редактирования любого фильтра является самой большой причиной для преобразования слоя в смарт-объект в Photoshop, по крайней мере для фотографии. Как только вы начнете использовать его, вы никогда не оглянетесь назад.
2. Неразрушающее преобразование
Еще одна полезная причина для использования смарт-объектов — деформация или преобразование слоя без постоянного запекания преобразования в слой. Я демонстрировал это ранее в статье, и, надеюсь, вы понимаете, насколько полезно иметь такую опцию для изменения размеров разных слоев.
Однако это действительно применимо только в том случае, если вы делаете какую-то составную фотографию, будь то сюрреалистическая или что-то более приземленное, например, фотография продукта. Не всем фотографам нужно объединять изображения вместе, но если вам это нужно, лучше преобразовать слои в смарт-объекты, прежде чем изменять их размер.
Например, если вы редактировали это составное изображение (снято Насимом), вам следует начать с преобразования каждого из трех слоев луны в смарт-объект, чтобы не терять разрешение при уменьшении и увеличении их размера:
Copyright Nasim MansurovNIKON Z7 + 300 мм f/4 @ 420 мм, ISO 200, 10 секунд, f/8,0
3. Усреднение изображения для уменьшения шума
В последнее время мне все больше нравится техника усреднения изображения, особенно для таких приложений, как съемка с дронов. Если сделать несколько одинаковых фотографий, а затем усреднить их вместе в Photoshop, общий уровень шума существенно снизится:
Но как на самом деле усреднить кучу слоев вместе в Photoshop? Вы можете поиграть с ползунком «Непрозрачность», но во многих случаях проще использовать смарт-объект.
Сначала выберите все слои, которые вы хотите усреднить, нажав Shift и щелкнув. Щелкните правой кнопкой мыши, чтобы преобразовать их в один смарт-объект. Затем перейдите в верхнюю строку меню Photoshop> Слой> Смарт-объекты> Режим стека> Среднее. (Некоторые фотографы предпочитают Медиану вместо Среднего, но я считаю, что Среднее работает лучше.)
Слои будут идеально усреднены, независимо от того, есть ли у вас два слоя или несколько десятков. (Хотя процесс наложения далеко не быстрый, если у вас больше нескольких слоев, поэтому вы можете сделать перерыв, пока ждете.)
Существует больше причин для усреднения изображения, чем просто уменьшение шума, включая различные приложения для графического дизайна. Вы также можете поэкспериментировать с различными режимами стека, отличными от среднего, чтобы получить интересные результаты. Как бы то ни было, смарт-объекты — это способ сделать это.
Недостатки смарт-объектов
Самая большая проблема со смарт-объектами заключается в том, что они занимают больше места, чем обычные слои.
Вы можете заметить, что Photoshop замедляется, если у вас слишком много смарт-объектов (или много смарт-фильтров). Это также значительно увеличит размер вашего файла, если вы сохраняете файл со слоями, например PSD или PSB.
Однако, если вы экспортируете в формате JPEG или иным образом сглаживаете слои смарт-объектов, проблема с размером файла исчезает. Другими словами, эти недостатки применимы только тогда, когда в вашем документе есть активные слои смарт-объектов.
Кроме того, вы должны иметь в виду, что некоторые правки невозможны на слоях смарт-объектов, например, использование инструмента «Кисть», инструмента «Ведро с краской», инструментов «Осветление», «Затемнение», «Размытие/резкость/размазывание» и т. п. Это невозможно, потому что, опять же, смарт-объект является окончательным неразрушающим слоем. В Photoshop нет способа вернуться к такого рода редактированию «рисованием на картинке», поэтому он просто не позволяет вам выполнять их на смарт-объекте в первую очередь.
Если вы все равно решили внести одно из этих изменений, вам просто нужно сначала растрировать слой. Растрирование слоя превращает его из смарт-объекта в обычный слой, позволяя вам вносить эти изменения. Просто щелкните правой кнопкой мыши на слое и выберите «Растрировать слой». Вы также можете растеризовать слой, попытавшись отредактировать (скажем, попытаться нарисовать на слое) и выбрать «ОК», чтобы растеризовать смарт-объект, когда Photoshop кричит на вас.
Это диалоговое окно появляется, если вы пытаетесь применить определенные (постоянные) изменения к смарт-объектуЗаключение
Преобразование слоя в смарт-объект не всегда необходимо, поэтому Photoshop не делает этого по умолчанию. Если вам не нужно применять фильтры, усреднять слои или выполнять корректировки деформации/трансформации, вероятно, лучше оставить слои такими, какие они есть. Минимизируя количество смарт-объектов, вы можете уменьшить размер файлов PSD и ускорить работу Photoshop.
Однако смарт-объекты имеют решающее значение при работе с фильтрами, которые, конечно же, являются одними из самых популярных инструментов в Photoshop.
Фильтры вступают в действие почти каждый раз, когда вы хотите повысить резкость изображения, применить эффект Ортона или просто внести широкие коррективы в диалоговом окне Adobe Camera Raw. В таких случаях обычно не рекомендуется запекать фильтр в слой; вместо этого просто заранее преобразуйте слой в смарт-объект, чтобы вы могли вернуться к фильтру позже и настроить его по своему вкусу.
Надеюсь, эта статья помогла вам понять, почему смарт-объекты так полезны для фотографии. Они также полезны для графического дизайна; Я постоянно использую их при создании различных графиков и иллюстраций, которые вы видите на сайте Photography Life. Фактически, независимо от того, с какой областью цифрового искусства вы работаете, неразрушающее редактирование имеет решающее значение, а смарт-объекты являются важной частью неразрушающего редактирования, когда вы работаете в Photoshop.
Что такое смарт-объект? Как использовать смарт-объект в Photoshop?
АвторAlyssa Walker
ЧасыОбновлено
Что такое смарт-объект Photoshop?
Смарт-объект Photoshop никогда не потеряет качество любого векторного объекта или изображения, даже если мы масштабируем или передискретизируем его, меняем его положение или поворачиваем его, как мы хотим, в нашем документе.
Каждый дизайнер должен знать о пользе «умного объекта».
Означает, что вы вносите любые фотографии или любые векторные объекты в свой документ и масштабируете их снова и снова. В этом процессе масштабирования изображения вверх и вниз, если вы не хотите потерять реальное качество вашего изображения, вы должны сначала сделать это изображение «умным объектом».0003
Давайте рассмотрим пример, чтобы вы могли получить реальное представление об «умном объекте».
Вот у меня есть векторный объект в иллюстраторе.
Я копирую этот объект, нажав CTRL + C.
Затем захожу в фотошоп и нажимаю CTRL + V, чтобы вставить.
Когда я вставляю его в Photoshop, он дает 4 различных варианта выбора, таких как «смарт-объект», «пиксель», «контур» и «слой формы».
На этот раз я собираюсь выбрать смарт-объекты фотошопа.
Нажмите ок.
Вот наш векторный объект хорошего качества.
Посмотрите там на панели слоев, у слоя есть маленький значок в нижнем углу. этот маленький значок указывает, что это смарт-объект.
Теперь нажмите CTRL + T и уменьшите масштаб объекта.
Снова нажмите CTRL + T, увеличьте масштаб и нажмите Enter.
Здесь вы можете видеть, что качество и резкость объекта такие же, как до того, как мы его уменьшили. он не потерял даже 1% качества.
Теперь переключитесь на этот слой и нажмите CTRL + V, чтобы снова вставить его.
Но на этот раз я выберу пиксели.
Объект теперь в исходном качестве.
Но как только мы уменьшаем его и снова увеличиваем, вы можете видеть, как он теряет реальное качество объекта.
он был размыт и потерял слишком много информации о цвете объекта.
Давайте посмотрим, почему объект не потерял свою информацию при преобразовании в смарт-объект и почему он потерял их все, когда был обычным слоем.
Возьмите слой смарт-объекта и уменьшите его масштаб, а затем увеличьте.
Вы можете видеть, что он не теряет информацию о цвете и остается четким, потому что он встроен в смарт-объект, что означает, что он ссылается на исходную векторную информацию, а не на информацию о пикселях, когда он был импортирован.
А теперь давайте поговорим об объекте, который мы импортировали как пиксель.
Когда мы уменьшаем его, ему не нужно много информации для отображения в этом меньшем размере, поэтому он отбрасывает дополнительную информацию, которая не нужна для отображения.
Теперь, когда мы масштабируем его обратно, он не помнит той лишней информации, на которую он выбрасывал раньше, когда мы уменьшали масштаб. так что вы можете видеть, как он потерял свое качество и резкость и как плохо он выглядит.
