Узнайте, как редактировать смарт-объект в Photoshop и как легко заменить его содержимое, чтобы использовать смарт-объекты в качестве шаблонов многократного использования!

Два мощных преимущества использования смарт-объектов в Photoshop заключаются в том, что мы можем редактировать их содержимое, и мы можем даже заменить их содержимое, и наши изменения мгновенно появятся в документе. Редактирование содержимого отлично подходит для случаев, когда вы хотите сохранить одно и то же изображение внутри смарт-объекта и просто изменить его внешний вид. Но мы также можем заменить содержимое совершенно новым изображением, делая умные объекты идеальными для создания шаблонов многократного использования! Посмотрим, как это работает.

Я буду использовать Photoshop CC, но все полностью совместимо с Photoshop CS6.

Если вы еще не знакомы со смарт-объектами в Photoshop, вам нужно прочитать первое руководство из этой серии, в котором я расскажу, что такое смарт-объекты и как их создавать. И с этого, давайте начнем!

Что мы будем изучать

Чтобы помочь нам узнать о редактировании и замене содержимого смарт-объекта, мы собираемся преобразовать изображение в смарт-объект и затем поместить его в рамку. Когда он окажется в кадре, мы узнаем, как редактировать изображение внутри смарт-объекта, а затем как заменить его другим изображением.

Вот первое изображение, которое я открыл в своем документе. Я загрузил все изображения для этого урока из Adobe Stock. Это кадр, в который я буду помещать другое изображение:

Первое изображение. Фото предоставлено: Adobe Stock.

Если мы посмотрим на панель «Слои», то увидим, что у меня также есть второе изображение, расположенное над слоем над ним. Я включу второе изображение, щелкнув значок видимости верхнего слоя:

Включение второго изображения в документе.

И теперь мы видим второе изображение. Я преобразую это изображение в смарт-объект, а затем помещу его в рамку:

Второе изображение. Фото предоставлено: Adobe Stock.

Размещение изображения в кадре

Выбор кадра

Чтобы поместить изображение в рамку, нам сначала нужно выделить область внутри рамки. Я выключу верхнее изображение, чтобы мы могли видеть кадр, еще раз щелкнув значок видимости слоя:

Выключение верхнего изображения.

Затем я выберу инструмент Photoshop Polygonal Lasso Tool на панели инструментов. По умолчанию инструмент Polygonal Lasso Tool вложен в стандартный инструмент Lasso, поэтому я щелкну правой кнопкой мыши (Win) / Control-click (Mac) на инструменте Lasso и выберу инструмент Polygonal Lasso Tool из всплывающего меню:

Выбор Polygonal Lasso Tool на панели инструментов.

Чтобы выделить область внутри рамки, все, что нам нужно сделать, это щелкнуть с помощью инструмента Polygonal Lasso Tool в каждом из четырех углов, начиная с верхнего левого угла, затем с верхнего правого угла, вниз до правого нижнего угла и затем в нижнем левом углу., Для завершения выбора снова нажмите на начальную точку в верхнем левом углу. Контур выделения теперь появляется вокруг рамки:

Нажав в каждом углу с помощью Polygonal Lasso Tool, выберите рамку.

С выбранной рамкой я снова включу верхнее изображение:

Повторное включение верхнего изображения в документе.

И та же самая схема выбора теперь появляется перед вторым изображением. Через некоторое время мы собираемся поместить верхнее изображение в выделение, используя маску слоя. Но прежде чем мы это сделаем, нам сначала нужно преобразовать слой в смарт-объект:

Верхнее изображение будет помещено в выделение рамки.

Преобразование слоя в смарт-объект

Чтобы преобразовать верхний слой в смарт-объект, щелкните правой кнопкой мыши (Win) / Control-click (Mac) непосредственно на слое на панели «Слои»:

Щелкните правой кнопкой мыши (Win) или удерживайте нажатой клавишу «Control» (Mac) в верхнем слое.

Затем выберите « Преобразовать в смарт-объект» из меню:

Выбрав «Преобразовать в смарт-объект».

Значок смарт-объекта появляется в эскизе предварительного просмотра слоя, сообщая нам, что слой теперь является смарт-объектом:

Значок смарт-объекта.

Связанный: Как создать умные объекты в Фотошопе

Добавление маски слоя

Чтобы поместить смарт-объект в выделение, мы будем использовать маску слоя. Щелкните значок « Добавить маску слоя» в нижней части панели «Слои»:

Добавление маски слоя.

Photoshop преобразует выделение в маску слоя, и теперь изображение появляется внутри рамки:

Результат после добавления маски слоя.

А на панели «Слои» мы видим новый эскиз маски слоя рядом с эскизом предварительного просмотра. Причина, по которой мы преобразовали слой в смарт-объект перед добавлением маски слоя, заключалась в том, что смарт-объект и маска были отделены друг от друга. Если бы мы добавили маску, а затем преобразовали слой в смарт-объект, маска стала бы частью смарт-объекта. Мы должны держать их отдельно, поэтому сначала мы преобразовали слой в смарт-объект, а затем добавили маску:

