Что такое смарт объекты
Медиасвод
Сайт о творчестве и дизайне
Что такое смарт-объект?
Для начала, давайте разберемся, что такое смарт-объект в Photoshop, и чем же он полезен. Смарт-объект — это контейнер, в который помещаются изображения, корректирующие слои, другие смарт-объекты. Вы можете, не боясь испортить исходник, применять любые операции, изменения и фильтры к этому изображению, т.е. делать обратимое редактирование. Давайте научимся со смарт-объектами работать.
Какие обратимые операции можно делать с помощью смарт-объектов:
Трансформации. Можно масштабировать, поворачивать, наклонять, деформировать слой, применять к нему перспективное преобразование или произвольную деформацию без потери исходных данных изображения или качества.
Применение фильтров. В любое время можно изменить параметры фильтров, примененных к смарт-объектам.
Работа с векторными данными, такими как векторные изображения из Illustrator, которые иначе пришлось бы растрировать.
Сферы применения смарт-объектов
Итак, с вопросом «что такое смарт-объект» мы немого разобрались, теперь попробуем понять, для чего он нужен.
Коллаж. При создании коллажа может возникнуть необходимость в применении обратимой трансформации или фильтра на отдельный элемент, а не на всю композицию. Например, нужно изменить перспективу картины, которую вы вставляете в раму, сделать размытие дальнего края, поменять яркость и характер освещения. В обычной ситуации все эти изменения необратимы, но если использовать смарт-объект, правки можно вносить на любом этапе. Кроме того, легко поменять одну картину на другую.
Этот эффект дополняется использованием обтравочной маски
Mockup. Визуализация объектов. При разработке фирменного стиля, сайтов, наружной рекламы, печатной продукции часто требуется показать визуализацию дизайна. Создается, по сути, коллаж, в который встраивается смарт-объект с нужной трансформацией, масштабом, фильтрами. Содержимое можно с легкостью заменить, и показать заказчику несколько вариантов привлекательной визуализации, не предоставляя исходник.
Макеты. При разработке дизайн-макета часто требуется повторять какой-то элемент, например, иконку. Что если в процессе работы вы решили изменить ее цвет? При работе с обычными слоями вам пришлось бы редактировать все копии. Работа со смарт-объектами решает и эту проблему.
Создание смарт-объектов. Как преобразовать слой в смарт-объект
Встроенные смарт-объекты можно создавать различными способами:
Изменение содержимого смарт-объекта
Если нужно внести изменения в содержимое смарт-объекта исходный файл открывается либо в Photoshop (если содержимое — растровые данные), либо в программе, которая редактирует данный формат (например, Adobe Illustrator). При сохранении изменений в исходном содержимом они отражаются на всех связанных экземплярах смарт-объекта в документе Photoshop.
Выберите смарт-объект на панели «Слои».
В меню «Слой» выберите команду «Смарт-объекты» > «Редактировать содержимое».
Photoshop обновит смарт-объект, чтобы отразить внесенные изменения. (Если изменения не видны, нужно активировать окно документа, содержащего смарт-объект.)
Создание дубликата встроенного смарт-объекта
На панели «Слои» выберите слой смарт-объекта и выполните одно из следующих действий.
Связанная копия. Для создания дубликата, который связан с оригиналом, в меню «Слой» выберите команду «Создать дубликат слоя» или перетащите слой смарт-объекта на значок «Новый слой» в нижней части панели «Слои». Изменения, вносимые в оригинал, будут отражаться на копии и наоборот.
Независимая копия. Чтобы создать дубликат смарт-объекта, который будет не связан с оригиналом, в меню «Слой» (ПКМ) выберите команду «Новый смарт-объект через копирование». Изменения, вносимые в оригинал, не отразятся на копии.
Новый смарт-объект появится на панели «Слои» с тем же именем, как у оригинала, и дополнением «копия».
Замена содержимого смарт-объекта
Очень легко заменить изображение в смарт-объекте на новое. При этом все операции деформации, фильтры и эффекты, примененные к первому смарт-объекту, сохраняются.
Преобразование смарт-объекта в обычный слой
Выберите смарт-объект, затем выберите Слой > Смарт-объекты > Растрировать. После растрирования смарт-объекта трансформации, деформации и фильтры, примененные к нему, изменять нельзя.
Smart Object в Photoshop – поможет и верстальщикам, и дизайнерам
Smart Object – это слой, содержащий изображения из растровых или векторных слоев Photoshop, сохраняющий все стили и эффекты в редактируемом состоянии, или слои Illustrator. Слои Smart Object обозначаются специальным значком (рис. 1).
Рис.1
Рис.2
Рис.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 несколько увеличивает вес файла, но вам решать стоит ли оно того.
Для себя я сделала вывод – стоит!
Работа со смарт-объектами
Понятие смарт-объектов
Смарт-объекты — это слои, содержащие данные изображения из растровых или векторных изображений, таких как файлы Photoshop или Illustrator. Смарт-объекты сохраняют первоначальное содержимое изображения со всеми исходными характеристиками, позволяя производить обратимое редактирование слоя.
В Photoshop можно встроить содержимое изображения в документ Photoshop. В Photoshop можно также создавать связанные смарт-объекты, содержимое которых формируется ссылками на внешние файлы изображений. Содержимое связанного смарт-объекта меняется при изменении исходного файла изображения.
Связанные смарт-объекты отличаются от дублированных экземпляров одного смарт-объекта в рамках одного документа Photoshop. При работе со связанными смарт-объектами можно использовать общий исходный файл в нескольких документах Photoshop — с этой концепцией веб-дизайнеры уже хорошо знакомы.
Преимущества смарт-объектов
С помощью смарт-объектов можно:
Выполнять обратимые трансформации. Можно масштабировать, поворачивать, наклонять, деформировать слой или применять к нему перспективное преобразование или заказную деформацию без потери исходных данных изображения или качества, потому что трансформации не затрагивают исходные данные.
Работать с векторными данными, такими как векторные иллюстрации из Illustrator, которые иначе были бы растрированы в Photoshop.
Выполнять обратимую фильтрацию. В любое время можно изменить параметры фильтров, примененных к смарт-объектам.
Редактирование смарт-объекта автоматически отражается на всех связанных с ним экземплярах.
Примените слой-маску, связанную или не связанную со слоем смарт-объекта.
Попробуйте различные оформления, используя подстановочные изображения низкого разрешения, которые позднее будут заменены на окончательные версии.
Нельзя выполнить операции, которые изменяют данные пикселов (такие как рисование, осветление, затемнение или клонирование), непосредственно в слое смарт-объекта до тех пор, пока он не будет преобразован в обычный слой и растрирован. Для проведения операций, которые изменяют данные пикселов, можно редактировать содержимое смарт-объекта, клонировать новый слой поверх слоя смарт-объекта, редактировать дубликаты смарт-объекта или создать новый слой.
При трансформации смарт-объекта, к которому применены смарт-фильтры, Photoshop отключит фильтры до тех пор, пока преобразование не будет закончено. Фильтры применятся вновь после окончания трансформации. См. раздел Применение смарт-фильтров.
Все, что нужно знать про смарт-объекты в фотошопе
Для многих пользователей фотошопа, особенно для начинающих, инструмент смарт-объекты является большой загадкой. Этому способствуют небольшое наличие информации в интернете и в учебниках, а также сложный процесс осваивания инструмента методом «тыка». Теперь это в прошлом, в этой статье я расскажу все, что нужно знать про смарт-объекты в фотошопе.
Этот инструмент относится к палитре слоев и представляет из себя особый вид слоя. Вспомните-ка, что отображается в этой палитре? — Главным образом, изображения, которые мы редактируем. Смарт-объекты — это те же изображения, но они обладают важными и полезными особенностями.
Смарт-объекты — это контейнеры, которые копят в себе всю информацию по их редактированию. Они бесконечно долго надуваются от этого потока данных в отличии от простых слоев-изображений.
Что это дает? Если обычное изображение, например, при изменении размера в сторону уменьшения безвозвратно теряет свои пиксели (их недостаток отчетливо виден, если мы вдруг решим вернуть такое изображение в исходный размер), то смарт-объекты ничего не теряют. Они отображает те пиксели, что нужны для корректного отображения уменьшения, но если мы увеличим в исходное, то недостающие пиксели будут восстановлены из такого контейнера. А это значит изображение будет вновь четким без единого искажения.
Таким образом, эти контейнеры хранят в себе все изменения и готовы в любой момент вернуть все в прежнее состояние без потери качества. Это очень нужно, когда пользователь, например, занимается созданием коллажа. В такой работе требуется использовать много исходных изображений, которые то и дело нужно менять в размерах и применять разные эффекты и фильтры.
Здесь сразу виден очевидный минус — такие контейнеры будут расти в своем весе, что влияет на итоговый размер файла.
Любое изображение можно сделать как смарт-объект. На палитре слоев такое изображение-слой отображается с маленьким значком в нижнем правом углу миниатюры:
Основные полезные свойства смарт-объектов фотошопа
1. Изменение размеров без потери качества
В примере выше разобрано часто используемое свойство, связанное с изменением размера изображения без потери качества. Давайте посмотрим как это выглядит на примере. Проведем стандартную операцию, с которой сталкивался любой пользователь фотошопа: уменьшим изображение, а затем попытаемся обратно его увеличить.
Сначала проделаем эту операцию с обыкновенным слоем-изображением:
Как видите, после попытки вернуть рисунок в исходный размер, он сильно испортился (стал размытым). Это произошло из-за того, что при уменьшении, фотошоп потерял пиксели, которые ему не нужны в уменьшенном виде. А когда мы растянули обратно, то фотошоп не может сам нарисовать недостающего, поэтому он просто растягивает то, что осталось, вот и появился эффект размытия.
Теперь преобразуем изображение в смарт-объект и повторим эксперимент:
После увеличения изображение совершенно не изменилось и осталось прежним. Это произошло благодаря тому, что в контейнере смарт-объекта сохранились те пиксели, что фотошоп потерял при уменьшении, а когда потребовалось увеличить, программа все восстановила на прежние места.
2. Умные фильтры
К обыкновенным изображениям-слоям можно применять фильтры. Однако, если речь идет о смарт-объектах, тогда и фильтры становятся не совсем обыкновенными, а умными!
Опять обратимся к сравнениям для наглядности. Когда мы применяем фильтры, то слой необратимо изменяется. Например, использовали Размытие по Гауссу — изображение стало размытым и точка. Если что-то не так получилось мы только можем отменить неверное действие на палитре История. А если мы осознали свою ошибку слишком поздно, когда уже успели много чего другого добавить к изображению? Как исправить этот фильтр? — Никак. Все переделывать заново.
Другое дело, если мы используем умные фильтры. Вспомните-ка, что я говорил, что такое смарт-объекты? — Это контейнеры, которые хранят в себе всю информацию. Значит они будут хранить и информацию об изображении до применения фильтра, а значит к этой информации можно безболезненно вернуться.
Когда вы применяете любой фильтр, слой со смарт-объектом на палитре будет отображать значок видимости фильтра. Таким образом, его можно в любое время отключить.
Более того, еще появится маска фильтра. Благодаря ей можно еще более детально настроить фильтр. Например, сделать так, чтобы то же Размытие по Гауссу было не на всем изображении, а только на его части или сделать какие-нибудь плавные переходы.
На палитре слоев умные фильтры будут выглядеть так:
Если вы используете Photoshop CS6 или выше, то можете столкнуться с проблемой отсутствия некоторых фильтров в меню. Они были перенесены в Галерею фильтров. И если использовать фильтр прямо из этой галереи, то на палитре слоев фотошоп не будет писать его наименование, что крайне неудобно. Для решения данной проблемы — читайте эту инструкцию.
3. Редактирование содержимого
А если все-таки очень хочется, тогда нужно перейти в режим Редактирование содержимого.
Кликните правой кнопкой мыши по слою со смарт-объектом, в появившемся меню выберите команду Редактировать содержимое либо кликните 2 раза по миниатюре слоя. В итоге это изображение откроется отдельно в новой вкладке. Там оно будет как самое обыкновенное изображение, которое можно редактировать как хотите.
Самое важное, что после того, как вы сохраните все изменения, изменится и то изображение, что вы назначали смарт-объектом.
Вот, что произошло : когда вы создаете смарт-объект, фотошоп создает из него отдельный файл, который хранится в системных папках программы. Такой файл имеет расширение PSB. То есть смарт-объект — это отдельный файл (это важно).
Выбрав команду Редактирование содержимого, вы перешли к редактированию самого файла в расширении PSB. Поэтому, все изменения сначала записываются в этот файл. А поскольку другие вкладки с документами содержат в себе этот файл, они автоматически обновляются и всегда показывают актуальное содержимое файла.
Главное не забыть сохранить внесенные изменения!
4. Создание связанных копий
Механизм работы файла PSB я не зря расписал. По сути, все свойства работают отталкиваясь именно от этого. Если вы поняли как он работает, то не составит труда понять и принцип действия очередного свойства — создание связанных копий.
5. Экспорт и импорт содержимого
Фотографы таким образом создают шаблон-контейнер с настройками коррекции, в который только подгружают новые фотографии.
Когда вы больше не нуждаетесь в особенностях смарт-объектов или хотите просто перейти в привычный режим редактирования изображения, выберите команду — Растрировать слой.
Как создать смарт-объекты в фотошопе
Смарт-объекты очень просто создать. Существует несколько способов как это можно сделать.
1 Способ
2 Способ
Можно открыть любую картинку как смарт-объект через меню Файл — Открыть как смарт-объект…
3 Способ
8 вещей, которые необходимо знать о Смарт-объектах в Photoshop
1. Создание смарт-объектов
Смарт-объект может быть создан из обычного слоя нажатием правой клавишей мыши по слою в панели слоёв и кликом по строке «Преобразовать в смарт-объект» (Convert to Smart Objects).
Если Вы перетаскиваете с компьютера изображение прямо на открытый документ Photoshop, это изображение также автоматически преобразуется в смарт-объект (в случае, если Вы не изменили дефолтные настройки.
Первые два способа дают нам связанные объекты.
Подробнее о свойствах связанных и несвязанных смарт-объектов я расскажу подробнее в пункте 4.
2. Сохранение качества растровых изображений в при трансформации
Сохранение качества изображения при редактировании является одним из наиболее важных особенностей Smart Objects, ведь иногда работа с обычными пиксельными слоями может быть очень разрушительной.
Даже такие простые действия, как изменение размера с помощью «Свободного трансформирования» (Free Transform) могут привести к серьёзной потере качества. Но когда при пиксельном слое, преобразованным в Smart Object, Photoshop сохраняет информацию об исходном изображении. Таким образом, можно сохранить первоначальное качество изображения независимо от того, сколько раз вы изменить размер слоя со смарт-объектом.
3. Автоматически сохраненные настройки Свободного трансформирования
Примечание. Если Вы активируете «Свободное трансформирование» на обычном слое, то в любом случае Photoshop покажет размер 100%.
4. Связанные и несвязанные смарт-объекты
Если Вы дублируете смарт-объект обычным способом, как простой слой (с помощью Ctrl+J или перетаскиванием слоя на значок «Добавить слой» внизу панели слоёв), то Вы получите связанный смарт-объект.
Это значит, что при любом изменении, внесённом в копию или оригинал, эти же изменения произойдут и со вторым объектом, а также с другими копиями, если они имеются. Причем количество связанных копий не ограничено, изменения произойдут на всех копиях:
5. Изменение содержимого смарт-объекта
Редактировать содержимое смарта очень просто. Достаточно лишь дважды кликнуть на его иконку, произвести необходимые изменения и нажать комбинацию клавиш Ctrl+S для сохранения изменений:
6. Преобразование текстовых слоёв в смарт-объекты
Текстовые слои можно масштабировать, вращать и зеркально отражать без растеризации, но для применения деформаций и фильтров, например, «Размытия по Гауссу», их необходимо растрировать, а после растеризации изменить текст уже невозможно. Вот что пишет Photoshop после того, как я попытался применить к текстовому слою «Размытие по Гауссу»:
7. Использование смарт-фильтров
Примечание. некоторые фильтры не могут быть использованы в качестве смарт-фильтром, например фильтр «Исправление перспективы» (Vanishing Point).
8. Маска для смарт-фильтра
Как я упомянул выше, при применении смарт-фильтра, к фильтру автоматически добавляется маска, аналогичная по действию слой-маске. Следовательно, закрасив какую-либо область маски чёрным, Вы убираете действие фильтра в этой области:
Недостатком является то, что сколько бы Вы не добавляли фильтров, маска будет одна на все фильтры:
Но и это правило можно обойти. Применяем один фильтр к Smart Object, затем конвертируем Smart Object с фильтром в новый Smart Object, применяем к полученному Smart Object следующий фильтр и так далее. В последствии будет не столь удобно редактировать, но, зато, у Smart Object каждый фильтр будет иметь собственную маску.