Узнайте, как редактировать смарт-объект в 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».