Эскиз маски слоя.

Изменение размера смарт-объекта внутри рамки

Причина, по которой мы должны держать их отдельно, заключается в том, что мы можем изменить размер и переместить смарт-объект в маске или в кадре. Для этого щелкните значок связи между эскизом предварительного просмотра смарт-объекта и миниатюрой маски слоя. Это отсоединяет смарт-объект от его маски, поэтому мы можем изменить его размер и изменить положение, не влияя на размер или положение самой маски:

Отключение смарт-объекта от его маски слоя.

Щелкните миниатюру предварительного просмотра смарт-объекта, чтобы выбрать смарт-объект:

Выбор смарт-объекта.

Затем перейдите в меню « Правка» в строке меню и выберите « Свободное преобразование» :

Собираемся Правка> Свободное Преобразование.

Чтобы изменить размер изображения в рамке, нажмите и удерживайте клавишу Shift на клавиатуре, а затем нажмите и перетащите любую угловую ручку . Клавиша Shift блокирует соотношение сторон изображения при перетаскивании, поэтому вы не искажаете исходную форму. Если вам нужно переместить изображение внутри рамки, щелкните в любом месте поля «Свободное преобразование» и перетащите изображение на место:

Изменение размера и изменение положения изображения внутри рамки.

Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять его:

Изображение теперь хорошо вписывается в кадр.

Как редактировать содержимое смарт-объекта

Теперь, когда мы поместили изображение в рамку как смарт-объект, давайте узнаем, как редактировать содержимое смарт-объекта. Думайте о смарт-объекте как о документе Photoshop в вашем документе Photoshop. И почти все, что мы можем сделать в основном документе, мы можем сделать в умном объекте.

Чтобы открыть смарт-объект и отредактировать его содержимое, убедитесь, что он выбран на панели «Слои». Затем перейдите в меню « Слой» в строке меню, выберите « Смарт-объекты», а затем выберите « Редактировать содержимое» :

Идем в Слой> Смарт-объекты> Изменить содержимое.

Или более быстрый способ открыть смарт-объект - просто дважды щелкнуть его миниатюру на панели «Слои»:

Двойной щелчок по миниатюре смарт-объекта.

Документ смарт-объекта

Смарт-объект открывается в отдельном документе:

Содержимое смарт-объекта открывается в отдельном документе.

Если мы посмотрим на вкладки документа вверху, то увидим, что документ моего смарт-объекта называется «Photo.psb». Смарт-объекты используют специальный тип документа, известный как файл PSB, который обозначает «Photoshop Big». Название документа (в данном случае «Фото») основано на имени вашего слоя до того, как вы преобразовали его в смарт-объект, поэтому рекомендуется переименовать ваши слои перед их преобразованием:

Смарт-объекты открываются в виде файлов PSB (Photoshop Big).

Редактирование содержимого

Поскольку смарт-объекты являются настоящими документами Photoshop, на самом деле нет предела тому, что мы можем с ними сделать. Все инструменты Photoshop, команды, фильтры и другие функции, такие как слои и корректирующие слои, доступны для редактирования содержимого смарт-объекта. Для этого урока мы будем просты и рассмотрим несколько быстрых примеров.

Допустим, я хочу перевернуть изображение внутри рамки так, чтобы женщина смотрела в противоположном направлении. Я могу сделать это, перевернув изображение в моем смарт-объекте. Я зайду в меню « Правка», затем выберу « Преобразование», а затем « Отразить по горизонтали» :

Собираемся Правка> Трансформировать> Отразить по горизонтали.

Это переворачивает изображение по горизонтали:

Изображение в смарт-объекте теперь перевернуто.

Сохранение изменений

Чтобы наши изменения появились в основном документе, нам нужно сохранить и закрыть документ смарт-объекта. Чтобы сохранить его, зайдите в меню « Файл» и выберите « Сохранить» :

Идем в Файл> Сохранить.

Затем, чтобы закрыть смарт-объект, вернитесь в меню « Файл» и выберите « Закрыть» :

Идем в Файл> Закрыть.

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

Результат после перелистывания содержимого смарт-объекта.

Редактирование смарт-объекта неразрушающим способом

Как и при редактировании обычного документа Photoshop, лучше всего редактировать смарт-объект неразрушающим образом и избегать постоянных изменений. Один из самых простых способов сделать это - воспользоваться корректирующими слоями . Я снова открою свой смарт-объект, дважды щелкнув по миниатюре на панели «Слои»:

Повторное открытие документа смарт-объекта.

Содержимое снова открывается в том же документе «Photo.psb» и с изменениями, которые я сделал ранее:

Содержание откроется с моим предыдущим редактированием.

Я переверну изображение обратно так, как оно было изначально, снова зайдя в меню « Правка», выбрав « Преобразование», а затем выбрав « Отразить по горизонтали» :

Возвращаясь к Edit> Transform> Flip Horizontal.

Это переворачивает изображение обратно в исходное направление:

Изображение вернулось в исходное положение.

Использование черно-белого корректирующего слоя

Допустим, я хочу преобразовать изображение из цветного в черно-белое. Поскольку смарт-объекты являются документами Photoshop, мы можем использовать корректирующие слои внутри них так же, как в обычном документе. Чтобы преобразовать изображение в черно-белое, я нажму на значок « Новый заливочный или корректирующий слой» в нижней части панели «Слои»:

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

И тогда я выберу Black & White из списка:

Добавление черно-белого корректирующего слоя.

Черно-белый корректирующий слой появляется над фотографией:

Панель «Слои», показывающая корректирующий слой.

И в документе. мы видим изображение теперь в черно-белом. Вы можете настроить черно-белое преобразование с помощью ползунков на панели «Свойства», но для наших целей я буду придерживаться настроек по умолчанию:

Изображение в смарт-объекте было преобразовано в черно-белое.

Чтобы сохранить мои изменения, я зайду в меню « Файл» и выберу « Сохранить» . Затем, чтобы закрыть смарт-объект, я вернусь в меню « Файл» и выберу « Закрыть» . Возвращаясь к основному документу, мы видим, что смарт-объект в кадре снова обновился, на этот раз показывая мою черно-белую версию изображения:

Изображение в кадре теперь выглядит черно-белым.

Использование корректирующего слоя Photo Filter

Что если вместо преобразования его в черно-белое, я просто хочу настроить цвета на изображении, чтобы немного охладить его? Для этого мы можем использовать корректирующий слой Photo Filter. Я снова открою свой смарт-объект, дважды щелкнув его миниатюру:

Повторное открытие смарт-объекта.

А затем в документе смарт-объекта я удалю свой черно-белый корректирующий слой, перетащив его вниз в корзину в нижней части панели «Слои»:

Удаление черно-белого корректирующего слоя.

Поскольку корректирующие слои являются неразрушающими, удаление корректирующего слоя мгновенно восстанавливает исходные цвета на изображении:

Удаление корректирующего слоя восстановило цвета.

Чтобы добавить корректирующий слой «Фотофильтр», я снова щелкну значок « Новый слой заливки» или «Корректирующий слой» :

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

И на этот раз я выберу Photo Filter из списка:

Добавление корректирующего слоя Photo Filter.

Новый корректирующий слой появляется над изображением:

В смарт-объект добавлен корректирующий слой Photo Filter.

На панели «Свойства» я выберу один из фильтров охлаждения в меню « Фильтр» :

Выбор фильтра охлаждения на панели «Свойства».

Это охлаждает изображение, добавляя больше синего:

Эффект настройки фотофильтра.

Я сохраню свои изменения, зайдя в меню « Файл» и выбрав « Сохранить» . Затем я закрою смарт-объект, зайдя в меню « Файл» и выбрав « Закрыть» . Вернувшись в основной документ, изображение в кадре теперь появляется с примененным фотофильтром. И вот как редактировать содержимое смарт-объекта:

Смарт-объект снова обновляется с новыми изменениями.

Как заменить содержимое смарт-объекта

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

Сначала убедитесь, что ваш смарт-объект выбран на панели «Слои». Там нет необходимости открывать его. Нам просто нужно выбрать его:

Выбор смарт-объекта.

Чтобы заменить его содержимое, перейдите в меню « Слой», выберите « Смарт-объекты», а затем выберите « Заменить содержимое» :

Идем в Слой> Смарт-объекты> Заменить содержимое.

Перейдите к изображению, которым вы хотите заменить содержимое. Нажмите на него, чтобы выбрать его, а затем нажмите Разместить :

Выбор нового изображения для размещения в смарт-объекте.

И мгновенно исходное изображение в смарт-объекте заменяется новым изображением. Единственная проблема заключается в том, что новое изображение слишком велико, чтобы поместиться в кадре, поэтому мы исправим это следующим образом:

Предыдущее изображение было заменено новым. Фото предоставлено: Adobe Stock.

Изменение размера содержимого

Чтобы изменить размер нового изображения, я сделаю то же самое, что и со своим предыдущим изображением, перейдя в меню « Правка» и выбрав « Свободное преобразование» :

Собираемся Правка> Свободное Преобразование.

Затем я нажму и удерживаю клавишу Shift, когда перетаскиваю угловые ручки, чтобы вставить новое изображение в рамку. Опять же, клавиша Shift блокирует соотношение сторон изображения на месте:

Изменение размера нового изображения после замены содержимого смарт-объекта.

Чтобы принять его, я нажму Enter (Win) / Return (Mac) на моей клавиатуре. И теперь, после замены содержимого смарт-объекта, мое новое изображение идеально помещается в кадр:

Результат после замены и изменения размера содержимого смарт-объекта.

И там у нас это есть! Вот так можно редактировать и заменять содержимое смарт-объекта в Photoshop! Узнайте больше о смарт-объектах, узнайте, как открывать и размещать изображения как смарт-объекты, как масштабировать и изменять размеры изображений без потери качества, как использовать редактируемые смарт-фильтры или как смарт-объекты облегчают преобразование и искажение типа! Вы также найдете много других учебных пособий в разделе «Основы Photoshop».

Категория: