Как сделать смарт объект в фотошопе: Работа со смарт-объектами в Photoshop

Содержание

Как создавать смарт-объекты в фотошопе

В этом уроке я покажу вам, как создавать умные объекты в Photoshop! Вы узнаете, как открыть новое изображение в Photoshop как смарт-объект, как преобразовать существующий слой в смарт-объект и как поместить изображение в виде смарт-объекта в ваш документ Photoshop. Мы также рассмотрим, как открывать необработанные файлы в виде смарт-объектов как из плагина Photoshop Camera Raw, так и из Adobe Lightroom. И мы даже научимся размещать файлы Adobe Illustrator прямо в Photoshop как умные объекты!

Что такое умные объекты?

Смарт-объект — это контейнер, который содержит содержимое слоя. Контейнер защищает содержимое внутри от вреда. Мы можем масштабировать и изменять размер контейнера, применять преобразования, деформации и искажения и даже применять фильтры Photoshop к смарт-объекту без потери качества и без единого постоянного изменения слоя внутри него.

Мы можем сделать несколько копий смарт-объекта с одинаковым содержимым, а затем отредактировать или даже заменить содержимое, и наши изменения мгновенно появятся в каждой копии. Это делает смарт-объекты идеальными для создания шаблонов многократного использования! В этой серии учебных пособий мы рассмотрим различные способы использования смарт-объектов.

В этом первом уроке мы узнаем, как создавать умные объекты в Photoshop. Я буду использовать Photoshop CC, но вы также можете использовать Photoshop CS6. Давайте начнем!

Как конвертировать слой в смарт-объект

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

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

На панели «Слои» мы видим изображение на фоновом слое :

Панель «Слои», отображающая изображение на фоновом слое.

Способ 1: меню «Слой»

Есть несколько способов, которыми мы можем преобразовать слой в смарт-объект. Один из способов — перейти в меню « Слой» в строке меню, выбрать « Смарт-объекты» и выбрать « Преобразовать в смарт-объект» :

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

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

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

Способ 2: меню панели «Слои»

Другой способ преобразовать слой в смарт-объект — из меню панели «Слои». Нажмите

значок меню в правом верхнем углу панели «Слои»:

Нажав на значок меню.

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

Выберите «Преобразовать в смарт-объект» в меню панели «Слои».

Способ 3: из самого слоя

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

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

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

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

Метод 4: с активным инструментом выбора

И, наконец, если у вас есть какой-либо из инструментов выделения Photoshop, активных на панели инструментов (Marquee Tools, Lasso Tools или Quick Selection Tool):

Убедитесь, что у вас есть активный инструмент выбора.

Вы можете щелкнуть правой кнопкой мыши (Win) / Control-click (Mac) непосредственно на изображении в документе и выбрать « Преобразовать в смарт-объект» из меню. Единственный инструмент выбора, для которого недоступна команда «Преобразовать в смарт-объект», — это инструмент « Волшебная палочка» :

Щелкните правой кнопкой мыши (Win) / удерживайте нажатой клавишу «Control» (Mac) и выберите «Преобразовать в смарт-объект».

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

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

Переход к файлу> Открыть как смарт-объект

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

Открыть :

Выбор фотографии для открытия в качестве смарт-объекта.

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

Открытие изображения создает новый документ Photoshop. Фото предоставлено: Adobe Stock.

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

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

Как открыть сырые файлы как смарт-объекты

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

Файл» в строке меню и выберите « Открыть» :

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

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

Выбор необработанного файла.

Откроется изображение в плагине Camera Raw для Photoshop :

Необработанный файл открывается в Camera Raw.

Превращение «Открытого изображения» в «Открытый объект»

Если мы посмотрим вниз в правом нижнем углу, мы увидим кнопку Открыть изображение . Но нажатие кнопки «Открыть изображение» откроет файл в Photoshop как обычный слой , а не как смарт-объект, и мы потеряем все преимущества наличия необработанного файла для работы:

Стандартная кнопка Открыть изображение. Не нажимай на это.

Чтобы открыть необработанный файл как редактируемый смарт-объект, нажмите и удерживайте клавишу Shift на клавиатуре. Это превращает кнопку «Открыть изображение» в кнопку « Открыть объект» :

Удерживайте Shift, чтобы превратить кнопку «Открыть изображение» в «Открытый объект».

Нажмите на Open Object, чтобы открыть изображение в новый документ Photoshop:

Необработанный файл открывается в Photoshop.

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

Панель «Слои», отображающая изображение в виде смарт-объекта.

Редактирование необработанного файла, открытого как смарт-объект

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

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

Это вновь открывает изображение в Camera Raw. Внесите необходимые изменения и нажмите «ОК», чтобы принять их. Изменения мгновенно появятся в вашем документе Photoshop. Вы можете редактировать настройки Camera Raw столько раз, сколько хотите, без потери качества изображения:

Полная мощность Camera Raw всегда доступна с необработанным файлом, открытым как смарт-объект.

Открытие необработанных файлов как смарт-объектов из Lightroom

Вы также можете открыть необработанный файл как смарт-объект в Photoshop непосредственно из Adobe Lightroom.

В Lightroom перейдите в меню « Фото» , выберите « Изменить в» , а затем выберите « Открыть как смарт-объект» в Photoshop . Обратите внимание, что, как только изображение откроется в Photoshop, двойной щелчок его миниатюры на панели «Слои» откроет необработанный файл в Camera Raw, а не в Lightroom. Однако параметры редактирования в Camera Raw и Lightroom абсолютно одинаковы:

В Lightroom перейдите в «Фото»> «Редактировать в»> «Открыть как смарт-объект» в Photoshop.

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

Вместо того, чтобы открывать изображение в новом документе Photoshop, мы также можем поместить изображение в существующий документ как смарт-объект. В Photoshop CC перейдите в меню « Файл» и выберите « Разместить встроенный файл» . В Photoshop CS6 перейдите в меню «

Файл» и выберите « Поместить» . Обратите внимание, что в Photoshop CC также есть опция Place Linked. Мы рассмотрим разницу между Place Embedded и Place Linked в отдельном руководстве:

Перейдите в Файл> Поместить встроенный (CC) или Поместить (CS6).

Перейдите к изображению, которое вы хотите поместить в ваш документ. Нажмите на него, чтобы выбрать его, а затем нажмите Поместить . Я выберу свое изображение «texture.jpeg»:

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

Изменение размера размещенного изображения

Фотошоп помещает изображение текстуры в цветочный документ, который я открыл минуту назад. Перед передачей помещенного изображения в документ, Photoshop сначала дает нам возможность масштабировать и преобразовывать его. Я хочу смешать свое текстурное изображение с цветочной фотографией. Но поскольку текстура и фотография используют разные пропорции, часть изображения цветка торчит по бокам:

Изображение текстуры не полностью покрывает изображение цветка под ним.

Чтобы масштабировать текстуру так, чтобы она покрывала все изображение под ней, я нажимаю и удерживаю Alt (Win) / Option (Mac) на клавиатуре, нажимая на одну из боковых ручек и перетаскивая ее наружу. Удерживание Alt (Win) / Option (Mac) говорит Photoshop изменить размер изображения из его центра:

Удерживая Alt (Win) / Option (Mac) и перетаскивая боковые ручки наружу.

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

Текстура и фотография под ней являются умными объектами.

Связанное руководство: основные навыки Photoshop’s Free Transform

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

Чтобы смешать текстуру с фотографией, все, что мне нужно сделать, это изменить режим смешивания текстурного изображения. Мы можем использовать режимы наложения со смарт-объектами так же, как и с обычными слоями. Я изменю режим смешивания с Normal на Soft Light :

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

И теперь текстура хорошо сочетается с фотографией под ней:

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

Применение Camera Raw в качестве интеллектуального фильтра (Photoshop CC)

Допустим, мне нравится сама текстура, но мне не нравится ее цвет. Я предпочел бы иметь версию текстуры в оттенках серого, чтобы я мог сохранить исходные цвета на фотографии под ней. Лучший способ преобразовать цветное изображение в черно-белое (черно-белое) в Photoshop — использовать Camera Raw. Но поскольку мой текстурный смарт-объект содержит изображение JPEG, а не необработанный файл, я не могу просто дважды щелкнуть его миниатюру, чтобы открыть его в Camera Raw.

В Photoshop CC я могу применить Camera Raw к текстуре в качестве фильтра. И поскольку мы будем применять фильтр к смарт-объекту, он автоматически станет редактируемым интеллектуальным фильтром! Чтобы использовать Camera Raw Filter, я должен убедиться, что мой текстурный смарт-объект выбран на панели Layers. Затем я зайду в меню « Фильтр» в строке меню и выберу « Camera Raw Filter» . Обратите внимание, что фильтр Camera Raw доступен только в Photoshop CC :

Собираюсь Filter> Camera Raw Filter.

Откроется диалоговое окно Camera Raw Filter, которое предоставляет нам те же функции редактирования изображений, что и основной плагин Camera Raw:

Фильтр Camera Raw.

Преобразование текстуры в оттенки серого

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

Выбрав «Преобразовать в оттенки серого».

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

Предварительный просмотр того, как выглядит версия в оттенках серого.

И вот так, теперь у меня есть версия моей текстуры в оттенках серого, смешивающаяся с оригинальными цветами фотографии:

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

Работа с умными фильтрами

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

Смарт-фильтры перечислены ниже смарт-объекта.

Если я хочу вернуться к цветной версии моей текстуры, все, что мне нужно сделать, это отключить интеллектуальный фильтр Camera Raw. И я могу сделать это, просто нажав на значок видимости рядом с именем фильтра:

Нажмите значок видимости, чтобы отключить Camera Raw Filter.

Когда фильтр отключен, цветовая версия текстуры мгновенно восстанавливается, и я снова возвращаюсь к смешиванию самой текстуры и ее цвета с фотографией. Мы будем изучать все о интеллектуальных фильтрах в отдельном руководстве:

Отключение интеллектуального фильтра мгновенно восстанавливает первоначальный цвет текстуры.

Как вставить файлы Adobe Illustrator в качестве смарт-объектов

Наконец, давайте узнаем, как вставить файл Adobe Illustrator в документ Photoshop в качестве смарт-объекта. Это не только сохранит исходные векторные фигуры в целости, но и позволит нам снова открыть файл в Illustrator, если нам нужно будет внести изменения, а затем мгновенно обновить эти изменения в Photoshop.

Шаг 1. Откройте иллюстрацию в Illustrator.

Я переключусь на Illustrator, где я открыл векторную иллюстрацию колибри. Я скачал этот файл с Adobe Stock:

Векторные иллюстрации открыты в Illustrator. Предоставлено: Adobe Stock.

Шаг 2: Выберите и скопируйте иллюстрацию

Чтобы переместить иллюстрацию из Illustrator в Photoshop, перейдите в меню « Выбор» (в Illustrator) и выберите « Все» :

В Illustrator собираемся выбрать> Все.

Выбрав иллюстрацию, перейдите в меню « Правка» и выберите « Копировать» . Это копирует изображение в буфер обмена:

Собираюсь Правка> Копировать.

Шаг 3: Переключитесь на Photoshop

Переключитесь на свой документ в Photoshop. Я открыл это изображение цветов, в которое я собираюсь вставить колибри:

Документ Photoshop, куда направляется файл Illustrator. Фото предоставлено: Adobe Stock.

Шаг 4. Вставьте иллюстрацию Illustrator в качестве смарт-объекта.

Чтобы вставить иллюстрацию из Illustrator в документ Photoshop, перейдите в меню « Правка» (в Photoshop) и выберите « Вставить» :

В фотошопе, зайдите в Edit> Paste.

Фотошоп спросит, как вы хотите вставить рисунок. Выберите смарт-объект из списка:

В фотошопе, зайдите в Edit> Paste.

Масштабирование и позиционирование изображения

Как мы уже видели ранее при размещении файла JPEG в документе, Photoshop сначала даст вам возможность масштабировать изображение, используя маркеры Free Transform. Вы также можете перетащить внутрь поля «Свободное преобразование», чтобы переместить иллюстрацию в нужное положение. В моем случае я просто перетащу колибри немного выше в небо над цветами:

Масштабируйте и располагайте иллюстрацию при необходимости.

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

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

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

Иллюстрации Illustrator отображаются в векторном смарт-объекте.

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

Как с помощью смарт-объектов в Photoshop создать адаптивный макет для экранов различных устройств

Что мы будем создавать

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

Каждый смарт-объект может содержать несколько слоев. Таким образом, вы сможете очень быстро и легко модифицировать свою презентацию.

Я начинаю с трех различных устройств. Вы можете использовать любые изображения на свой вкус. Данный файл содержит отдельные слои теней и бликов для каждого экрана:

Подготовьте отдельный слой для каждого экрана. Выберите инструмент «Прямоугольник» (U) и нарисуйте прямоугольники того же размера, что и каждый экран. Также можно использовать инструмент «Прямоугольная область» (M). Какой бы метод вы не использовали, каждый «экран» должен располагаться на отдельном слое:


Нарисуйте прямоугольник того же размера, что и экран. Он будет соответствовать изображению у вас на экране. Этот прямоугольник должен располагаться на отдельном слое.

Я предпочитаю использовать слой фигуры, потому что ее проще затем настроить с помощью команды «Свободное трансформирование» (Ctrl-T):

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

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


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

Я буду использовать скриншот сайта Tuts+. Перетащите скриншот в PSD-макет. Поместите этот слой поверх слоя экрана монитора компьютера. Можно преобразовать этот слой в смарт-объект одним из трех способов:

• Перейдите в Слой> Смарт-объект> Преобразовать в смарт-объект.
• Вызовите выпадающее меню сбоку в палитре «Слои» и выберите пункт «Преобразовать в смарт-объект».
• Кликните правой кнопкой мыши на слое в панели слоев и в контекстном меню выберите пункт «Преобразовать в смарт-объект».

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

Теперь нужно изменить размер смарт-объекта, чтобы он соответствовал ширине экрана монитора. Нажмите Command / Ctrl-T и с помощью опорных точек измените размер изображения. При работе со смарт-объектом вы заметите одно визуальное отличие: опорные точки смарт-объекта при преобразовании будут иметь сплошную заливку, в то время как опорные точки обычного слоя имеют прозрачную середину.

Пока пускай смарт-объект выходит снизу за границы экрана монитора. Если хотите, переименуйте слой смарт-объекта:

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


Продублируйте слой смарт-объекта, перетащив его на иконку нового слоя

.

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


Перетащите копию смарт-объекта поверх слоев экрана ноутбука.

Создайте еще одну копию смарт-объекта и разместите ее сверху слоев экрана планшета. Затем измените ее размер в соответствии с размером экрана. Пока не беспокойтесь о длине смарт-объекта:

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


Также можно, удерживая клавишу Option (Alt), кликнуть мышью между двумя слоями:

Удерживая клавишу Alt / Option, кликните мышью между слоями, чтобы создать обтравочную маску.

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

Вот почему мы создали слои экранов в первую очередь:


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

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


Смарт-объект открывается как отдельный, специальный файл. Расширение файла .psb:

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

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


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

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

Данная публикация является переводом статьи «Create a Responsive Screen Mockup Using Smart Objects in Adobe Photoshop» , подготовленная редакцией проекта.

8 вещей, которые необходимо знать о Смарт-объектах в Photoshop

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

Этот инструмент относится к палитре слоев и представляет из себя особый вид слоя. Вспомните-ка, что отображается в этой палитре? — Главным образом, изображения, которые мы редактируем. Смарт-объекты — это те же изображения, но они обладают важными и полезными особенностями.

Смарт-объекты — это контейнеры, которые копят в себе всю информацию по их редактированию. Они бесконечно долго надуваются от этого потока данных в отличии от простых слоев-изображений.

Что это дает? Если обычное изображение, например, при изменении размера в сторону уменьшения безвозвратно теряет свои пиксели (их недостаток отчетливо виден, если мы вдруг решим вернуть такое изображение в исходный размер), то смарт-объекты ничего не теряют. Они отображает те пиксели, что нужны для корректного отображения уменьшения, но если мы увеличим в исходное, то недостающие пиксели будут восстановлены из такого контейнера. А это значит изображение будет вновь четким без единого искажения.

Таким образом, эти контейнеры хранят в себе все изменения и готовы в любой момент вернуть все в прежнее состояние без потери качества. Это очень нужно, когда пользователь, например, занимается созданием коллажа. В такой работе требуется использовать много исходных изображений, которые то и дело нужно менять в размерах и применять разные эффекты и фильтры.

Здесь сразу виден очевидный минус — такие контейнеры будут расти в своем весе, что влияет на итоговый размер файла.

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

Что такое смарт-объект?

Проще говоря, смарт-объект – это слой содержащий данные из РАСТРОВОГО или ВЕКТОРНОГО изображения.

Что такое растровое изображение? Это матричный слой, состоящий из пикселей, где каждый отдельный пиксель является частью графики, которую мы видим на экране.

Изображения, которые вы переносите в Photoshop из Lightroom (или любой другой программы) являются РАСТРОВЫМИ слоями – кроме одного исключения, о котором мы поговорим позже. При регулировании размера растрового изображения качество теряется при каждом изменении и даже при повороте слоя при помощи инструментов трансформирования Photoshop. Программа перерисовывает снимок после его изменения, поэтому данные теряются. Это внутреннее ограничение для растровой графики при работе с Photoshop и после трансформирования пути назад нет. Такие изменения очень деструктивны по своей натуре.

Векторные изображения состоят из линий и кривых, которые называют контурами. Такой вид графики строится математически. Текст – пример ВЕКТОРНОГО слоя. Размер векторных слоев можно изменять, не теряя ни единого бита качества. Они часто используются для логотипов и других графических продуктов.

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

Какие обратимые операции можно делать с помощью смарт-объектов:

Трансформации. Можно масштабировать, поворачивать, наклонять, деформировать слой, применять к нему перспективное преобразование или произвольную деформацию без потери исходных данных изображения или качества.

Применение фильтров. В любое время можно изменить параметры фильтров, примененных к смарт-объектам.

Работа с векторными данными, такими как векторные изображения из Illustrator, которые иначе пришлось бы растрировать.

Преимущества использования

Самый главный плюс смарт-объектов в том, что они не являются деструктивными, работая как некое хранилище. После помещения данных в смарт-объект, с ними невозможно провести ни одно деструктивное изменение. Нельзя работать со смарт-объектом напрямую, как это делается для РАСТРОВЫХ или ПИКСЕЛЬНЫХ фотографий. Все, что можно сделать – применить фильтры и другие коррекции, которые позволяет Photoshop, и отменить, подрегулировать или удалить их, не теряя при этом возможности редактирования.

Использование смарт-фильтров

Другим большим преимуществом использования Smart Objects является то, что любой фильтр, применённый к нему, автоматически преобразуется в неразрушающий смарт-фильтр. Это значит, что после применения фильтр становится полностью редактируемым, кроме того, любой смарт-фильтр можно временно отключить или удалить. Ещё одно преимущество применения смарт-фильтра — это то, что у него имеется маска, т.е. фильтр может воздействовать нее на всё изображение, а только на заданную часть картинки.

Примечание. некоторые фильтры не могут быть использованы в качестве смарт-фильтром, например фильтр «Исправление перспективы» (Vanishing Point).

Как открыть Lightroom-файлы в Photoshop как смарт-объекты

Выше я упомянул об исключении во время открытия изображений из Lightroom в Photoshop, которое позволяет создать НЕ растрированный слой. Эта опция называется «Открыть как смарт-объект в Photoshop» и находится в меню Редактировать в (Edit in) Lightroom. Также можно просто кликнуть по снимку или его миниатюре в ленте, выбрав пункт там. Если вы снимаете в RAW-формате и не открываете файлы как смарт-объекты, самое время начать.

Эта маленькая иконка показывает, что мы работаем со смарт-объектом

Lightroom (в модуле Develop) – это очень хороший RAW конвертер. Вы получаете тонны инструментов и, поскольку работаете с RAW-данными, можете выполнить обширные коррекции. С RAW-редактором, скажем, баланс белого можно редактировать без какого-либо ущерба для изображения.

Определенно стоит делать как можно больше коррекций снимка в LR, а затем только переносить его в Photoshop для финальных штрихов. Но что делать, если вы хотите совместить несколько изображений и работать с ними в Photoshop – НЕ деструктивно и в формате RAW? Изменить что-нибудь, что не поменяли в LR? Выполнить минимальные коррекции в LR перед тем, как смешать всё в Photoshop? Это можно сделать со смарт-объектами.

Когда вы открываете смарт-объект в Photoshop, появляется один слой с соответствующим символом в нижнем правом углу миниатюры. Смарт-слой хранит в себе все RAW данные. Если дважды кликнуть по нему на панели слоев, откроется модуль Adobe Camera Raw и в новом окне отобразится каждая сделанная в LR коррекция – начиная от экспозиции и заканчивая кривой и панелью деталей. Кривая тонов ACR фактически даже лучше, чем у Lightroom, так как она позволяет перемещать несколько точек сразу, удерживая нажатой клавишу Shift. Вы не просто открываете снимок и применяете к нему фильтр ACR, вы можете выполнить те же процессы, что делаете в LR.

Вся RAW информация о коррекциях переносится в смарт-объект Photoshop!

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

В чем преимущества смарт-объектов перед обычными слоями

Давайте рассмотрим преимущества смарт-объектов на примере свободной трансформации. Если с помощью инструмента Свободная трансформация(Ctrl+T)

уменьшить обычный слой, примерно в 20 раз, а потом снова вернуть ему прежний размер, то его качество значительно ухудшится, т.к. при уменьшении часть информации безвозвратно удаляется самим фотошопом, что и приводит к ухудшению изображения.

Если же Ваш слой преобразован в смарт-объект

, то вся информация сохраняется, и ухудшение качества не происходит.

Большинство действий, которые Вы производите над смарт-объектом можно отменить, поэтому если Вы создаете коллаж, то данный инструмент просто необходим Вам. Следующим преимуществом является возможность применять к ним смарт-фильтры. Итак, давайте теперь разберемся, что такое смарт-фильтры. Смарт-фильтры – это такие же фильтры, как и обычные, но у них есть одна особенность, т.к. они применяются к смарт-объектам и это дает нам возможность редактировать/корректировать их параметры уже после применения самого фильтра.

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

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

. Для этого перейдите в меню
Файл>Открыть как смарт-объект
.

Пример процесса коррекции

Давайте представим, что вы пошли на улицу и получили кадр, небо которого не засвечено. Это значит, что передний план недостаточно экспонирован, но его еще можно спасти. Здесь нам и пригодятся смарт-объекты. Снимок можно открыть как смарт-слой, а затем, находясь в PS, кликнуть по нему правой кнопкой мыши и выбрать Создать смарт-объект путем копирования (New Smart Object Via Copy). Причина, по которой стоит это делать – вы получите НОВЫЙ смарт-объект, который будет редактироваться независимо от оригинала. Если просто дублировать его при помощи сочетания клавиш Ctrl + J, создастся обычная копия и при работе с ней в модуле Adobe Camera Raw коррекции будут применены к исходному слою тоже. Такая особенность в данной ситуации нам совсем ни к чему.

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

После того, как вы создали НОВЫЙ смарт-объект путем копирования, дважды кликните по нему, войдите в модуль ACR и начинайте работу. Для нашего примера можно добавить +2 EV экспокоррекции, получив экспонированный фон. Еще я добавил копию с +1 EV, чтобы сгладить разрыв между двумя экспозициями. В итоге получится два изображения (или три, если нужно) с одним содержимым, но разной экспозицией для правильного неба и переднего плана. Все знают, что работать с брекетингом, когда в кадре есть двигающиеся объекты невероятно сложно. Подход, рассмотренный выше, позволяет создать HDR снимок всего с одним исходным кадром. Смешивание этих слоев при помощи инструментов Photoshop и Яркостных масок (Luminosity mask) – лучший способ работы, но для их обзора нужна целая отдельная статья.

Как вставить файлы Adobe Illustrator в качестве смарт-объектов

Наконец, давайте узнаем, как вставить файл Adobe Illustrator в документ Photoshop в качестве смарт-объекта. Это не только сохранит исходные векторные фигуры в целости, но и позволит нам снова открыть файл в Illustrator, если нам нужно будет внести изменения, а затем мгновенно обновить эти изменения в Photoshop.

Шаг 1. Откройте иллюстрацию в Illustrator.

Я переключусь на Illustrator, где я открыл векторную иллюстрацию колибри. Я скачал этот файл с Adobe Stock:

Векторные иллюстрации открыты в Illustrator. Предоставлено: Adobe Stock.

Шаг 2: Выберите и скопируйте иллюстрацию

Чтобы переместить иллюстрацию из Illustrator в Photoshop, перейдите в меню « Выбор» (в Illustrator) и выберите « Все» :

В Illustrator собираемся выбрать> Все.

Выбрав иллюстрацию, перейдите в меню « Правка» и выберите « Копировать» . Это копирует изображение в буфер обмена:

Собираюсь Правка> Копировать.

Шаг 3: Переключитесь на Photoshop

Переключитесь на свой документ в Photoshop. Я открыл это изображение цветов, в которое я собираюсь вставить колибри:

Документ Photoshop, куда направляется файл Illustrator. Фото предоставлено: Adobe Stock.

Шаг 4. Вставьте иллюстрацию Illustrator в качестве смарт-объекта.

Чтобы вставить иллюстрацию из Illustrator в документ Photoshop, перейдите в меню « Правка» (в Photoshop) и выберите « Вставить» :

В фотошопе, зайдите в Edit> Paste.

Фотошоп спросит, как вы хотите вставить рисунок. Выберите смарт-объект из списка:

В фотошопе, зайдите в Edit> Paste.

Создание смарт-объектов

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

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

Также можно использовать команду Поместить встроенные (Place Embedded) в меню Файл (File), а затем выбрать нужный файл. Этот способ полностью аналогичен перетаскиванию в рабочую область программы. Изображение также появится в документе вместе с крестом, обозначающим свободное трансформирование, поверх него.

Единственное ограничение при использовании этих двух методов – добавление корректирующих слоев для смарт-объекта. Если дважды кликнуть по смарт-слою, в отдельной вкладке откроется оригинал соответствующего формата (например, jpeg). Теперь, если добавить корректирующий слой, а затем попытаться сохранить изменения и вернуться в основной документ, выскочит окошко с просьбой сначала объединить слои. Воспользовавшись методом, приведенным ниже, вы сможете создавать многослойные смарт-объекты.

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

Вместо того, чтобы открывать изображение в новом документе Photoshop, мы также можем поместить изображение в существующий документ как смарт-объект. В Photoshop CC перейдите в меню « Файл» и выберите « Разместить встроенный файл» . В Photoshop CS6 перейдите в меню « Файл» и выберите « Поместить» . Обратите внимание, что в Photoshop CC также есть опция Place Linked. Мы рассмотрим разницу между Place Embedded и Place Linked в отдельном руководстве:

Перейдите в Файл> Поместить встроенный (CC) или Поместить (CS6).

Перейдите к изображению, которое вы хотите поместить в ваш документ. Нажмите на него, чтобы выбрать его, а затем нажмите Поместить . Я выберу свое изображение «texture.jpeg»:

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

Изменение размера размещенного изображения

Фотошоп помещает изображение текстуры в цветочный документ, который я открыл минуту назад. Перед передачей помещенного изображения в документ, Photoshop сначала дает нам возможность масштабировать и преобразовывать его. Я хочу смешать свое текстурное изображение с цветочной фотографией. Но поскольку текстура и фотография используют разные пропорции, часть изображения цветка торчит по бокам:

Изображение текстуры не полностью покрывает изображение цветка под ним.

Чтобы масштабировать текстуру так, чтобы она покрывала все изображение под ней, я нажимаю и удерживаю Alt (Win) / Option (Mac) на клавиатуре, нажимая на одну из боковых ручек и перетаскивая ее наружу. Удерживание Alt (Win) / Option (Mac) говорит Photoshop изменить размер изображения из его центра:

Удерживая Alt (Win) / Option (Mac) и перетаскивая боковые ручки наружу.

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

Текстура и фотография под ней являются умными объектами.

Связанное руководство: основные навыки Photoshop’s Free Transform

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

Чтобы смешать текстуру с фотографией, все, что мне нужно сделать, это изменить режим смешивания текстурного изображения. Мы можем использовать режимы наложения со смарт-объектами так же, как и с обычными слоями. Я изменю режим смешивания с Normal на Soft Light :

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

И теперь текстура хорошо сочетается с фотографией под ней:

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

Применение Camera Raw в качестве интеллектуального фильтра (Photoshop CC)

Допустим, мне нравится сама текстура, но мне не нравится ее цвет. Я предпочел бы иметь версию текстуры в оттенках серого, чтобы я мог сохранить исходные цвета на фотографии под ней. Лучший способ преобразовать цветное изображение в черно-белое (черно-белое) в Photoshop — использовать Camera Raw. Но поскольку мой текстурный смарт-объект содержит изображение JPEG, а не необработанный файл, я не могу просто дважды щелкнуть его миниатюру, чтобы открыть его в Camera Raw.

В Photoshop CC я могу применить Camera Raw к текстуре в качестве фильтра. И поскольку мы будем применять фильтр к смарт-объекту, он автоматически станет редактируемым интеллектуальным фильтром! Чтобы использовать Camera Raw Filter, я должен убедиться, что мой текстурный смарт-объект выбран на панели Layers. Затем я зайду в меню « Фильтр» в строке меню и выберу « Camera Raw Filter» . Обратите внимание, что фильтр Camera Raw доступен только в Photoshop CC :

Собираюсь Filter> Camera Raw Filter.

Откроется диалоговое окно Camera Raw Filter, которое предоставляет нам те же функции редактирования изображений, что и основной плагин Camera Raw:

Фильтр Camera Raw.

Преобразование текстуры в оттенки серого

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

Выбрав «Преобразовать в оттенки серого».

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

Предварительный просмотр того, как выглядит версия в оттенках серого.

И вот так, теперь у меня есть версия моей текстуры в оттенках серого, смешивающаяся с оригинальными цветами фотографии:

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

Работа с умными фильтрами

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

Смарт-фильтры перечислены ниже смарт-объекта.

Если я хочу вернуться к цветной версии моей текстуры, все, что мне нужно сделать, это отключить интеллектуальный фильтр Camera Raw. И я могу сделать это, просто нажав на значок видимости рядом с именем фильтра:

Нажмите значок видимости, чтобы отключить Camera Raw Filter.

Когда фильтр отключен, цветовая версия текстуры мгновенно восстанавливается, и я снова возвращаюсь к смешиванию самой текстуры и ее цвета с фотографией. Мы будем изучать все о интеллектуальных фильтрах в отдельном руководстве:

Отключение интеллектуального фильтра мгновенно восстанавливает первоначальный цвет текстуры.

Ручное размещение – лучший способ

Если вы хотите создать смарт-объект, у которого будут более широкие возможности для редактирования, откройте исходный снимок в его собственном Photoshop-документе, а затем с активным инструментом Перемещение (Move Tool) кликните и перетяните его на вкладку или в окно, где он должен стать смарт-объектом. Если удерживать нажатой клавишу Shift, изображение при этом будет центрировано. После этого можете изменить размер нового смарт-слоя или переместить его в нужное место.

Давайте рассмотрим такой пример. Предположим, нам нужно сделать смарт-слой черно-белым и добавить корректирующий слой Кривые или что-то подобное. Для редактирования смарт-объекта, дважды кликните по его миниатюре на панели слоев. В отдельной вкладке откроется .psb файл. Здесь вы можете добавлять любые корректирующие слои и делать что угодно. Когда вы довольны результатом, сохраните его, нажав Ctrl + S. Мы не сохраняем изменения на диск. Мы сохраняем их в основном документе, куда встроен наш смарт-объект. Главное преимущество в том, что можно в любой момент перейти к редактированию этого слоя, дважды кликнув по его миниатюре, внести необходимые коррекции или регулировки и вернуться.

Подготовка макета

Шаг 1

Я начну с трех различных экранов. Вы можете найти отдельные фотографии каждого из них на PhotoDune или GraphicRiver, а также можете использовать любое количество устройств в своей композиции. Файл для этого урока разделен на слои для самих устройств, их теней и бликов.

Примечание переводчика: в качестве бесплатной альтернативы можете использовать макет с сайта 365psd.com.

Шаг 2

Подготовьте отдельный слой для каждого экрана. Выберите инструмент Прямоугольник (Rectangle Tool) и нарисуйте прямоугольник такого же размера, как и сам экран. В качестве альтернативы можно использовать инструмент Прямоугольная область (Rectangular Marquee Tool) и заполнить выделение пикселями. Не важно какой способ вы выбрали, главное, чтобы прямоугольник находился на отдельном слое.

Нарисуйте прямоугольник такого же размера, как и экран. Заполните любым изображением и поместите на отдельный слой.

Я предпочитаю использовать слои фигур, так как их проще редактировать инструментом Свободное трансформирование (Free Transform). Активировать его можно, нажав Ctrl + T.

Шаг 3

Сделайте такой же слой для каждого экрана. Формы можете заполнить любым цветом. Мы будем использовать эти фигуры в качестве масок для смарт-объектов. Сейчас у вас должен быть примерно такой результат:

Шаг 4

Сейчас неплохо было бы организовать наш макет. Переименование и организация слоев сохранят множество времени в будущем. На скриншоте ниже я пометил разными цветами слои для каждого устройства. Чтобы изменить цвет слоя кликните правой кнопкой мыши на иконке глаза и выберите необходимый цвет.

Вы также можете создавать группы слоев для каждого продукта. Выберите все слои, принадлежащие одному устройству и в выпадающем меню на панели слоев выберите Новая группаиз слоев (New Group from Layers). Цвет группы задать очень просто. Кликните правой кнопкой мыши по группе и выберите необходимый цвет.

Практичные причины использовать смарт-объекты

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

Сохранить высокое качество растрового изображения

Когда вы добавляете смарт-объект в документ, основной пункт «за» — возможность изменять его размер сколько угодно раз без потери качества данных снимка. Это не значит, что можно создавать огромные изображения с идеальной детализацией. Это означает, что вы можете снова и снова безболезненно менять размер объекта до тех пор, пока не будут превышены оригинальные размеры.

Это также работает для поворотов и отражения по горизонтали/вертикали. Помните, что для обычного слоя Photoshop каждый раз, когда используется свободное трансформирование, переписывает растровые данные. Это может привести к потере качества.

Данные при свободном трансформировании сохраняются

Еще одно преимущество – исходные данные о размерности изображения сохраняются внутри смарт-объекта. Например, если вы изменили размер СО (в дальнейшем мы будем обозначать этой аббревиатурой смарт-объекты), а затем захотели снова его трансформировать, проценты и градус поворота показываются в полях Свободного трансформирования.

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

Сейчас это очень полезная функция по многим причинам. Одно из ее применений – свой водяной знак для фотографий.

Скажем, у вас есть отдельный файл, созданный в Photoshop, который содержит ваше имя и сайт для водяного знака. На его месте может быть любое изображение, которым вы хотите поделиться для двух или больше снимков в вашей галерее.

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

Один и тот же смарт-объект можно связать со всеми изображениями, которые вы добавите. И, что еще лучше, если внести изменения в этот водяной знак или логотип, они продублируются для всех снимков – даже тех, которые в данный момент не открыты. Как это делается? Смарт-объект привязывается к файлу и в следующий раз, когда вы его откроете, у смарт-слоя будет маленький индикатор, уведомляющий, что связанный объект был изменен. Достаточно кликнуть по нему и выбрать Обновить модифицированное содержимое (Update Modified Content).

Это очень полезно и такой трюк можно выполнить для любого количества снимков в вашей галерее Lightroom. Вот как это работает при использовании Lightroom и Photoshop:

  • Выберите два пробных изображения в Lightroom.
  • Откройте их в Photoshop, нажав Ctrl + E и выбрав Редактировать копию (Edit Copy). Если файлы имеют формат RAW, такого варианта не будет, просто откройте их.
  • Если вы работаете на MacOS, откройте LR и PS, а затем перетяните третье изображение или графику (например, водяной знак, созданный в Photoshop) в один из открытых файлов и разместите его в нужном месте. Главное – удерживать нажатой клавишу Option после того, как вы начали перетаскивать и до того момента, как отпустите кнопку мыши. Это значит, что будет прикреплен связанный, а не встроенный смарт-объект.
  • Пользователи Windows могут перейти в меню Файл > Поместить связанные (File > Place Linked), затем найти папку с файлом, который будет использован для этого эксперимента.
  • Текст, логотип или другая графика появится в центре документа. Перетяните его в нужное место.
  • Можно перетаскивать уголок рамки с зажатой клавишей Shift, чтобы изменять размер.
  • Когда будете довольны расположением, кликните по иконке галочки или просто нажмите Enter.
  • Сделайте это для второго файла, на котором тоже хотите иметь водяной знак. Поместите его в нужном месте, нажмите Enter.
  • Сохраните оба файла и закройте один из них.
  • Находясь в оставшемся документе, дважды кликните по смарт-слою.
  • Смарт-объект откроется в новой вкладке.
  • Создайте новый пустой слой. Возьмите черную кисть и нарисуйте «Х» вдоль всего документа. Это только для примера. На самом деле можете делать что угодно.
  • Теперь нажмите Ctrl + S, чтобы сохранить документ. Изменения не остаются на диске, они сохраняются в смарт-объекте. Закройте вкладку.

Вы изменили связанный смарт-объект и это отразится на всех остальных открытых файлах, к которым он привязан. Но что делать с закрытыми? Это не проблема!

Откройте тот файл из Lightroom в Photoshop как оригинал. Вы увидите СВЯЗАННЫЙ смарт-объект с маленьким желтым треугольником, обозначающим, что он был изменен и требует обновления. Можете кликнуть по нему правой кнопкой мыши и выбрать Обновить модифицированный контент (Update Modified Content) или дважды кликнуть по желтой стрелочке. Проще простого! Все файлы со связанным смарт-объектом будут обновлены при открытии в Photoshop. Просто убедитесь, что открыли оригинал, а не копию!

Основные полезные свойства смарт-объектов фотошопа

Изменение размеров без потери качества

В примере выше разобрано часто используемое свойство, связанное с изменением размера изображения без потери качества. Давайте посмотрим как это выглядит на примере. Проведем стандартную операцию, с которой сталкивался любой пользователь фотошопа: уменьшим изображение, а затем попытаемся обратно его увеличить.

Сначала проделаем эту операцию с обыкновенным слоем-изображением:

Как видите, после попытки вернуть рисунок в исходный размер, он сильно испортился (стал размытым). Это произошло из-за того, что при уменьшении, фотошоп потерял пиксели, которые ему не нужны в уменьшенном виде. А когда мы растянули обратно, то фотошоп не может сам нарисовать недостающего, поэтому он просто растягивает то, что осталось, вот и появился эффект размытия.

Теперь преобразуем изображение в смарт-объект и повторим эксперимент:

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

Умные фильтры

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

Опять обратимся к сравнениям для наглядности. Когда мы применяем фильтры, то слой необратимо изменяется. Например, использовали Размытие по Гауссу — изображение стало размытым и точка. Если что-то не так получилось мы только можем отменить неверное действие на палитре История. А если мы осознали свою ошибку слишком поздно, когда уже успели много чего другого добавить к изображению? Как исправить этот фильтр? — Никак. Все переделывать заново.

Другое дело, если мы используем умные фильтры. Вспомните-ка, что я говорил, что такое смарт-объекты? — Это контейнеры, которые хранят в себе всю информацию. Значит они будут хранить и информацию об изображении до применения фильтра, а значит к этой информации можно безболезненно вернуться.

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

Более того, еще появится маска фильтра. Благодаря ей можно еще более детально настроить фильтр. Например, сделать так, чтобы то же Размытие по Гауссу было не на всем изображении, а только на его части или сделать какие-нибудь плавные переходы.

На палитре слоев умные фильтры будут выглядеть так:

Совет

Если вы используете Photoshop CS6 или выше, то можете столкнуться с проблемой отсутствия некоторых фильтров в меню. Они были перенесены в Галерею фильтров. И если использовать фильтр прямо из этой галереи, то на палитре слоев фотошоп не будет писать его наименование, что крайне неудобно. Для решения данной проблемы — читайте эту инструкцию.

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

При редактировании смарт-объектов есть определенные ограничения. Мы говорили, что можно изменить размер, применить умные фильтры, еще можно трансформировать, деформировать и выделять. Остальные действия, например, рисовать кисточкой, пользоваться ластиком и тому подобное делать нельзя.

А если все-таки очень хочется, тогда нужно перейти в режим Редактирование содержимого.

Кликните правой кнопкой мыши по слою со смарт-объектом, в появившемся меню выберите команду Редактировать содержимое либо кликните 2 раза по миниатюре слоя. В итоге это изображение откроется отдельно в новой вкладке. Там оно будет как самое обыкновенное изображение, которое можно редактировать как хотите.

Самое важное, что после того, как вы сохраните все изменения, изменится и то изображение, что вы назначали смарт-объектом.

Вот, что произошло: когда вы создаете смарт-объект, фотошоп создает из него отдельный файл, который хранится в системных папках программы. Такой файл имеет расширение PSB. То есть смарт-объект — это отдельный файл (это важно).

Выбрав команду Редактирование содержимого, вы перешли к редактированию самого файла в расширении PSB. Поэтому, все изменения сначала записываются в этот файл. А поскольку другие вкладки с документами содержат в себе этот файл, они автоматически обновляются и всегда показывают актуальное содержимое файла.

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

Главное не забыть сохранить внесенные изменения!

Создание связанных копий

Механизм работы файла PSB я не зря расписал. По сути, все свойства работают отталкиваясь именно от этого. Если вы поняли как он работает, то не составит труда понять и принцип действия очередного свойства — создание связанных копий.

Фотошоп позволяет сделать копии смарт-объекта на палитре слоев и, когда вы будете редактировать содержимое оригинала, все изменения будут автоматически отображаться на ваших копиях. Такие копии создаются комбинацией клавиш Ctrl+J или путем перетаскивания слоя на маленькую иконку Создать новый слой.

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

Экспорт и импорт содержимого

Чтобы мы не делали, но содержимое смарт-объекта — это всегда картинка. Так вот эту картинку отдельно от всего целикового изображения можно сохранить в файл. Выберите команду Экспортировать содержимое, появится окно, в котором вам предложат выбрать в каком формате хотите сохранить картинку и в каком месте на вашем компьютере.

Еще есть команда, которая действует наоборот — Заменить содержимое. Выберите ее, чтобы вместо одного изображения вставить совсем другое. Причем все настройки, фильтры, коррекции и так далее останутся неизменными.

Фотографы таким образом создают шаблон-контейнер с настройками коррекции, в который только подгружают новые фотографии.

Когда вы больше не нуждаетесь в особенностях смарт-объектов или хотите просто перейти в привычный режим редактирования изображения, выберите команду — Растрировать слой.

Расширенные коррекции со смарт-объектами

Работая с файлами в Photoshop, вы часто добавляете корректирующие слои. Со смарт-объектами, можно одновременно использовать корректирующие слои и коррекции в меню Изображение > Коррекция (Image > Adjustments). Тени/блики – один из примеров, который не может быть создан на корректирующем слое.

Фильтры и коррекции помещаются под смарт-слоем. Маску можно использовать, чтобы убрать эффект в некоторых участках. Тут может быть только одна маска, не важно сколько добавлено корректирующих слоев. Это не то же самое, что маска слоя.

Коррекции так же, как и фильтры, размещены под смарт-слоем. Их можно редактировать, если кликнуть по соответствующему названию. Это вернет вас к тому состоянию, в котором фильтр/коррекция была установлена. Что еще лучше, можно кликнуть по иконке параметров наложения справа от имени и получить возможность менять режим наложения и непрозрачность!

Маска для смарт-фильтра

Как я упомянул выше, при применении смарт-фильтра, к фильтру автоматически добавляется маска, аналогичная по действию слой-маске. Следовательно, закрасив какую-либо область маски чёрным, Вы убираете действие фильтра в этой области:

Недостатком является то, что сколько бы Вы не добавляли фильтров, маска будет одна на все фильтры:

Но и это правило можно обойти. Применяем один фильтр к Smart Object, затем конвертируем Smart Object с фильтром в новый Smart Object, применяем к полученному Smart Object следующий фильтр и так далее. В последствии будет не столь удобно редактировать, но, зато, у Smart Object каждый фильтр будет иметь собственную маску.

Что это такое

Вам будет интересно:Единицы количества информации: бит, байт, килобайт, мегабайт, гигабайт, терабайт

Смарт-объекты – это отдельные элементы, помещаемые пользователем в файл Photoshop. Это могут быть фотографии, отдельные элементы, вырезанные из другого изображения, векторная графика, JPEG, PNG и другие файлы или даже текст.

Что значит смарт-объект в «Фотошопе», и в чем его назначение? Для начинающих и профессионалов использование смарт-объектов является идеальным вариантом приблизиться к редактированию и созданию изображений в Photoshop. Преобразовав слой в смарт-объект, можно вносить такие изменения в этот слой, как масштабирование, изменение и применение фильтров, не затрагивая исходное изображение.

Вам будет интересно:Грамотная разметка диска для Linux

Как создать смарт-объекты в фотошопе

Смарт-объекты очень просто создать. Существует несколько способов как это можно сделать.

1 Способ

Нажмите правой кнопкой мыши по слою, содержащему нужную картинку. Появится меню, в котором выберите команду Преобразовать в смарт-объект .

2 Способ

Можно открыть любую картинку как смарт-объект через меню Файл — Открыть как смарт-объект…

3 Способ

В случаях, когда нужно к уже открытому изображению добавить еще одно, можно воспользоваться командой меню Файл — Поместить . Откроется окно, в котором укажите путь до картинки. Эта картинка добавится как смарт-объект, причем фотошоп сразу предложит отредактировать ее размер, наклон и местоположение.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Финальный результат

Смарт-объекты — одна из самых мощных функций Photoshop. В этом уроке вы подготовите макет из нескольких компьютерных экранов, а затем добавите к ним слои смарт-объектов. После того, как все будет настроено, вы сможете изменить картинки на всех экранах, обновив только исходный слой. Каждый смарт-объект может состоять из множества слоев. Благодаря этому можно просто и быстро изменить вашу презентацию.

Преимущества «Умных Объектов»

Есть несколько преимуществ от использования смарт-объектов, а самые основные следующие три:

  • Простота обновления содержимого

Если вы трансформируете Смарт-Обьект, например, и применяете преобразование, оригинал преобразования будет по-прежнему доступен, если вам нужно настроить трансформацию позже. При замене содержимого смарт-объекта все операции масштабирования, деформации и эффекты, примененные к первому смарт-объекту, сохраняются.

Если вы дублируете Смарт-объекты обычным способом в документе Photoshop, то связка будет затрагивать исходный файл. Это означает, что вы можете дублировать смарт-объект несколько раз, и вы сможете обновить позже их все вместе, просто изменив один исходный файл. Это называется «Связанные Смарт-объекты». Они особенно удобны, когда исходники нужно повторно использовать в других проектах.

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

  • Редактирование изображения без потери исходных данных или качества.

Работа с растровыми изображениями в Фотошоп довольно сложная, поскольку даже самые простые манипуляции, такие как использование инструмента «Свободное Трансформирование

», могут привести к потере качества исходника. Когда же вы «переключаете» растровый слой в Smart Object, Фотошоп сохраняет встроенный или связанный файл, в котором он хранит информацию, необходимую для исходного изображения. Таким образом, будет сохранено первоначальное качество изображения, которое не будет зависеть от того, сколько раз вы применяли трансформации к слою. Это похоже на работу с векторами, но с той разницей, что масштабирование Смарт-объектов больше за их оригинальный размер, по-прежнему будет приводить к некоторой пикселизации и потере качества. Но если вы будете работать в пределах оригинального размера – потеря качества вам не грозит!

  • Умные фильтры

Использование Smart Filters (Умных фильтров) в смарт-объектах гораздо лучше обычных, «разрушающих», Фильтров. Эти редактируемые эффекты могут суммироваться и регулироваться индивидуально. При применении фильтра к смарт-объекту, смарт-фильтр (с маской) будет встроен. Фильтры сами по себе могут быть изменены и отредактированы.

Создание смарт-объектов

Смарт-объект можно создать из слоя несколькими способами: например, из панели слоев правой кнопкой мыши на слое и выбрав “Convert to Smart Object

” («Преобразовать в Смарт-объект»), или через меню Слой — Смарт-объекты — Преобразовать в Смарт-объект, или при импорте файла выбрав команду «Открыть как смарт-объект». Индикатором того, что данный слой является Смарт-объектом, выступает небольшой прямоугольник в правом нижнем углу на иконке слоя.

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

Текстовые слои можно масштабировать, искажать и поворачивать без их растеризации, и лучшим способом для этого будет превращение их в смарт-объекты. Это позволит манипулировать их и не потерять доступ к редактируемому тексту внутри источника Смарт-объекта.

Небольшой пример: Создаем макет-презентацию респонсивного дизайна

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

Для этой цели мы решили использовать скриншоты макета сайта и задействовав Смарт-объекты в Фотошопе. Также нам понадобится мок-ап (муляж, заготовка) с изображением этих самых девайсов (мы решили использовать Mock-Up ноутбука). Изучите статью , чтобы самостоятельно найти себе мок-ап.

  1. Откройте макет устройства и с помощью удобных вам инструментов (например, Прямоугольное выделение – горячая клавиша M) выделите его экран и скопируйте его на новый слой. Поскольку наш экран не совсем прямоугольный, мы воспользовались инструментом Перо (P). Позже мы будем использовать слой с экраном в качестве маски для Смарт-объекта.
  1. Откройте скриншот сайта. Перетащите скриншот в макет PSD. Поместите его над слоем с экраном. Нажмите на слое правой кнопкой и выберите пункт «Преобразовать в Смарт-объект». Важно: Не изменяйте размер слоя до его преобразования в Smart Object.
  2. Теперь вы можете изменить размер скриншота так, чтобы он соответствовал ширине экрана рабочего стола. Используйте инструмент «Свободное трансформирование» — Ctrl+T. Или, если экран девайса находится не под прямым углом, инструмент Наклон (Редактирование – Трансформация – Наклон
    ).
  3. Теперь обрежем скриншот так, чтобы он полностью соответствовал размеру экрана. Для этого мы воспользуемся слоем с экраном в качестве маски. Зажмите клавишу Alt и наведите курсор мышки между слоями Экран и Скриншот. Когда появится стрелочка с квадратом, кликните левой кнопкой – так вы создадите обтравочную маску и все, что выходит за размеры слоя Экран, будет скрыто. Обтравочную маску вы можете также создать Alt+Ctrl+G
    .

Вот и все! Если в вашем макете-презентации несколько устройств, использование Смарт-объектов позволит сохранить качество исходного скриншота и трансформировать его неограниченное количество раз.

Смарт-объекты являются невероятно мощным инструментом в Фотошопе. Они могут быть использованы для ускорения рабочего процесса, сохранения исходного качества изображений, а также уменьшения размера итогового файла.

Надеемся, что данный урок был вам полезен и вы узнали что-то новое для себя.

С недавним введением связанных Smart Objects (SO) в Photoshop (PS) стали намного мощнее, полезнее. Мы поделимся с вами 10 вещами, о которых вы должны знать, работая с SO в PS. Начнем!

1. Создание Smart Objects (SO)

. Они могут создаваться несколькими путями, как правило, тип SO зависит в значительно степени от того, как и где вы их разрабатываете. К примеру, вы можете создать связанные Linked Smart Objects или Embedded Smart Objects (встроенные). Это можно сделать с помощью панели слоев, или с помощью простого перетаскивания элементов на холсте.

2. Сохранение растровых изображений.

Сохранение качества слоев – очень важное свойство SO. Работа со слоями пиксельных изображений очень сложная и требует осторожности. Даже простые вещи как вращающийся слой с Free Transform Tool может привести к потере качества. Когда вы включаете пиксельный слой в SO, PS сохраняет встроенный или связанный файл, где хранится информация, необходимая для исходного изображения. Поэтому он не может сохранить первоначальное качество изображения независимо от того, сколько раз вы измените размер слоя смарт-объекта. Это похоже на работу с векторами, но разница в том, что масштабирование SO больше, чем их оригинальный размер. Это все равно приведет к потере качества и пикселизации.

3. Сохраненные Free Transform Settings

(Свободно трансформируемые настройки). Если вы искажаете SO, применяя трансформацию, оригинальное приобразование будет доступно, если вам потребуется настроить его позже.

4. Общий источник.

Если вы копируете SO обычным путем в документе PS, те же встроенные первоначальные файлы будут использоваться в обеих случаях. Это значит, что вы можете делать копии SO несколько раз и обновлять все одной лишь заменой их первоначального файла.

5. Smart Objects Via Copy.

Если вам нужно дублировать Smart Objects, и вы хотите убедиться, что два примера не связаны и исходным файлом, вы должны использовать функцию Smart Objects Via Copy, с помощью которого можно отделить дубликат слоя от первоначального SO. Единственный недостаток в этом – увеличение размера файла.

6. Замена контента.

Замена содержимого в SO очень проста. Все, что вы должны сделать – щелкнуть на кнопку слоя и отредактировать исходник. Здесь очень пригодится инструмент Free Transform для искажения и вращения SO.

7. Связанные Smart Object.

Эта функция PS позволила использовать внешние исходные исходные файлы для смарт-объектов. У этого есть преимущества, и одно из можно использовать изображения или векторный файл в нескольких документах PS как связанных SO. Если вы измените исходный объект позже, он будет автоматически обновляться во всех ваших PSD-файлах. Еще одно большое достоинство – это то, что связанные SO не будут увеличивать размер файлов.

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

Текстовые слои можно масштабировать, вращать, искажать без их растризации, но они не могут быть искажены без разрушения по умолчанию. Лучший метод сохранить слои для редактирования – преобразовать их в SO. Это поможет с умом их искажать, предоставляя доступ к редактируемому тексту внутри источника SO. Та же техника может использоваться для Illustrator Smart Objects.

9.

Использование
фильтров (Smart Filter).
Другим преимуществом для SO является то, что они преобразовывают фильтры в не изменяющихся Smart Filter. Эти редактируемые эффекты могут суммироваться и контролироваться каждый отдельно. Но существуют такие фильтры, которые не могут быть использованы в качестве Smart Filters. Один из них – Vanishing Point.

10. Smart Filter Mask.

В начале использование смарт-фильтров вы заметите дополнительный белый прямоугольник ниже миниатюры слоя в палитре слоев – это и есть Smart Filter Mask. Его используют для маскировки эффектов фильтров, применяемых для конкретного слоя.

Итак, SO – мощные инструменты Photoshop. Они используются не только для ускорения работы, но и для сохранения качества снимков, а также помогут уменьшить размер файла. Надеемся, что данные советы сделают вашу работу продуктивнее.

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

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

Этот инструмент относится к палитре слоев и представляет из себя особый вид слоя. Вспомните-ка, что отображается в этой палитре? — Главным образом, изображения, которые мы редактируем. Смарт-объекты — это те же изображения, но они обладают важными и полезными особенностями.

Смарт-объекты

— это контейнеры, которые копят в себе всю информацию по их редактированию. Они бесконечно долго надуваются от этого потока данных в отличии от простых слоев-изображений.

Что это дает? Если обычное изображение, например, при изменении размера в сторону уменьшения безвозвратно теряет свои пиксели (их недостаток отчетливо виден, если мы вдруг решим вернуть такое изображение в исходный размер), то смарт-объекты ничего не теряют. Они отображает те пиксели, что нужны для корректного отображения уменьшения, но если мы увеличим в исходное, то недостающие пиксели будут восстановлены из такого контейнера. А это значит изображение будет вновь четким без единого искажения.

Таким образом, эти контейнеры хранят в себе все изменения и готовы в любой момент вернуть все в прежнее состояние без потери качества. Это очень нужно, когда пользователь, например, занимается . В такой работе требуется использовать много исходных изображений, которые то и дело нужно менять в размерах и применять разные эффекты и фильтры.

Здесь сразу виден очевидный минус — такие контейнеры будут расти в своем весе, что влияет на итоговый размер файла.

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

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

Конечно же вас интересует, как же попасть внутрь контейнера и посмотреть на исходную графику. Сделайте двойной клик по иконке смарт слоя. После этого откроется дополнительное окно — документ внутри документа. Это и есть наш нетронутый исходник.

При желании вы можете создать внутри новые слои. Например я открыл другое изображение с цветком, и поместил цветок на одежду девушки. Теперь внутри контейнера у вас 2 слоя. Чтобы сохранить изменения, просто закройте это окно, и в окошке, с запросом о сохранении нажмите Сохранить.

После этого к новым слоям внутри смарт объекта, применяется все внешнее трансформирование и все внешние фильтры.

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

Если вам понравилась эта статья, подписывайтесь на нашу ленту в RSS.

Автор:

Smart Object в Photoshop – поможет и верстальщикам, и дизайнерам

  1. Как уменьшить количество слоев для визуально одного объекта (кнопочки, например), сохранив возможность его редактирования?
  2. Как уменьшить количество слоев, объединив в один слой header, footer на макетах внутренних страниц, при этом снова-таки оставив возможность их изменения?
  3. Как облегчить верстальщику вырезание линий из одно- двух пиксельных линий, составляющих единую линию, теней, а так же кнопочек, иконок?
  4. Как быстро вносить изменения на все однотипные элементы на странице?
  5. Как уменьшать растровую картинку без потери качества и сохраняя правильные пропорции эффектов (тень в 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 несколько увеличивает вес файла, но вам решать стоит ли оно того. Для себя я сделала вывод – стоит!

Живые фильтры

Поиграв с расположением мне захочется применить несколько фильтров. Сделать это просто, ведь смарт объект поддерживает живые фильтры, которые прикрепляются к нему как Стили слоя. Работают они так же. Каждый фильтр можно в любой момент удалить, скрыть и видоизменить.

Например я применю фильтр Filter > Texture > Patchwork. Вы увидите Живой фильтр на панели слоев под смарт слоем и маску фильтров, которая появляется по умолчанию.

Чтобы скрыть часть эффекта от живых фильтров, я нанесу на маску несколько мазков темной кистью с мягкими краями.

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

Выводы

Подобные макеты — отличный способ презентации различных дизайнов. Благодаря тому, что смарт-слои являются копиями оригинала, все три экрана обновляются сразу. А с возможностью хранить несколько скриншотов в одном слое можно организовать все в одном аккуратном PSD файле.

В данном уроке мы изучим Смарт Обьекты и рассмотрим некоторые из удивительных преимуществ использования смарт-объектов в программе Photoshop.

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

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

Режим Smart Object Stack

Режим стека смарт-объекта в «Фотошопе» – хороший способ уменьшить шум и удалить ненужные объекты из изображения. Этот режим можно использовать, например, при наличии фотографии художественной галереи, заполненной людьми, когда пользователь хочет, чтобы она отображалась в виде пустого помещения. Или фотографии человека на улице с проезжающими мимо машинами, но необходимо, чтобы улица была пустой.

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

Что такое смарт-объект, как и зачем его редактировать

Что такое смарт-объект?

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

Какие обратимые операции можно делать с помощью смарт-объектов:

Трансформации. Можно масштабировать, поворачивать, наклонять, деформировать слой, применять к нему перспективное преобразование или произвольную деформацию без потери исходных данных изображения или качества.

Применение фильтров. В любое время можно изменить параметры фильтров, примененных к смарт-объектам.

Работа с векторными данными, такими как векторные изображения из Illustrator, которые иначе пришлось бы растрировать.

Сферы применения смарт-объектов

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

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

Этот эффект дополняется использованием обтравочной маски

Что такое обтравочная маска и как ее использовать

Mockup. Визуализация объектов. При разработке фирменного стиля, сайтов, наружной рекламы, печатной продукции часто требуется показать визуализацию дизайна. Создается, по сути, коллаж, в который встраивается смарт-объект с нужной трансформацией, масштабом, фильтрами. Содержимое можно с легкостью заменить, и показать заказчику несколько вариантов привлекательной визуализации, не предоставляя исходник.

  

Макеты. При разработке дизайн-макета часто требуется повторять какой-то элемент, например, иконку.  Что если в процессе работы вы решили изменить ее цвет? При работе с обычными слоями вам пришлось бы редактировать все копии. Работа со смарт-объектами решает и эту проблему.

Создание смарт-объектов. Как преобразовать слой в смарт-объект

Встроенные смарт-объекты можно создавать различными способами:

  • Открыть любое изображение с помощью команды «Открыть как смарт-объект»,
  • Преобразовать выделенный слой в смарт-объект, выберите «Слой» > «Смарт-объекты» > «Преобразовать в смарт-объект».
  • Нажмите ПКМ на слой  > «Преобразовать в смарт-объект»
Преобразовать слой в смарт-объект

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

Если нужно внести изменения в содержимое смарт-объекта исходный файл открывается либо в Photoshop (если содержимое — растровые данные), либо в программе, которая редактирует данный формат (например, Adobe Illustrator). При сохранении изменений в исходном содержимом они отражаются на всех связанных экземплярах смарт-объекта в документе Photoshop.

Выберите смарт-объект на панели «Слои».

В меню «Слой» выберите команду «Смарт-объекты» > «Редактировать содержимое».

  • Дважды щелкните миниатюру смарт-объекта на панели «Слои». Или  нажмите ПКМ на слой, затем кнопку «Редактировать содержимое».
  • Нажмите «ОК», чтобы закрыть диалоговое окно.
  • Внесите изменения в исходное содержимое файла, затем сохраните его.

Photoshop обновит смарт-объект, чтобы отразить внесенные изменения. (Если изменения не видны, нужно активировать окно документа, содержащего смарт-объект.)

 Создание дубликата встроенного смарт-объекта

На панели «Слои» выберите слой смарт-объекта и выполните одно из следующих действий.

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

Независимая копия. Чтобы создать дубликат смарт-объекта, который будет не связан с оригиналом, в меню «Слой» (ПКМ) выберите команду «Новый смарт-объект через копирование». Изменения, вносимые в оригинал, не отразятся на копии.

Новый смарт-объект появится на панели «Слои» с тем же именем, как у оригинала, и дополнением «копия».

Замена содержимого смарт-объекта

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

  • Выберите смарт-объект, затем в меню «Слой» (ПКМ)  выберите пункт «Заменить содержимое».
  • Найдите файл, который необходимо использовать, и нажмите кнопку «Поместить».
  • Нажмите кнопку «ОК».
  • Новое содержимое будет помещено в смарт-объект.

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

Выберите смарт-объект, затем выберите Слой > Смарт-объекты > Растрировать. После растрирования смарт-объекта трансформации, деформации и фильтры, примененные к нему, изменять нельзя.

Смарт объект в Фотошопе | verovski

Этой статьей я хочу начать цикл уроков, посвященный смарт слоям. Или, как правильнее их называть — смарт объектам. Смарт объекты в Фотошопе — удивительнейший и мощный инструмент, который даст вам немыслимые преимущества в работе с графикой. О том, что такое смарт слой, как его использовать, что с его помощью можно сделать и пойдет речь в новом цикле моих уроков.

Перед тем как начать писать эту статью, я, конечно, зашел в Яндекс и поискал статьи на тему Смарт слоев. К моему удивлению найти мне удалось не много. А то что я нашел, написано настолько сложным и косным языком, что даже я, активный пользователь Смарт объектов, не понял о чем речь. Диву порой даешься, как заумно и косно многие авторы стараются описать элементарные вещи. Фотошоп — это не ядерная физика.

Выражение Smart Layer — дословно можно перевести как Умный слой. Если подумать, то этот слой действительно умный, и может в 100 раз больше слоя обычного. Однако не будем забегать вперед, начнем разбираться с этим умным слоем по порядку.

Зачем нужен смарт объект?

У смарт объекта с десяток и больше применений. Это и вектор, и растр и даже RAW объекты. Понять идею Смарт объекта очень просто. Представьте себе самый обыкновенный слой в Фотошопе. Например я открою фотографию, и разблокирую слой заднего фона двойным кликом.

Что можно делать с таким растровым слоем? Да что угодно. Например подрисовать кистью усы, или применить цветокоррекцию Image > Adjustiment > Gradient Map

Однако работая с этим слоем мы сталкиваемся со следующей проблемой. В слой внесены необратимые изменения. Пока фотошоп открыт, мы всегда можем открутить назад Историю (панель History), но после выключения ничего не попишешь. Как же решить эту проблему? Очень просто, для этого в Фотошопе и придуманы слои. Пририсовать усы можно на новом пустом слое. А применить цветокоррекцию можно с помощью слоя цветокоррекции Layer > New Adjustiments Layer > Gradient Map.

Однако работая с графикой чаще чем 2 часа в день, начинаешь понимать что этого явно не достаточно. И некоторые изменения действительно необратимы. Как быть в случае применения Фильтров? Применять их нужно напрямую к слою. «Слоев фильтров», по типу Слоев цветокоррекции не существует (хотя было бы не плохо).

В другой ситуации вам может захотеться трансформировать слой. Например изменить его форму, искривить, изогнуть, повернуть. Трансформирование — операция необратимая. Применять её нужно к слою. Как же в этих ситуациях сохранить исходную графику?

Известно как. Самый верный способ — продублировать слой, и сохранить его копию, отключив видимость, на случай если вдруг потребуется.

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

С другой стороны, если постоянно дублировать слои «на всякий случай», в крупном проекте вы в конец перегрузите вашу панель слоев запасными слоями. Не говоря уже об увеличении размера PSD фаила. Порой мои полиграфические макеты достигали в размере до 1 GB от обилия слоев.

В решении подобных проблем вам поможет смарт объект. На самом деле он поможет вам в куда большем количестве ситуаций. Однако до них мы ещё доберемся. А пока начнем с простого.

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

Понять как устроен смарт объект очень просто. Вернемся к нашей фотографии. В обычном виде она представляет из себя самый обыкновенный слой. И что с ним можно сделать, всем прекрасно известно. Теперь я конвертирую этот слой в Смарт объект Layer > Smart Layer > Convent to Smart Object. Второй способ превратить обычный слой в смарт объект — кликнуть правой кнопкой мышки по слою на панели слоев и выбрать из выпадающего меню Convent to Smart Object

На первый взгляд ничего не изменилось. Но у иконки слоя появился небольшой замочек. Если кликнуть по слою кистью, мы обнаружим диалоговое окно, в котором нам скажут, что данный слой представляет из себя Смарт Объект. Кисть к нему применить можно только если слой растеризировать. То есть превратить в слой обычный. Ничего не понятно.

Представьте смарт слой, как защитную рамку, в которую мы вставляем нашу фотографию. До этого фотография была сама по себе, А теперь находится в рамке. С внешней стороны мы можем сколько угодно ронять рамку на пол, царапать, оставлять на ней надписи. С Фотографией внутри ничего не случится. А наши изменения коснутся только рамки. Смарт объект и есть эта рамка. А точнее, смарт слой — это контейнер, в который помещается исходной файл.

Теперь я применю маску, чтобы скрыть часть ненужного изображения и продолжу работы с смарт объектом. Кстати, полезный совет. Если вы планируете далее свой смарт объект обильно уменьшать/увеличивать, то маску лучше применить к обычному слою, а уже потом заключить её вместе с слоем внутрь смарт объекта. От обильной трансформации кромки маски размываются и она теряет в качестве.

Если вы не умеете пользоваться маской, читайте цикл статей Все о масках в Фотошопе, а так же Refine Edge — как вырезать волосы.

Трансформирование смарт объекта

После этого, я хочу немного трансформировать объект. Например немного развернуть или сильно уменьшить.  Вы можете применить любое трансформирование, повернуть, уменьшить, исказить. Все трансформирование применяется только к внешнем контейнеру Смарт объекта. А оригинальное изображение остается в целости и сохранности внутри. Подробно о трансформировании смарт объектов мы поговорим в следующих статьях.

Разместив объект как вам нравится, вы всегда можете его увеличить назад, или развернуть иначе. Например, в случае уменьшения обычного слоя, вы просто потеряете пиксели. Но если уменьшить смарт слой, пиксели никуда не денутся. Исходное изображение в целости и сохранности находится внутри Смарт объекта, а уменьшение исключительно визуальное.

Если с обычным слоем развороты, повороты каждый раз искажают пиксели и ухудшают качество, то в случае со смарт слоем, трансформирование применяется к внешнему Объекту. Объект в свою очередь постоянно обращается к исходному фаилу (который лежит внутри) и на его основе создает визуальный образ нового трансформирования. Таким образом, вы постоянно трансформируете объект как будто в первый раз. И постепенное деформирование качества не накапливается.

Живые фильтры

Поиграв с расположением мне захочется применить несколько фильтров. Сделать это просто, ведь смарт объект поддерживает живые фильтры, которые прикрепляются к нему как Стили слоя. Работают они так же. Каждый фильтр можно в любой момент удалить, скрыть и видоизменить.

Например я применю фильтр Filter > Texture > Patchwork. Вы увидите Живой фильтр на панели слоев под смарт слоем и маску фильтров, которая появляется по умолчанию.

Чтобы скрыть часть эффекта от живых фильтров, я нанесу на маску несколько мазков темной кистью с мягкими краями.

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

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

Конечно же вас интересует, как же попасть внутрь контейнера и посмотреть на исходную графику. Сделайте двойной клик по иконке смарт слоя. После этого откроется дополнительное окно — документ внутри документа. Это и есть наш нетронутый исходник.

При желании вы можете создать внутри новые слои. Например я открыл другое изображение с цветком, и поместил цветок на одежду девушки. Теперь внутри контейнера у вас 2 слоя. Чтобы сохранить изменения, просто закройте это окно, и в окошке, с запросом о сохранении нажмите Сохранить.

После этого к новым слоям внутри смарт объекта, применяется все внешнее трансформирование и все внешние фильтры.

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

Если вам понравилась эта статья, подписывайтесь на нашу ленту в RSS.

 

Автор:

Дмитрий Веровски

Как добавить один смарт-объект в несколько файлов в фотошопе?

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

Я спрашиваю, потому что я разрабатываю приложение для iPhone, и оно использует одни и те же модули снова и снова на разных экранах. Есть десятки экранов, и каждый раз, когда мне нужно изменить кнопку или текстовое поле в модуле, мне нужно фиксировать его по одному в каждом файле. Отстой!

Это похоже на случай с Adobe Fireworks и его функциями Master Pages и States. Фактически, ваша проблема звучит так же, как и пункт 1 этого парня в списке из 10 пунктов о том, почему он предпочитает Fireworks для Photoshop для аналогичных задач (в его случае это не просто приложения, а веб-страницы, но проблемы схожие). Он говорит:

При работе над многостраничным макетом для дизайна сайта, преимущества того, что все ваши ресурсы содержатся в одном файле, огромны. Хотя наличие 5 разных PSD-файлов может быть работоспособным изначально, после того, как требуются правки и изменения, например, изменение текста в непротиворечивом верхнем или нижнем колонтитуле, вещи могут вскоре стать грязными и отнимающими много времени, так как изменения должны быть внесены во все файлы.

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

Он также имеет функцию « Состояния », которая хранит различия с другими государствами. Вы можете использовать для хранения и отображения различий в одном представлении приложения — например, выделенные и невыделенные кнопки.

Никому не нравится ответ «Попробуйте другое приложение», но если вы не пробовали Fireworks для создания закладок для интерактивных представлений, стоит серьезно попробовать. У этого есть множество преимуществ помимо этой проблемы.

Что такое смарт-объект в фотошопе? — Вокруг-Дом

Смарт-объекты — это просто слои, как и любой другой слой Adobe Photoshop CC, за исключением того, что они содержат растровые и векторные изображения. Кроме того, они всегда сохраняют исходные данные, используемые для их представления, независимо от того, как вы их изменили. Например, если вы уменьшите фотографию высокой четкости, встроенную как смарт-объект, до размера миниатюры, вы сможете увеличить ее позже, не теряя исходного качества.

Смарт-объекты могут быть встроены в файл Photoshop или связаны с внешним файлом. Связанные смарт-объекты имеют все преимущества встроенных, а также несколько дополнительных преимуществ.

преимущества

До того, как смарт-объекты были представлены в Photoshop, изменение объекта изменило бы данные, используемые для визуализации этого объекта, и часто приводило к ухудшению его качества. Чтобы внести изменения в векторные объекты — такие как текстовые слои и проекты Adobe Illustrator — сначала нужно было растеризовать вектор, преобразовав его в слой на основе пикселей.

Смарт-объекты, доступные в Photoshop CC, устраняют эти проблемы. При манипулировании смарт-объектами исходные данные и качество изображения не теряются, и их не нужно растеризовывать, чтобы применить к ним большинство эффектов.

кредит: скриншот любезно предоставлен Adobe.

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

Внедренные смарт-объекты работают как любой другой объект в файле Photoshop, занимая свой собственный слой на холсте. Встроенные смарт-объекты часто называют просто смарт-объектами.

Преимущества и ограничения смарт-объектов

Смарт-объекты сохраняют исходные данные в неизменном виде, поэтому качество не ухудшается при масштабировании, повороте, деформации, применении фильтров или масок слоев или иным образом преобразовании объекта.

Векторные объекты, такие как импортированные из Illustrator, могут быть изменены без растеризации.

Рисование, прожиг или клонирование, или любая другая операция, которая изменяет данные пикселей, не могут быть применены к смарт-объекту. Если вам необходимо выполнить такую ​​операцию, вы всегда можете сделать дубликат слоя Smart Object и растеризовать его.

Использование встроенных смарт-объектов

Фотошоп предлагает вам несколько способов создания смарт-объектов в проекте.

  • Выбрать Открыть как смарт-объект от файл меню.
  • Выбрать Поместить встроенный от файл меню.
  • Выбрать Место от файл меню.
  • Перетащите файл на холст Photoshop из проводника.
  • Скопируйте и вставьте данные из Illustrator непосредственно в проект Photoshop.
  • Выбрать Smart Object от Слой меню и выберите Преобразовать в смарт-объект.

Когда вы вставляете объект в проект, над ним будут две пересекающиеся линии. Чтобы изменить размер объекта, перетащите любой угол, пока пересекающиеся линии все еще там. Удерживая сдвиг Клавиша блокирует пропорции во время перетаскивания. Когда вы нажимаете Войти чтобы разместить объект, на слое на панели «Слои» появляется значок «Вставить».

кредит: скриншот любезно предоставлен Adobe.

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

Связанные смарт-объекты реагируют так же, как встроенные смарт-объекты, пока вы над ними работаете. Разница в том, что изображение, которое вы видите на холсте, импортируется из внешнего файла.

Преимущества связанных смарт-объектов

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

Использование связанных смарт-объектов

Чтобы создать связанный смарт-объект, выберите Место Связано от файл меню. Когда вы выбираете файл, новый слой помечается значком ссылки.

Щелкните правой кнопкой мыши слой связанного смарт-объекта на панели «Слои» или щелкните Смарт Объекты Опция под меню Слои позволяет выбрать:

  • Обновите измененное содержимое, чтобы заменить связанный смарт-объект новым исходным файлом.
  • Разрешить неработающую ссылку, чтобы указать новый путь к файлу при перемещении исходного файла.
  • Встроить связанный для преобразования связанного смарт-объекта во встроенный смарт-объект.

кредит: скриншот любезно предоставлен Adobe.

Как создавать смарт-объекты в Photoshop

Автор Стив Паттерсон.

В этом уроке я покажу вам, как создавать смарт-объекты в Photoshop! Вы узнаете, как открыть новое изображение в Photoshop как смарт-объект, как преобразовать существующий слой в смарт-объект и как поместить изображение как смарт-объект в ваш документ Photoshop. Мы также рассмотрим, как открывать необработанные файлы как смарт-объекты как из плагина Photoshop Camera Raw, так и из Adobe Lightroom.И мы даже узнаем, как помещать файлы Adobe Illustrator прямо в Photoshop как смарт-объекты!

Что такое смарт-объекты?

Смарт-объект — это контейнер, в котором хранится содержимое слоя. Контейнер защищает содержимое внутри от повреждений. Мы можем масштабировать и изменять размер контейнера, применять преобразования, деформации и искажения и даже применять фильтры Photoshop к смарт-объекту без потери качества и без внесения единственного постоянного изменения в слой внутри него.

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

В этом первом уроке мы узнаем, как создавать смарт-объекты в Photoshop. Я буду использовать Photoshop CC, но вы также можете использовать Photoshop CS6.Давайте начнем!

Как преобразовать слой в смарт-объект

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

Исходное изображение. Фото: Adobe Stock.

В панели Layers мы видим изображение на фоновом слое:

Панель «Слои», показывающая изображение на фоновом слое.

Метод 1: Меню «Слой»

Есть несколько способов преобразовать слой в смарт-объект.Один из способов — перейти к меню Layer в строке меню, выбрать Smart Objects и выбрать Convert to Smart Object :

Переход к слою> Смарт-объекты> Преобразовать в смарт-объект.

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

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

Метод 2. Меню панели «Слои»

Другой способ преобразовать слой в смарт-объект — из меню панели «Слои». Щелкните значок меню в правом верхнем углу панели «Слои»:

Щелкнув значок меню.

Затем выберите Преобразовать в смарт-объект из списка:

Выбор «Преобразовать в смарт-объект» в меню панели «Слои».

Метод 3: Из самого слоя

Третий способ — щелкнуть правой кнопкой мыши (Win) / Control-щелкнуть (Mac) прямо на слое на панели «Слои»:

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

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

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

Метод 4: с активным инструментом выбора

И, наконец, если на панели инструментов активен какой-либо из инструментов выделения Photoshop (инструменты выделения, инструменты лассо или инструмент быстрого выделения):

Убедитесь, что у вас активен инструмент выбора.

Вы можете щелкнуть правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control (Mac) прямо на изображении в документе, и выбрать в меню «Преобразовать в смарт-объект ». Единственный инструмент выделения, в котором команда «Преобразовать в смарт-объект» недоступна, — это инструмент «Волшебная палочка»:

.

Щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), и выберите «Преобразовать в смарт-объект».

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

Итак, мы узнали, как преобразовать существующий слой в смарт-объект.Но мы также можем открыть новое изображение как смарт-объект в Photoshop. Подойдите к меню File в строке меню и выберите Open as Smart Object :

Переход к файлу> Открыть как смарт-объект

Перейдите к изображению на вашем компьютере, которое вы хотите открыть. Щелкните по нему, чтобы выбрать его, а затем щелкните Открыть :

Выбор фотографии для открытия как смарт-объекта.

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

Открытие изображения создает новый документ Photoshop.Фото: Adobe Stock.

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

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

Как открывать необработанные файлы как смарт-объекты

Наряду с открытием стандартных файлов изображений, таких как JPEG, мы также можем открывать необработанные файлы в Photoshop как смарт-объекты.Преимущество открытия необработанного файла как смарт-объекта заключается в том, что копия самого необработанного файла будет встроена в файл Photoshop, что позволит нам повторно открыть его в Camera Raw, отредактировать столько, сколько нам нужно, и мгновенно получить наши изменения. отражено в документе. Чтобы открыть необработанный файл как смарт-объект, перейдите в меню File в строке меню и выберите Open :

Переход к файлу> Открыть.

Перейдите к необработанному файлу на вашем компьютере. Щелкните файл, чтобы выбрать его, а затем щелкните Открыть .Я открою свой файл «flower.dng»:

Выбор необработанного файла.

Это открывает изображение в плагине Photoshop Camera Raw :

Необработанный файл открывается в Camera Raw.

Превращение «открытого изображения» в «открытый объект»

Если мы посмотрим в нижний правый угол, мы увидим кнопку Open Image . Но нажатие Open Image откроет файл в Photoshop как обычный слой, а не как смарт-объект, и мы потеряем все преимущества работы с необработанным файлом:

Стандартная кнопка «Открыть изображение».Не нажимайте на это.

Чтобы открыть необработанный файл как редактируемый смарт-объект, нажмите и удерживайте клавишу Shift на клавиатуре. Это превращает кнопку Open Image в кнопку Open Object :

Удерживайте Shift, чтобы превратить кнопку «Открыть изображение» в «Открыть объект».

Щелкните «Открыть объект», чтобы открыть изображение в новом документе Photoshop:

Необработанный файл открывается в Photoshop.

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

Панель «Слои», показывающая изображение как смарт-объект.

Редактирование необработанного файла, открытого как смарт-объект

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

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

Это повторно открывает изображение в Camera Raw. Внесите необходимые изменения и нажмите OK, чтобы принять их.Изменения мгновенно появятся в вашем документе Photoshop. Вы можете редактировать настройки Camera Raw сколько угодно раз без потери качества изображения:

Все возможности Camera Raw всегда доступны при открытии необработанного файла как смарт-объекта.

Открытие необработанных файлов как смарт-объектов из Lightroom

Вы также можете открыть необработанный файл как смарт-объект в Photoshop прямо из Adobe Lightroom. В Lightroom перейдите в меню Photo , выберите Edit In , а затем выберите Open as Smart Object в Photoshop .Однако обратите внимание, что после открытия изображения в Photoshop двойной щелчок по его миниатюре на панели «Слои» откроет необработанный файл в Camera Raw, а не в Lightroom. Однако параметры редактирования в Camera Raw и Lightroom абсолютно одинаковы:

В Lightroom выберите «Фото»> «Редактировать в»> «Открыть как смарт-объект» в Photoshop

.

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

Вместо того, чтобы открывать изображение в новом документе Photoshop, мы также можем поместить изображение в существующий документ в качестве смарт-объекта.В Photoshop CC перейдите в меню File и выберите Place Embedded . В Photoshop CS6 перейдите в меню File и выберите Place . Обратите внимание, что в Photoshop CC также есть опция «Поместить связь». Мы рассмотрим разницу между Place Embedded и Place Linked в отдельном руководстве:

Выберите «Файл»> «Поместить встроенный» (CC) или «Поместить» (CS6).

Перейдите к изображению, которое вы хотите поместить в документ.Щелкните по нему, чтобы выбрать его, а затем щелкните Place . Я выберу свое изображение «texture.jpeg»:

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

Изменение размера размещенного изображения

Photoshop помещает изображение текстуры в документ с цветком, который я недавно открыл. Прежде чем закрепить помещенное изображение в документ, Photoshop сначала дает нам возможность масштабировать и преобразовывать его. Я хочу совместить изображение текстуры с фотографией цветка. Но поскольку текстура и фотография имеют разное соотношение сторон, часть изображения цветка выступает по бокам:

Изображение текстуры не полностью закрывает изображение цветка под ним.

Чтобы масштабировать текстуру так, чтобы она покрывала все изображение под ней, я нажимаю и удерживаю Alt (Win) / Option (Mac) на клавиатуре, когда я нажимаю на один из боковых маркеров и перетаскиваю это наружу. Удерживая Alt (Win) / Option (Mac), Photoshop изменяет размер изображения от его центра:

Удерживая Alt (Win) / Option (Mac) и перетаскивая боковые ручки наружу.

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

Текстура и фотография под ней являются смарт-объектами.

Связанное руководство: Основные навыки Photoshop Free Transform

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

Чтобы смешать текстуру с фотографией, все, что мне нужно сделать, это изменить режим наложения изображения текстуры.Мы можем использовать режимы наложения со смарт-объектами, как и с обычными слоями. Я изменю его режим наложения с Нормального на Мягкий свет :

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

И теперь текстура прекрасно сочетается с фотографией под ней:

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

Применение Camera Raw в качестве интеллектуального фильтра (Photoshop CC)

Допустим, мне нравится сама текстура, но не нравится ее цвет.Я бы предпочел версию текстуры в оттенках серого, чтобы сохранить исходные цвета на фотографии под ней. Лучший способ преобразовать цветное изображение в оттенки серого (черно-белое) в Photoshop — использовать Camera Raw. Но поскольку мой смарт-объект текстуры содержит изображение в формате JPEG, а не необработанный файл, я не могу просто дважды щелкнуть его эскиз, чтобы открыть его в Camera Raw.

В Photoshop CC я, , могу применить Camera Raw к текстуре в качестве фильтра. И поскольку мы будем применять фильтр к смарт-объекту, он автоматически станет редактируемым смарт-фильтром! Чтобы использовать фильтр Camera Raw, я должен убедиться, что мой смарт-объект текстуры выбран на панели «Слои».Затем я перейду к меню Filter в строке меню и выберу Camera Raw Filter . Обратите внимание, что фильтр Camera Raw доступен только в Photoshop CC:

.

Идем в Фильтр> Фильтр Camera Raw.

Это открывает диалоговое окно Camera Raw Filter, которое дает нам те же функции редактирования изображений, что и основной плагин Camera Raw:

Фильтр Camera Raw.

Преобразование текстуры в оттенки серого

Чтобы преобразовать текстуру в оттенки серого, я открою панель HSL / Grayscale в правой части диалогового окна, щелкнув ее вкладку, а затем выберу параметр Convert to Grayscale :

Выбор «Преобразовать в оттенки серого».

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

Предварительный просмотр того, как выглядит версия в оттенках серого.

И вот так у меня теперь есть версия моей текстуры в градациях серого, смешанная с исходными цветами фотографии:

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

Работа со смарт-фильтрами

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

Смарт-фильтры перечислены под смарт-объектом.

Если я хочу вернуться к цветной версии моей текстуры, все, что мне нужно сделать, это отключить интеллектуальный фильтр Camera Raw.И я могу сделать это, просто щелкнув значок видимости рядом с именем фильтра:

Щелкните значок видимости, чтобы выключить фильтр Camera Raw.

При выключенном фильтре цветовая версия текстуры мгновенно восстанавливается, и я снова возвращаюсь к смешиванию самой текстуры и ее цвета с фотографией. Мы узнаем все о смарт-фильтрах в отдельном руководстве:

Отключение интеллектуального фильтра мгновенно восстанавливает исходный цвет текстуры.

Как вставить файлы Adobe Illustrator как смарт-объекты

Наконец, давайте узнаем, как вставить файл Adobe Illustrator в документ Photoshop как смарт-объект. Это не только сохранит исходные векторные формы нетронутыми, но также позволит нам повторно открыть файл обратно в Illustrator, если нам нужно внести изменения, а затем эти изменения мгновенно обновятся в Photoshop.

Шаг 1. Откройте иллюстрацию в Illustrator

Я перейду в Illustrator, где открыл векторную иллюстрацию колибри.Я скачал этот файл из Adobe Stock:

Векторные иллюстрации, открытые в Illustrator. Предоставлено: Adobe Stock.

Шаг 2: Выберите и скопируйте иллюстрацию

Чтобы переместить иллюстрацию из Illustrator в Photoshop, перейдите в меню Select (в Illustrator) и выберите All :

В Illustrator выберите «Выделение»> «Все».

Выделив иллюстрацию, перейдите в меню Edit и выберите Copy .Это копирует иллюстрацию в буфер обмена:

Идем в Edit> Copy.

Шаг 3. Перейдите на Photoshop

Переключитесь на свой документ в Photoshop. Я открыл это изображение цветов, в которое собираюсь вставить колибри:

Документ Photoshop, в котором находится файл Illustrator. Фото: Adobe Stock.

Шаг 4. Вставьте иллюстрацию Illustrator как смарт-объект

Чтобы вставить иллюстрацию из Illustrator в документ Photoshop, перейдите в меню Edit (в Photoshop) и выберите Paste :

В Photoshop выберите Edit> Paste.

Photoshop спросит, как вы хотите вставить иллюстрацию. Выберите Смарт-объект из списка:

В Photoshop выберите Edit> Paste.

Масштабирование и позиционирование изображения

Как мы видели ранее, помещая файл JPEG в документ, Photoshop сначала дает вам возможность масштабировать иллюстрацию с помощью маркеров Free Transform. Вы также можете перетащить внутри поля «Свободное преобразование», чтобы переместить иллюстрацию на место. В моем случае я просто перетащу колибри немного выше в небо над цветами:

При необходимости отмасштабируйте и разместите иллюстрацию.

Когда вы будете готовы, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы поместить векторную графику в ваш документ:

Векторный рисунок был помещен в документ Photoshop.

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

Графический объект Illustrator отображается в векторном смарт-объекте.

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

Создание и использование смарт-объектов

Пока мы говорим об организации и группировке слоев, новинкой в ​​Photoshop CS2 являются смарт-объекты. Смарт-объекты — это контент из ваших изображений в виде одного или нескольких слоев, которые вы можете редактировать извне по отношению к изображению, в котором они изначально находились. Вы можете редактировать смарт-объект в Photoshop, но в отдельном окне изображения, или редактировать его в векторной программе, такой как Adobe Illustrator. Если вы редактируете смарт-объект за пределами исходного изображения, когда вы возвращаете объект к изображению, его изменения возвращаются вместе с ним; и в случае объекта, редактируемого в векторной программе, блудный объект растрируется после его возврата в изображение Photoshop.

Зачем превращать ваши слои в смарт-объект? Если вы хотите отредактировать контент за пределами Photoshop, а затем без проблем вернуть его позже, смарт-объекты — это то, что вам нужно. Конечно, вы можете просто скопировать слои в новое изображение, сохранить изображение в векторном формате (например, EPS), а затем открыть новое изображение в Illustrator, отредактировать его там, а затем вернуть обратно в Photoshop, откройте его, скопируйте его содержимое, а затем вставьте его обратно в исходное изображение Photoshop, но это будет много работы и много шагов, тратя время зря и создавая потенциальные проблемы, такие как те, которые могут возникнуть, если вы пропустил шаг или сохранил файл в неправильном формате при выходе из Photoshop.

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

Создание нового смарт-объекта

Чтобы превратить контент в смарт-объект, просто выберите слой или слои из любого изображения Photoshop », это может быть файл PSD или TIFF или сохраненный в любом другом формате, поддерживающем использование слоев. .Выделив слой или слои, выберите Layer Smart Objects Group Into New Smart Object. После короткой паузы (вероятно, появится индикатор выполнения, в котором указано, что это «Объединение слоев») ваш слой или слои появятся, как показано на Рисунке 5-17. На этом рисунке показан смарт-объект, называемый «главным окном», который состоит из трех бывших слоев: «Скелет», «Луна» и «Горы». Три слоя были объединены в один смарт-объект, и к объекту было применено имя самого верхнего слоя. Вы можете переименовать объект так же, как переименовали бы слой: просто дважды щелкните имя на месте и введите новое.


Рис. 5-17. Выберите три слоя (левые изображения показывают версию палитры «Слои» «до») и превратите их в смарт-объект (правая версия палитры) со значком смарт-объекта в правом нижнем углу. угол миниатюры смарт-объекта.
Совет

Вы также можете использовать палитру слоев для создания смарт-объектов. Выберите слой или слои, которые вы хотите сделать смарт-объектом, и щелкните правой кнопкой мыши (Ctrl + щелчок на Mac), чтобы отобразить всплывающее меню.В меню выберите «Группировать в новый смарт-объект», и объект будет создан. В этом всплывающем меню вы также можете найти команды подменю «Слои смарт-объектов» «Новый смарт-объект с помощью копирования, редактирования содержимого, экспорта содержимого и замены содержимого».

Редактирование смарт-объектов

Итак, вы создали смарт-объект. Что теперь с этим делать? Вы можете дважды щелкнуть слой объекта в палитре «Слои» или выбрать «Слои смарт-объекты» Редактировать содержимое. Откроется большое окно подсказки, показанное на рис. 5-18, в котором даются ценные инструкции.После завершения редактирования (вы будете работать в новом окне изображения с содержимым слоев объекта), выберите «Файл», «Сохранить», чтобы сохранить изменения. Если вы этого не сделаете, изменения не отразятся на исходном изображении. Вы также можете сохранить изменения в новом файле «с новым именем, форматом и расположением файла», создав таким образом новое изображение из смарт-объекта.


Рис. 5-18. Воспользуйтесь этим полезным советом, чтобы убедиться, что отредактированный смарт-объект может вернуться к изображению, откуда он появился.

После нажатия кнопки «ОК», чтобы принять этот замечательный совет, вы увидите окно изображения с тем же именем, что и смарт-объект, когда он был слоем в исходном изображении.Формат нового изображения — PSB (большой формат документа), а изображение состоит из слоя или слоев, которые вы сгруппировали в смарт-объект. На рис. 5-19 показан результирующий файл PSB, и вы можете увидеть содержимое трех слоев «Скелет, Луна и Горы» — все это части нового изображения.


Рисунок 5-19: Один смарт-объект становится новым изображением.

Вы можете редактировать новый файл PSB, как любой файл Photoshop », используя любые инструменты, команды, фильтры и т. Д., Которые вы хотите.Например, вы можете использовать инструменты преобразования, чтобы вращать, наклонять, масштабировать и даже деформировать контент. Деформация, еще одна новая функция Photoshop CS2, обсуждается позже в этой главе.

Совет

Обработка файлов PSB потребляет много системных ресурсов. Если вы думаете, что будете создавать и редактировать множество смарт-объектов, и видите, что ваша система замедляется до обхода (или даже выдает вам запрос «рабочие диски заполнены», пока вы их редактируете), подумайте об увеличении БАРАН.

После завершения редактирования вы можете выбрать «Сохранить файл» (Ctrl + S для Windows, z + S для Mac), чтобы сохранить объект, а затем вернуться к исходному изображению. Исходное изображение отражает любые изменения, внесенные вами в размер, положение, порядок наложения и фактическое содержимое слоев объекта (включая новые слои), когда вы редактировали его как файл PSB. Затем вы можете преобразовать смарт-объект обратно в слой, используя команду Layers Smart Objects Convert to Layer.Имейте в виду, что Photoshop не преобразует смарт-объект обратно в несколько слоев, которые могли составлять объект с самого начала. Вместо этого создается один слой из смарт-объекта в целом. Ваша палитра истории также рассказывает реальную историю того, что произошло в этот момент; состояние, которое появляется при преобразовании смарт-объекта в слой, — «Растеризовать смарт-объект». Это напоминает вам, что объект сохраняет свое содержимое для векторного редактирования, и чтобы снова стать неотъемлемой частью изображения Photoshop, вы должны растрировать его и вернуть в виде небольшой группы пикселей.

Экспорт и замена смарт-объектов

Чтобы экспортировать смарт-объект, выберите «Экспорт содержимого» во всплывающем меню, которое появляется, когда вы щелкаете правой кнопкой мыши (или Ctrl + щелчок) по объекту. Откроется диалоговое окно «Сохранить», с помощью которого вы можете присвоить файлу имя (формат PSB по умолчанию, но вы можете выбрать другой) и выбрать место для файла. После того, как вы сохранили файл, вы можете открыть его в Illustrator или любой другой программе для редактирования векторных изображений. Вы также можете открыть его в фотошопе.После завершения редактирования вы можете сохранить изображение, а затем снова открыть исходное изображение в Photoshop. «Исходное изображение» относится к изображению, из которого были получены исходные слои, ставшие объектом. Изменения, внесенные вами в другой программе, отражаются, а содержимое повторно растрируется.

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

Блокировка слоев

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


Рисунок 5-20. Кнопки «Блокировка» в верхней части палитры «Слои» позволяют защитить определенные атрибуты слоя.
  • Заблокировать прозрачность: Эта кнопка защищает прозрачность слоя.Если этот параметр выбран, вы можете рисовать внутри слоя, не затрагивая прозрачные пиксели. Эта опция настолько полезна, что ей посвящен целый раздел этой главы книги.

    Перекрестная ссылка

    Подробнее о прозрачности см. Раздел «Сохранение прозрачности» далее в этой главе.

  • Заблокировать пиксели: Нажмите эту кнопку, чтобы запретить дальнейшее редактирование пикселей в активном слое.Инструменты рисования и редактирования больше не работают, как и фильтры или другие команды на уровне пикселей. Тем не менее, вы по-прежнему можете перемещать и преобразовывать слой по своему усмотрению, включая применение или изменение стилей слоя и настройку параметров Непрозрачности и Заливки. Обратите внимание, что нажатие этой кнопки затемняет и включает также кнопку «Заблокировать прозрачность». В конце концов, если вы не можете редактировать пиксели, вы не можете редактировать пиксели, непрозрачные они или прозрачные.

  • Положение блокировки: Нажмите эту кнопку, чтобы предотвратить перемещение или преобразование слоя.Однако вы можете редактировать пиксели.

  • Заблокировать все: Чтобы заблокировать все в слое, нажмите эту кнопку. Вы не можете рисовать, редактировать, фильтровать, перемещать, преобразовывать, удалять или иным образом изменять волосы на голове слоя. Все, что вы можете сделать, это продублировать слой, переместить его вверх и вниз по стеку, добавить его в группу и объединить с одним или несколькими другими слоями. Эта кнопка применима как к слоям, так и к группам.

Photoshop показывает, какие слои заблокированы, отображая два вида значков блокировки в палитре слоев.Как показано на рис. 5-20, пустая блокировка означает, что заблокирован один или несколько атрибутов; заполненная блокировка означает, что все атрибуты заблокированы.

Смарт-объект в Photoshop 2020 — полное руководство

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

Скачать учебник PSD-файлы бесплатно

Файлы PSD этого учебного пособия можно бесплатно загрузить в магазине PSD Vault.

Что вы будете создавать

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

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

В конце мы рассмотрим, как можно модифицировать смарт-объекты и наслаждаться результатом!

Учебные ресурсы

  1. Интерьер (2400 × 3599) Фото Эйвери Кляйн на Unsplash
  2. Текстура (1920 × 2880) Фото Солена Фейиссы на Unsplash

Введение

Прежде чем начать, вам следует знать несколько важных вещей. Смарт-объект — это обычный слой, содержащий графическое содержимое.Это может быть фотография, векторное изображение, файл .psd, текстура, форма, текст, часть рисунка и т. Д., Но с рядом преимуществ. Когда вы создаете новое произведение цифрового искусства, и если у вас нет четких границ или требований к документу, то рабочий процесс можно разделить на два типа — деструктивный и неразрушающий.

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

Преимущества и недостатки

Плюсы:
  1. Работайте неразрушающим способом.
  2. Восстановление исходного состояния смарт-объекта или отредактированного изображения.
  3. Используйте интеллектуальные фильтры: это означает добавление настроек, фильтров и эффектов, которые можно редактировать позже.
  4. Сделайте трансформации без потери качества.
  5. Создавайте различные проекты с изображениями-заполнителями с низким разрешением (смарт-объектами), которые впоследствии вы заменяете окончательными высококачественными версиями.Это больше подходит для дизайнеров или для небольших проектов, где не стоит видеть изменение в деталях до конца работы.
  6. Отредактируйте содержимое смарт-объекта.
  7. Примените маску слоя, которая связана или не связана со слоем смарт-объекта.

Очень хорошо подходит для небольших фотоманипуляций или других арт-проектов, дизайн-проектов, разработки макетов, простого ретуширования и создания цветных тонировок. Для разработки визуальных эффектов, текстур. Что-то с дальнейшим повторным использованием или модификацией и везде, где необходимо контролировать содержимое определенных слоев без потери качества.Хотя в сложных случаях это будет не так актуально и продуктивно. Используется больше при неразрушающем подходе .

Минусы:
  1. Большой размер файла документа.
  2. Не обрезайте края изображений, выходящие за пределы рабочей области поля, и это приводит к лишним данным.
  3. Когда документ создан с большим количеством слоев, с ним трудно работать.
  4. Длительное время ожидания открытия, обновления предварительного просмотра, рендеринга документа и пересчета.
  5. Заполнитель с низким разрешением не подходит для создания картин или ретуши.
  6. Может значительно замедлить рабочий процесс или привести к зависанию всего компьютера.
  7. Вы не можете выполнять операции, изменяющие данные пикселей, такие как рисование, осветление, прожигание или клонирование, непосредственно на слой смарт-объекта, если он сначала не преобразован в обычный слой.
  8. Хранит огромный объем данных в буфере и занимает много свободного места на диске во время работы.

Менее подходит для рисования, картин, концепт-арта, матовых картин.В проектах с большим количеством слоев (более 50) есть много корректирующих слоев. Творческие или сложные произведения искусства, требующие повышенного внимания к деталям. С небольшими аппаратными возможностями или медленными компьютерами пользователи, которые заботятся о свободном дисковом пространстве и оптимизации. Используется больше в деструктивном подходе .

Где найти

Первый момент, когда вы встречаетесь со смарт-объектами, — это когда вы помещаете что-то в Photoshop, например команду «Поместить внедренный» (Файл> Поместить внедренный) или «Открыть как смарт-объект».По умолчанию, когда вы помещаете графический элемент в Photoshop, он автоматически преобразует или создает смарт-объект или спрашивает об этом.

Вы можете управлять этим поведением, чтобы включить или отключить эту функцию в настройках. Для этого перейдите в Edit> Preferences> General или воспользуйтесь сочетанием клавиш Cmd / Ctrl + K . В появившемся окне вам понадобится опция «Поместить или перетащить растровые изображения как смарт-объекты» .

Второй момент — это когда вы конвертируете существующий слой, помещенный / созданный в рабочий документ.Создать смарт-объект из любого слоя, даже из пустого, довольно просто. Для этого щелкните правой кнопкой мыши на нужном слое и выберите Преобразовать слой в смарт-объект . Или то же самое с помощью меню «Слой »> «Смарт-объекты»> «Преобразовать в смарт-объект ». Теперь давайте разберемся со всем этим на практике. Например, поменять картинку на плакат на стене.

Шаг 1

Откроем изображение интерьера в Photoshop. Перейдите в Файл> Открыть или воспользуйтесь сочетанием клавиш Cmd / Ctrl + O .Перемещайтесь по изображению интерьера на жестком диске.

Шаг 2

Смарт-объект легко создать из любого слоя, даже из пустого. Создайте новый слой ( Cmd / Ctrl + Opt / Alt + Shift + N ) или перейдите в Layers> New или используйте значок внизу панели Layers. Сделайте щелкните правой кнопкой мыши на этом слое и выберите Convert to Smart Object . Вы можете сделать то же самое в меню «Слой »> «Смарт-объекты»> «Преобразовать в смарт-объект ».Вы можете понять, что слой стал смарт-объектом, благодаря значку в виде страницы в правом нижнем углу миниатюры слоя.

Шаг 3

Сделайте выделение внутреннего пространства плаката на стене. Сначала выделите фоновый слой на панели «Слои», щелкнув по нему. Затем возьмите инструмент Magic Wand Tool (W) с настройкой Tolerance: 10 и щелкните черную область плаката, чтобы сделать выбор. Конечно, выбор не очень точный, но в демонстрационных целях он подходит.

Шаг 4

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

Шаг 5

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

Перейдите в меню File> Place Embedded и перейдите к местоположению изображения текстуры на жестком диске. Вы можете видеть, что Photoshop добавил этот слой как смарт-объект. Это означает, что смарт-объекты могут содержать другие смарт-объекты, которые также можно редактировать, и так далее до бесконечности.

Шаг 6

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

Photoshop знает, как с этим справиться, поэтому больше ничего делать не нужно. Просто сохраните его после редактирования ( Cmd / Ctrl + S или File> Save ) и беспокоитесь только о своем рабочем документе по мере продвижения. После сохранения обновится содержимое вашего основного файла.

Шаг 7

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

Потому что, когда создается новый слой с теми же размерами, что и целевой документ. У вас есть два способа разместить изображение в области плаката: масштабировать смарт-объект в рабочем документе, но отсоединить (щелкните значок цепочки между слоем и маской) сначала маску и слой, чтобы маска осталась прежней. расположить или изменить содержимое смарт-объекта (в данном случае это текстура).Используйте инструмент Free Transform Tool (Cmd / Ctrl + T или Edit> Free Transform) для позиционирования, масштабирования, поворота или искажения изображения по своему усмотрению.

Шаг 8

Теперь вернемся к документу смарт-объекта с текстурой и добавим корректирующий слой «Цветовой тон / насыщенность» (слой > Новый корректирующий слой> Цветовой тон / насыщенность или используйте значок в нижней части панели «Слои») с Оттенок: + 70 настроек. Это изменит цвета текстуры.

Снова сохраните временный документ ( Cmd / Ctrl + S или Файл> Сохранить ) и вернитесь к целевому документу, чтобы увидеть результат.Смарт-объекты можно создавать любой сложности и заполнять любым графическим контентом, а затем повторно использовать его и даже связывать с другими вашими проектами. Один такой слой может содержать множество корректировок и слоев.

Сводка

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

Не стесняйтесь творить и экспериментировать! Спасибо за внимание и удачи вам в творческих проектах! Есть что добавить или спросить? Используйте раздел комментариев ниже!

Использование смарт-объектов — Photoshop CC: Отсутствующее руководство [Книга]

Смарт-объект — особенный, контейнероподобный слой, в который вы можете поместить всевозможные вещи, такие как raw-файлы (Работа с Raw-файлами), векторы (рисунки) из таких программ, как Adobe Illustrator (Глава 14), других слоев и даже целые файлы PSD.Смарт-объекты удобны, потому что Photoshop защищает то, что вы вносите в них свои правки контейнер вместо того, что внутри контейнера. Это позволяет вам делать следующее:

  • Преобразование или изменение размера без потери качество . Вместо изменения размера экземпляр (копия) содержимого, которое вы вставленный в документ, Photoshop запоминает информацию о исходный , изменяет его размер, а затем помещает информацию обратно в ваше изображение (без изменения исходной файл).В мгновение ока Photoshop обновляет ваш документ с содержимое с измененным размером , но не делает его выглядят блочно (при условии, что вы не превышаете исходный размеры слишком велики — если, конечно, не векторная). Ты можешь также используйте полный набор инструментов преобразования (Простые вращения) для смарт-объектов.

  • Сжать несколько слоев в один слой неразрушающий . В отличие от объединения слоев (Merging Layers), преобразование нескольких слоев в один одиночный смарт-объект сохраняет оригинала слои.Эта способность очень полезна, если вы хотите отредактировать несколько слои, как если бы они были одним, что отлично подходит для маскировки нескольких слоев сразу, применяя фильтры к составному изображению, применяя стили слоя (Layer Styles) или с помощью инструментов, работайте только над одним слоем за раз.

  • Неразрушающий контроль работы фильтров . Когда вы запускаете фильтр для смарт-объекта, Photoshop автоматически добавляет маску к смарт-объекту (помечена на рис. 4-34), а также фильтрация происходит на его собственном слое (аналогично стили слоя), чтобы вы могли настраивать, скрывать или отменять эффекты фильтра.См. «Радость умных фильтров», чтобы узнать, как их запускать. фильтры для смарт-объектов (а в Photoshop CC больше фильтров Смарт-объект — счастлив, чем когда-либо прежде).

  • Обновление нескольких экземпляров одного и того же содержание . Когда вы дублируете смарт-объект, дубликат связан с оригиналом , поэтому он работает как точный клон. Так, например, если вы разместили один и тот же контент в нескольких местах документа, например в большой версии логотипа, форма или изображение в одном месте и его уменьшенная версия где-то else — и вы вносите изменения в исходный смарт-объект в Photoshop. или вы редактируете содержимое исходного смарт-объекта в другом программа (например, Camera Raw или Illustrator), Photoshop автоматически обновляет это содержимое везде, где оно есть в документе.

  • Содержимое подкачки . Как только вы правильно отформатировал смарт-объект, вы можете поменять его содержимое на другое изображение, и новое изображение принимает атрибуты оригинала. Эта подмена контента — мощная магия, когда дело доходит до создания креативные шаблоны, которые можно использовать снова и снова с разными изображения (фотографы любят такие вещи). На рис. 4-34 показан подробности.

    Для дизайнеров возможность обмена контентом полезна, когда у вас есть несколько произведений искусства, которые нужно разместить в одном размер в дизайне (представьте несколько обложек альбомов в рекламе концерта или обложки книг в авторском плакате мероприятия).Вы можете поменять местами содержимое одного смарт-объекта без изменения других создание несвязанной копии , как объяснил управление смарт-объектами.

Примечание

Смарт-объекты особенно полезны, когда вы работаете с необработанные файлы, потому что вы можете дважды щелкнуть их в Photoshop , чтобы открыть их в Camera Raw (Исправление изображений в Camera Raw). Однако размещение несколько смарт-объектов в одном документе, особенно тот, который содержит необработанные файлы — размер вашего файла в спешке увеличится и может заставит Photoshop исчерпать память и работать … так быстро … как патока.

В следующих разделах вы узнаете, как создавать и управлять Smart Объекты.

Способ создания смарт-объекта зависит от двух вещей: где исходный контент жив, и в какой документ вы хотите его поместить. Здесь ваши варианты:

  • Чтобы создать новый документ, содержащий файл, который находится на вашем жестком диске, выберите «Файл» → «Открыть как Smart Объект.» В открывшемся диалоговом окне «Открыть» перейдите к файл, а затем нажмите «Открыть», чтобы Photoshop создал новый документ, содержащий один смарт-объект (без фона слой).Открытое изображение будет сохранено в исходном размере, а вы увидите значок смарт-объекта на его миниатюре слоя (обведен на рисунке 4-34).

    Совет

    Вы можете щелкнуть несколько файлов, удерживая нажатой клавишу «Shift», в диалоговом окне «Открыть» , чтобы открыть более одного файла как смарт-объект. Каждый файл открывается как собственный документ с одним слоем смарт-объекта.

    Рисунок 4-34. Вы можете создать несколько замечательных шаблонов, используя Smart Объекты.Просто откройте изображение как смарт-объект (как описано далее в этом разделе), а затем внесите все необходимые изменения, например, придать ему оттенок сепии, добавить виньетку с темными краями и затачивая его, как показано здесь. Маленький значок внизу справа от миниатюры слоя (в кружке) указывает, что слой это смарт-объект. Затем, чтобы заменить исходное фото на еще один, активируйте слой смарт-объекта, а затем выберите Слой → Смарт-объекты → Заменить содержимое (или щелкните, удерживая клавишу Control. [щелкните правой кнопкой мыши] рядом с углом слоя в названии панели «Слои» и в появившемся контекстном меню выберите «Заменить содержимое»).Перейдите к другой фотографии на жестком диске, нажмите «Открыть» и он автоматически приобретет те же характеристики! Благодарить да, спасибо большое.

  • Чтобы импортировать файл в документ который в данный момент открыт, выберите «Файл» → «Поместить ». Вы получаете то же диалоговое окно «Открыть», чтобы вы могли перейти к файлу, но это когда файл открывается как смарт-объект внутри текущий документ, и Photoshop также помещает маленькие ручки вокруг объекта, чтобы вы могли изменить его размер.Когда вы нажимаете Return (Введите на ПК), чтобы принять объект, вы увидите смарт-объект значок появится на миниатюре нового слоя. К сожалению, ты не можете разместить несколько файлов с помощью этой команды, хотя вы может сделать это с помощью панели Mini Bridge, так как показано на Использование мини-моста. (В CC, Mini Bridge устанавливается отдельно от Photoshop; см. главу 23.)

    Примечание

    Photoshop включает настройку предпочтений, которая делает программа автоматически открывает перетаскиваемые или помещенные файлы как смарт-объекты (см. Открытие нескольких файлов в одном документе).Этот настройка включена изначально, и это единственный способ прокрутки. Если у вас открыт документ, смарт-объект появится на новом слой внутри этого документа; если вы этого не сделаете, он откроется как Smart Объект в новом документе .

  • Скопируйте и вставьте Adobe Illustrator файл . Если вы скопируете иллюстрацию Illustrator на свой компьютер памяти, вы можете вставить его в открытый документ Photoshop с помощью ⌘-V (Ctrl + V).Photoshop спросит, хотите ли вы вставить его как смарт-объект, пиксели, контур или слой формы (последние три рассматривается в главе 14).

  • В Bridge выберите File → Place → In Фотошоп . Если вы используете Bridge для просмотра файлов, это команда открывает их как смарт-объекты в Photoshop (подробнее о Bridge см. в главе 23).

  • Чтобы превратить существующие слои в Smart Объект в текущем документе, активируйте слой (и), а затем выберите «Преобразовать в смарт-объект» на панели «Слои» меню .Если вы работаете с изображением, в котором много Связанные с ним корректирующие слои (для изменения таких вещей, как цвет и освещение), вы можете использовать эту команду, чтобы сгруппировать весь беспорядок в один смарт-объект. Таким образом, вы можете применить дополнительные изменяет все эти слои на один раз на с инструменты, которые работают только с отдельными слоями (например, фильтры и слой стили). На рис. 4-35 показан подробности.

Примечание

Вы можете добавить маску к смарт-объектам так же, как и к любому другому. другой слой.Photoshop автоматически ссылки маску к слою, чтобы вы могли перемещать их вместе. Отключить их, просто щелкните маленький значок цепочки между их миниатюрами в панель «Слои». (См. Блок «Отключение слоя от его маски» для получения дополнительной информации о связанных маски.)

Создав смарт-объект, вы можете дублировать его, редактировать его и экспортировать его содержимое. Вы найдете следующие варианты в Слой → Подменю Смарт-объекты и большинство из них в контекстное меню, которое вы получаете, удерживая нажатой клавишу Control (щелкнув правой кнопкой мыши) рядом с имя слоя на панели «Слои»:

  • Новый смарт-объект через копию .Когда вы выбираете эту команду, Photoshop создает копию вашего Смарт-объект не связан с оригинал, поэтому, если вы редактируете содержимое исходного смарт-объекта, дубликат не изменится. Несвязанная копия полезна, если вы хотите разместить несколько произведений искусства одинакового размера в вашем дизайн; поместите первое произведение искусства в качестве смарт-объекта и измените его размер правильно, затем сделайте несвязанную копию смарт-объекта и поменять местами его содержимое.

    Вы также можете запустить эту команду, наведя указатель мыши на слои панель и щелкнув правой кнопкой мыши, удерживая нажатой клавишу Control, рядом — но не на — имя существующего смарт-объекта, а затем выбирая «Новый смарт-объект через копию» из раскрывающегося списка меню.

    Рисунок 4-35. Вверху: чтобы преобразовать несколько слоев в смарт-объект, активируйте их на панели «Слои» и выберите «Преобразовать в Смарт-объект »из меню панели или из контекстного меню. вы получаете, удерживая нажатой клавишу Control (щелчок правой кнопкой мыши) рядом с названием слоя (неважно какой).В качестве альтернативы вы можете выбрать Слой → Смарт-объекты → «Преобразовать в смарт-объект» или выберите Фильтр → «Преобразовать для смарт-фильтров». Все эти команды выполняют то же самое. Внизу: Photoshop преобразует все эти слои. в один смарт-объект, на котором вы можете запускать фильтры неразрушающе. Чтобы отредактировать содержимое смарт-объекта, выберите Измените содержимое в меню панели «Слои», и Photoshop откроет новый временный документ, содержащий исходные слои.Когда вы закончили редактирование, нажмите ⌘-S (Ctrl + S), чтобы сохранить изменения. а затем закройте документ; Photoshop обновляется автоматически ваш смарт-объект в исходном документе. Как круто что?

    Совет

    Чтобы создать дубликат смарт-объекта, — это , связанный с оригиналом, перетащите Smart Поместите объект на кнопку «Создать новый слой» в нижней части Панель слоев или просто активируйте смарт-объект в слоях панель, а затем продублируйте ее, нажав ⌘-J (Ctrl + J).

    Это удобно, когда вы повторяете графический элемент в своем дизайн — если вы редактируете этот элемент в исходном смарт-объекте, Photoshop обновляет все копии этого Смарт-объект в вашем документе. Например, если вы создаете документ, который включает несколько размеров одного и того же изображения для печать (как пакеты с картинками, которые вы получили в начальной школе), использование связанных смарт-объектов позволяет менять местами все изображения для разных одно из двух секунды ровно.

  • Редактировать содержание . Выберите это или дважды щелкните миниатюру смарт-объекта в слоях панель, если вы хотите отредактировать исходный файл в программе, которая создал его (например, Camera Raw или Adobe Illustrator). Один раз вы сохраняете файл в другой программе (или нажимаете Готово в Camera Raw), он обновляется в вашем документе Photoshop. автоматически. Чтобы это произошло, вы должны используйте Photoshop, чтобы открыть исходный файл для редактирования; это не сработает если вы редактируете файл за спиной Photoshop.

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

  • Заменить содержание . Как и ты как показано на рисунке 4-34, вы можете использовать эту команду, чтобы поменять местами содержимое смарт-объекта, чтобы новый изображение берет на себя обработку редактирования, которую вы дали оригиналу один.

  • Режим стека . Этот вариант, который находится только в подменю Слой → Смарт-объект и был ранее доступный только в Photoshop Extended, содержит множество параметров обработки, которые можно применить к смарт-объекту состоящий из серии похожих изображений (называемых изображением stack ), чтобы получить идеальное изображение, которое бесплатно шума или других случайных элементов, которые попали в кадр (как птицы, летящие по небу, проезжающая машина перед предмет и так далее).

  • Растрировать . Как вы узнали на Используя смарт-объекты, при редактировании смарт- Объект, вы редактируете контейнер, а не его содержимое. Вот почему вы не можете использовать рисование, исцеление, заливку или инструменты ластика на смарт-объекте (хотя, если смарт-объект содержит другие пиксельные слои, вы можете дважды щелкнуть, чтобы развернуть смарт-объект во временный документ и вместо этого отредактируйте его).Однако, если вы готовы отказаться от всего добра, которое приходит при использовании смарт-объекта выберите этот параметр, чтобы растрировать его и заставить его вести себя как любой другой слой.

Смарт-объекты Photoshop — 5 советов от профессионалов

Смарт-объекты Photoshop — 5 советов от профессионалов

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

Создайте смарт-объект с самого начала.

В этом первом совете мы перенесем это изображение из Lightroom в Photoshop. Обратите внимание, что я уже внес некоторые базовые настройки в это изображение, экспозицию, контраст, блики и тени, и теперь я собираюсь щелкнуть правой кнопкой мыши на этом изображении и перейти сюда, чтобы редактировать в, Открыть как смарт-объект.

Одним из основных преимуществ этого является то, что вы можете поддерживать неразрушающий характер изображения RAW и повторно редактировать файл RAW или изменять размер изображения неразрушающим образом все время, пока вы находитесь в Photoshop, вместо того, чтобы возвращаться в Lightroom.

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

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

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

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

Совет номер два связан с настройкой изображения. Итак, здесь, на панели «Слои», вы можете видеть, что у вас есть все корректирующие слои, и, как вы знаете, корректирующий слой находится поверх любого слоя, который вы хотите настроить, но в этом случае я хочу внести коррективы. прямо к самому изображению, поэтому я перейду к Image, Adjustments и воспользуюсь Hue и Saturation.

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

Итак, я могу дважды щелкнуть Hue / Saturation, чтобы вернуться и изменить любое из значений. Я могу сделать то же самое со своими уровнями, изменить любые нужные мне значения. Также здесь сбоку вы можете дважды щелкнуть по любому из них, и откроется другое окно, и у меня есть свои варианты. Я могу использовать свои варианты наложения. Я могу настроить непрозрачность. Итак, у меня есть все эти элементы управления в смарт-фильтре, и я могу вернуться к нему. Я могу скопировать этот смарт-объект с помощью Command + C и сказать, что хочу посмотреть, как эта модель будет выглядеть прямо на фоне этой машины в композиции.Я могу сказать Command + V и вставить это сюда, чтобы просто посмотреть, как модель выглядит в этой композиции. Вы можете сделать что-то очень быстро.

После того, как я вставлю его, я могу уменьшить его размер, чтобы увидеть, как он будет выглядеть на фотографии. Command + T, ноль, и поскольку это смарт-объект, он не потеряет качества, просто вставьте его, что-то в этом роде. Используйте мой Select Subject, избавьтесь от фона.

Затем я нажимаю на Добавить маску слоя. Опять же, я буду моделировать.Command + T, и поскольку это смарт-объект, он не потеряет качества. Скажите ОК и обратите внимание, что у меня все еще есть те же смарт-фильтры, что и на исходном изображении, поэтому, если я хочу изменить оттенок на цвет, который немного ближе к автомобилю, я могу это сделать, и поэтому это просто способ сохранить все ваши смарт-фильтры с вами, и теперь я могу ходить туда-сюда, пытаясь решить, какие цвета работают здесь, на этом изображении или на любом другом изображении. Так что отличное использование настроек изображения с помощью смарт-фильтров. Умные объекты Photoshop.

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

Итак, третий совет имеет отношение к дублированию смарт-объектов, и это то, что можно легко упустить из виду, если вы просто не думаете об этом в то время. Я продублирую этот слой с помощью Command + J и назову его Bottle2, и я собираюсь переместить эти бутылки, расположив их поверх, и я снова продублирую этот слой. Command + J, бутылка 3. Я переставлю свой Bottle3. Я собираюсь дважды щелкнуть свой смарт-объект Bottle3, чтобы показать вам, что там внутри.Здесь есть пара слоев с векторной маской и еще одной настройкой уровней. Я отключу эту настройку уровней и сохраню свой смарт-объект, но это изменение коснулось всех трех бутылок.

Так вот, иногда это может быть то, что вам нужно, но дело в том, что все смарт-объекты являются одним и тем же экземпляром бутылки, или смарт-объекты в основном одинаковы. Все они указывают друг на друга. Возможно, это не то, что вам нужно. Что, если вы хотите, чтобы это изменение коснулось только одной из бутылок?

Итак, я собираюсь щелкнуть смарт-объект Bottle3, вернуть свои уровни и снова сохранить это, и, черт возьми, я удалю Bottle3, и теперь, если я щелкну правой кнопкой мыши по любой из смарт-объектов и скажите New Smart Object через Copy, хорошо, теперь это моя Bottle3, и я собираюсь переместить ее, и я вернусь в эту Bottle3, снова отключу уровни, сохраните ее, и теперь моя сдача применяется только к этой бутылке.

Новый смарт-объект через Копирование дает вам копию смарт-объекта, но она не связана с ним. Это не то же самое, поэтому понимание работы с дублированием смарт-объектов, возможно, избавит вас от головной боли, когда вы поймете, что затрагиваете более одного смарт-объекта, копию которого вы сделали. Умные объекты Photoshop.

Как сделать глобальную корректировку изображения с помощью смарт-объектов

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

Итак, теперь у меня все слои в смарт-объекте, и помню, поскольку это смарт-объект, я всегда могу дважды щелкнуть по нему и снова открыть все эти слои, но я собираюсь использовать фильтр Camera Raw Filter. Теперь я знаю, что это на самом деле глобальная корректировка всего изображения за один раз.

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

Сохранение маски слоя с помощью смарт-объекта

Итак, совет номер пять. В этом проекте я сделал вот этот композит.Модель здесь была вырезана и помещена на это фоновое изображение. Так что не делайте того, что я сделал на этом изображении. Моя ошибка заключалась в том, что объект является смарт-объектом, но у меня нет маски слоя прямо здесь. Видите ли, я дважды щелкнул смарт-объект. Нет маски слоя. Это могло быть проблемой. Что я должен был сделать, так это после того, как я создал свою маску слоя, и в этом случае я знал, что у меня будет маска слоя, создать из нее смарт-объект.

Итак, я собираюсь создать смарт-объект из моего изображения, которое было вырезано и имеет маску слоя с ним.Итак, теперь у меня есть смарт-объект, и я могу сказать Command + C, потому что хочу скопировать его на это изображение. Command + V, я скопировал его. Очевидно, сейчас он слишком большой, и я уверен, что вы слышали, что если вы хотите изменить размер любого объекта в своем проекте, это должен быть смарт-объект. Command + T и ноль опустят мои ручки так, чтобы я мог это видеть.

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

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

Посетите мой сайт с фотографиями здесь 👉 https: // www.charlescabrera.com

См. Мою предыдущую статью в блоге здесь 👉 https://charlescabrera.com/best-affordable-rgb-lights-for-youtube-gvm-800d/

Genius способов использования смарт-объектов Photoshop

Что это такое

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

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

Как они работают

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

  • Начать с вектора. Вы можете использовать «Файл»> «Поместить», чтобы вставить векторную графику (созданную в Illustrator) в файл Photoshop. Или скопируйте иллюстрацию в Illustrator и вставьте ее в свой документ Photoshop. Появится диалоговое окно с вариантами вставки — выберите «Смарт-объект». После того, как вы разместили его, Photoshop поддерживает прямую ссылку на исходное изображение. Если вы попробуете отредактировать смарт-объект, сделанный из вектора, он откроется прямо в Illustrator.
  • Захватить слой . Иногда один слой может быть хорошим кандидатом на смарт-объектность. Допустим, у вас есть растровое изображение, размер которого вы хотите изменить, но вы еще не знаете, какого размера оно должно быть. Масштабирование объектов более одного раза (скажем, уменьшение на 20%, а затем на увеличение на 20%) может быстро испортить ваши пиксельные данные, но превращение изображения в смарт-объект перед преобразованием позволит избежать этой проблемы. Сделать такой просто — просто щелкните слой правой кнопкой мыши и выберите «Преобразовать в смарт-объект».
  • …Или несколько слоев. Это мой любимый способ использования смарт-объектов. Вы можете превратить группу слоев в смарт-объект, создав повторно используемые компоненты и очистив палитру слоев. Снова щелкните правой кнопкой мыши и выберите «Преобразовать в смарт-объект» в меню «Параметры».

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

    Чтобы отредактировать смарт-объект после его создания, дважды щелкните слой. Он откроется в новом окне.Внесите изменения и не забудьте нажать «Сохранить» перед закрытием. После сохранения смарт-объекта все его экземпляры будут обновлены в вашем основном документе Photoshop. Не забывайте экономить! Если вы закроете его без сохранения, вы потеряете все свои изменения.

    Как я их использую

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

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

    Затем я бы выделил все эти слои в палитре и щелкнул правой кнопкой мыши> Преобразовать в смарт-объект.

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

    Теперь я могу сделать две копии исходного смарт-объекта и расположить их следующим образом:

    Выплата проста.Копии действуют как экземпляры, поэтому обновления, внесенные в один, будут сделаны для всех. Если я решу изменить заголовки на красный и полужирный, я могу сделать это один раз вместо трех. Я могу легко протестировать различные визуальные элементы (например, добавить градиент ко всему фрагменту) и сразу увидеть, как он будет выглядеть во всех трех экземплярах.

    Я также использую смарт-объекты для их неразрушающего редактирования. Когда что-то является смарт-объектом, вы можете масштабировать его, вращать, деформировать, наклонять и применять всевозможные фильтры без потери исходных данных.Вы также можете изменить порядок примененных фильтров, что может быть очень удобно. Фильтры остаются редактируемыми, и вы можете их снять, если решите, что они вам не нужны. Этот тип вещей отлично подходит для таких элементов, как набор миниатюр в галерее.

    Advanced Reuse

    Для одной композиции это не так уж и здорово. Но когда вы начинаете создавать более крупные сайты, они бесценны. Когда мы разрабатывали Warrior X-Fit, мы создали более 20 дизайнерских композиций. В каждой композиции использовалось много одинаковых элементов.Чтобы упростить процесс, я создал PSD «набор инструментов» с различными элементами. Смарт-объекты были важной частью набора. Я сделал смарт-объект для каждого возобновляемого компонента, чтобы я мог легко разместить их в своих композициях. На ранних этапах разработки я часто помещаю 5 или более композиций (в зависимости от размера файла) в один файл PSD, разделяя их по папкам верхнего уровня. Это дает мне максимальную отдачу от моих вложений со смарт-объектами. Они могут * почти * действовать как классы стилей, если вы сделаете это правильно.

    Вы можете экспортировать содержимое смарт-объекта в отдельный.psb файл. Хотя вы не можете использовать его как файл включаемого типа, вы можете использовать его для ускорения задач обслуживания. Скажем, после десяти композиций клиент решает, что все значки даты должны использовать красный цвет вместо оранжевого. Предполагая, что вы создали новый PSD для каждой композиции, вам обычно придется вернуться и изменить значок даты в каждом из десяти PSD. Однако если вы использовали смарт-объект, у вас есть другой способ обновления. Внесите изменения в экспортированный файл .psb. Затем перейдите в свои документы Photoshop и выберите смарт-объект со старой датой.Щелкните правой кнопкой мыши, выберите «Заменить содержимое» и выберите только что обновленный файл .psb. Та-да! Это не так здорово, как могло бы быть, но это большой шаг вперед от того, чтобы делать утомительные изменения снова и снова. Для лучшего объяснения ознакомьтесь с сообщением Джона Нэка: Связанные смарт-объекты (Kinda)

    Обновление: Если вы прочитаете комментарии, вы увидите, что Эрик Уоллес нашел отличный скрипт, который позволяет связывать смарт-объекты таким образом вы могли бы в InDesign. Более подробную информацию о скрипте и его работе можно найти здесь: http://ps-scripts.com/bb/viewtopic.php?t=3045

    Мне нравится чистая палитра слоев, поэтому я предпочитаю сумасшедший со смарт-объектами. Это все равно, что складывать все свои вещи в красиво помеченные ящики. Я уже упоминал, что я немного ОКР? Так что да. В любом случае … , Я предлагаю следующее:

    • Если что-то повторно используется в другом месте страницы или в другом файле, сделайте это смарт-объектом.
    • Не бойтесь их вить.
    • Используйте их для содержимого-заполнителя, кнопок, значков, фона, разделителей и т. Д.
    • Делитесь ими между композициями (просто не забудьте обновить их все, если что-то изменится)
    • Настройте сочетание клавиш для быстрого доступа. Выберите Правка> Сочетания клавиш> Слой> Смарт-объекты> Сгруппировать в новый смарт-объект (а затем установите свой ярлык)

    Предостережения

    • Смарт-объекты увеличивают размер файла и, следовательно, замедляют работу
    • Некоторые (немного менее анальные) люди может не понравиться извлечение их иллюстраций в отдельные файлы.
    • Вы не можете использовать маски связанных слоев на смарт-объектах.Бу. (Чтобы обойти это, поместите свой смарт-объект в папку и вместо этого поместите маску в папку.)
    • Если что-то является смарт-объектом, нет простого способа отменить умный объект — вы можете разгруппировать слои. Вместо этого перетащите все слои обратно в документ и удалите экземпляр смарт-объекта.
    • Смарт-объект не обладает всем поведением обычного слоя. Некоторые режимы наложения и фильтры работают неправильно. Я не часто сталкиваюсь с этим, но вы можете.

    Используете ли вы смарт-объекты по-другому или уникальным образом? Есть полезные советы? Если да, поделитесь, пожалуйста! Я всегда надеюсь найти больше способов ускорить свою работу и упростить ее.

    Дополнительная литература


    Veerle — Смарт-объекты: умные, но не всегда такие умные

    Смарт-объекты — Creative Pro

    Смарт-объекты в CS4 — Peachpit

    Adobe Photoshop: неразрушающее редактирование (со смарт-объектами )

    Видеоурок по смарт-объектам

    Как использовать смарт-объекты в Photoshop

    Смарт-объекты — это мощная функция Photoshop, которая упрощает вашу работу.В этом уроке мы поделимся с вами несколькими вещами, которые вы должны знать о работе со смарт-объектами в Photoshop. Давайте начнем!

    ЧТО ТАКОЕ УМНЫЕ ОБЪЕКТЫ?

    Смарт-объект — это контейнер, в котором хранится содержимое слоя. Контейнер защищает содержимое внутри от повреждений. Мы можем масштабировать и изменять размер контейнера, применять преобразования, деформации и искажения и даже применять фильтры Photoshop к смарт-объекту без потери качества и без внесения единственного постоянного изменения в слой внутри него.

    КАК ПРЕОБРАЗОВАТЬ СЛОЙ В УМНЫЙ ОБЪЕКТ

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

    В панели Layers мы видим изображение на фоновом слое:

    щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), непосредственно на слое на панели «Слои»:

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

    НЕКОТОРЫЕ ПРЕИМУЩЕСТВА ИСПОЛЬЗОВАНИЯ УМНЫХ ОБЪЕКТОВ

    СОХРАНЯЕТ КАЧЕСТВО РАСТРОВОГО ИЗОБРАЖЕНИЯ

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

    Наиболее распространенной особенностью смарт-объекта является то, что они не разрушают i.e они сохранят качество вашего слоя. Работа со слоями пиксельных изображений в Photoshop может быть очень разрушительной. Даже такие простые вещи, как вращение слоев с помощью инструмента «Свободное преобразование», могут привести к потере качества. Когда вы превращаете слой пикселей в смарт-объект, Photoshop сохраняет внедренный или связанный файл, в котором хранится необходимая информация для исходного изображения. Таким образом, он может поддерживать исходное качество изображения независимо от того, сколько раз вы изменяли размер слоя смарт-объекта.

    ЗАМЕНА СОДЕРЖАНИЯ

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

    1. Выберите слой смарт-объекта на панели «Слои».
    2. Выберите «Слой» → «Смарт-объекты» → «Заменить содержимое».
    3. В диалоговом окне «Поместить» найдите новый файл и нажмите кнопку «Поместить».
    4. Нажмите OK, если появится диалоговое окно, и новое содержимое появится на месте, заменив старое.

    ИСПОЛЬЗУЕТСЯ КАК УМНЫЕ ФИЛЬТРЫ

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

    ЗАКЛЮЧЕНИЕ

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

    .

alexxlab

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *